167 lines
2.1 KiB
SCSS
167 lines
2.1 KiB
SCSS
|
|
h1 {
|
|
font-size: 1.5em;
|
|
font-weight: bolder;
|
|
line-height: 1.1em;
|
|
|
|
margin: 0;
|
|
margin-bottom: 0.2em;
|
|
padding: 0.2em;
|
|
padding-left: 1.8em;
|
|
|
|
color: var(--lns-col-heading);
|
|
}
|
|
h2 {
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
--margin-bottom: 0.3em;
|
|
}
|
|
h3 {
|
|
font-size: 1.15em;
|
|
font-weight: bolder;
|
|
--margin-bottom: 0.3em;
|
|
}
|
|
h4 {
|
|
font-size: 1.15em;
|
|
--margin-bottom: 0.3em;
|
|
}
|
|
h5 {
|
|
font-size: 1.1em;
|
|
font-style: italic;
|
|
--margin-bottom: 0.3em;
|
|
}
|
|
h6 {
|
|
font-size: 1.05em;
|
|
font-style: italic;
|
|
--margin-bottom: 0.3em;
|
|
}
|
|
|
|
p {
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
i {
|
|
font-style: italic;
|
|
}
|
|
|
|
u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.text-block {
|
|
text-align: justify;
|
|
}
|
|
|
|
.text-decoration-none {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.text-underline {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.small, small {
|
|
font-size: 0.8em;
|
|
line-height: 0.8em;
|
|
}
|
|
.large {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.text-bold {
|
|
font-weight: bold;
|
|
}
|
|
.text-bolder {
|
|
font-weight: bolder;
|
|
}
|
|
.text-normal {
|
|
font-weight: normal;
|
|
}
|
|
.text-lighter {
|
|
font-weight: lighter;
|
|
}
|
|
|
|
.text-monospace {
|
|
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", "Droid Sans Mono", monospace, monospace;
|
|
}
|
|
|
|
em, .em {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre;
|
|
}
|
|
|
|
@each $prefix, $minwidth in $media-sizes {
|
|
@container (min-width: #{$minwidth}) {
|
|
.#{$prefix}-text-left {
|
|
text-align: left;
|
|
}
|
|
.#{$prefix}-text-center {
|
|
text-align: center;
|
|
}
|
|
.#{$prefix}-text-right {
|
|
text-align: right;
|
|
}
|
|
.#{$prefix}-text-block {
|
|
text-align: justify;
|
|
}
|
|
|
|
.#{$prefix}-small, small {
|
|
font-size: 0.8em;
|
|
line-height: 0.8em;
|
|
}
|
|
.#{$prefix}-large {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.large {
|
|
font-size: 1.25em;
|
|
}
|
|
.small {
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
@for $n from 0 through 10 {
|
|
.fs-#{n} {
|
|
|
|
}
|
|
}
|
|
|
|
ol, ul {
|
|
margin-left: 2em;
|
|
|
|
> li {
|
|
margin-bottom: 0.3em;
|
|
line-height: 1.2em;
|
|
}
|
|
}
|
|
|
|
|
|
.app {
|
|
h1 {
|
|
background-color: var(--lns-bg-heading);
|
|
border-radius: 0.7em;
|
|
}
|
|
|
|
}
|
|
|