motarawneh.com/assets/scss/base/page.scss
2020-11-12 03:51:26 -06:00

63 lines
1.2 KiB
SCSS

.page-title {
font-size: 1.5em;
@media (min-width: 600px) {font-size: 1.75em}
@media (min-width: 768px) {font-size: 2.25em}
font-weight: 700;
}
.page {
@media (min-width: 600px) {font-size: 1.25em}
@media (min-width: 768px) {font-size: 1.5em}
line-height: 1.4;
h1 {
font-size: 1.5em;
font-weight: 700;
}
h2 {
font-size: 1.25em;
font-weight: 700;
margin-bottom: 0.7em;
margin-top: 2em;
line-height: 1.2;
}
h3 {
font-size: 1em;
font-weight: 700;
margin-bottom: 0.7em;
line-height: 1.2;
}
a {
color: inherit;
text-underline-offset: 7px;
text-decoration-thickness: 2px;
transition: 0.25s ease-in-out;
transition-property: text-decoration-thickness color;
}
a:hover {
color: #00a3ff;
text-decoration-thickness: 6px;
}
p {margin-bottom: 1em;}
ul {
font-size: 1em;
line-height: 1.4;
list-style: disc;
margin-left: 1em;
}
li {margin-bottom: 1em;}
li > ul {margin-top: 1em;}
ol {
font-size: 1em;
line-height: 1.4;
list-style: decimal;
margin-left: 1em;
}
em {font-style: italic;}
strong {font-weight: 700;}
blockquote {padding-left: 0.5em; border-left: 4px solid black}
}
#TableOfContents {
ul {
li {margin-bottom: 1em;}
}
}