68 lines
1.2 KiB
Sass
68 lines
1.2 KiB
Sass
|
@use "reset"
|
||
|
|
@use "variables" as *
|
||
|
|
@use "header"
|
||
|
|
@use "wikigrid"
|
||
|
|
@use "footer"
|
||
|
|
|
||
|
|
body
|
||
|
|
min-height: 100vh
|
||
|
|
background-color: var(--background-color)
|
||
|
|
color: var(--text-color)
|
||
|
|
font-family: var(--font-sans)
|
||
|
|
|
||
|
|
.container
|
||
|
|
max-width: 50rem
|
||
|
|
margin: 0 auto
|
||
|
|
|
||
|
|
.content
|
||
|
|
h1, h2, h3, h4, h5, h6
|
||
|
|
font-family: var(--font-serif)
|
||
|
|
font-weight: 600
|
||
|
|
color: var(--text-emphasized)
|
||
|
|
margin: 1rem 0
|
||
|
|
h1
|
||
|
|
font-size: 2.5rem
|
||
|
|
h2
|
||
|
|
font-size: 1.5rem
|
||
|
|
h3
|
||
|
|
font-size: 1.25rem
|
||
|
|
h4
|
||
|
|
font-size: 1.125rem
|
||
|
|
h5
|
||
|
|
font-size: 1rem
|
||
|
|
h6
|
||
|
|
font-size: 0.875rem
|
||
|
|
p
|
||
|
|
margin-bottom: 0.5rem
|
||
|
|
a
|
||
|
|
color: var(--link-color)
|
||
|
|
text-decoration: none
|
||
|
|
transition: all 0.1s
|
||
|
|
border-bottom: 2px solid var(--link-color)
|
||
|
|
&:hover
|
||
|
|
color: var(--text-emphasized)
|
||
|
|
border-bottom: 2px solid var(--text-emphasized)
|
||
|
|
ul, ol
|
||
|
|
margin: 0 0 1rem 1.25rem
|
||
|
|
li
|
||
|
|
margin: 0.6rem 0
|
||
|
|
padding-left: 0.25rem
|
||
|
|
ul
|
||
|
|
list-style: disc
|
||
|
|
ul
|
||
|
|
list-style: square
|
||
|
|
ul
|
||
|
|
list-style: circle
|
||
|
|
ol
|
||
|
|
list-style: decimal
|
||
|
|
ol
|
||
|
|
list-style: upper-roman
|
||
|
|
ol
|
||
|
|
list-style: lower-roman
|
||
|
|
img
|
||
|
|
max-width: 100%
|
||
|
|
height: auto
|
||
|
|
blockquote
|
||
|
|
border-left: 4px solid var(--text-color)
|
||
|
|
padding-left: 1rem
|
||
|
|
margin-bottom: 1rem
|