170 lines
2.8 KiB
CSS
170 lines
2.8 KiB
CSS
/* Typo */
|
||
|
||
article section ul li, /* Body 1 */
|
||
ol li,
|
||
p,
|
||
dl dt,
|
||
dl dd {
|
||
font-size: 2rem;
|
||
font-weight: 400;
|
||
}
|
||
|
||
article section p {
|
||
margin-bottom: 0.75rem;
|
||
max-height: initial;
|
||
color: inherit;
|
||
line-height: inherit;
|
||
}
|
||
|
||
ul:not(.list):not(.navigation):not(.tabs):not(.grid) > li,
|
||
ol:not(.list):not(.navigation):not(.tabs):not(.grid) > li {
|
||
font-size: 2rem;
|
||
line-height: 3rem;
|
||
padding-left: 2rem;
|
||
list-style-position: inside;
|
||
min-height: 3rem;
|
||
margin: 1rem auto;
|
||
}
|
||
|
||
ul:not(.list):not(.tabs):not(.navigation):not(.grid) > li > * {
|
||
display: inline;
|
||
}
|
||
|
||
ul:not(.list):not(.tabs):not(.navigation):not(.grid):not(.actions) > li {
|
||
list-style-type: disc;
|
||
}
|
||
|
||
ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li {
|
||
list-style-type: circle;
|
||
}
|
||
|
||
ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li {
|
||
list-style-type: square;
|
||
}
|
||
|
||
ol:not(.list):not(.tabs):not(.grid) > li {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
strong,
|
||
b {
|
||
font-weight: 700;
|
||
}
|
||
|
||
em {
|
||
font-style: italic;
|
||
}
|
||
|
||
p img.inline {
|
||
display: inline-block;
|
||
height: 3rem;
|
||
max-width: 3.5rem;
|
||
margin-bottom: -0.7rem;
|
||
user-select: none;
|
||
}
|
||
|
||
li p.code,
|
||
code,
|
||
pre,
|
||
xmp {
|
||
font-family: monospace;
|
||
}
|
||
|
||
code,
|
||
pre,
|
||
xmp {
|
||
border-radius: 0.5rem;
|
||
color: white;
|
||
padding: 0.5rem 1rem;
|
||
font-size: 1.6rem;
|
||
background-color: rgb(var(--movim-gray));
|
||
overflow-wrap:break-word;
|
||
direction: ltr;
|
||
overflow-x: auto;
|
||
}
|
||
|
||
pre,
|
||
xmp {
|
||
white-space:pre;
|
||
}
|
||
|
||
code.block {
|
||
display: block;
|
||
margin-bottom: -2.5rem;
|
||
}
|
||
|
||
pre code {
|
||
background-color: transparent;
|
||
padding: 0;
|
||
color: white;
|
||
}
|
||
|
||
pre::before,
|
||
xmp::before {
|
||
content: attr(class);
|
||
display: block;
|
||
float: right;
|
||
background-color: rgba(var(--movim-gray), 0.5);
|
||
padding: 0 1rem;
|
||
}
|
||
|
||
pre:not([class])::before,
|
||
xmp:not([class])::before {
|
||
content: none;
|
||
}
|
||
|
||
q {
|
||
quotes: "“" "”" "‘" "’";
|
||
}
|
||
q:before {
|
||
content: open-quote;
|
||
}
|
||
q:after {
|
||
content: close-quote;
|
||
}
|
||
|
||
cite,
|
||
blockquote {
|
||
padding-left: 1.5rem;
|
||
border-left: 0.5rem solid rgba(var(--movim-font), 0.2);
|
||
font-style: italic;
|
||
margin: 1rem 0;
|
||
}
|
||
|
||
/* Definition list */
|
||
|
||
dl dt,
|
||
dl dd {
|
||
box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
padding: 0.5rem 1rem;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
line-height: 2.5rem;
|
||
}
|
||
|
||
dl di {
|
||
border-bottom: 1px solid rgba(var(--movim-font), 0.12);
|
||
display: block;
|
||
padding: 1em 0;
|
||
}
|
||
|
||
dl dt {
|
||
text-align: right;
|
||
font-weight: bold;
|
||
width: 25%;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
dl dd {
|
||
text-align: left;
|
||
width: 74%;
|
||
}
|
||
|
||
*[dir="rtl"] dl dd {
|
||
text-align: right;
|
||
}
|