114 lines
1.9 KiB
Sass
114 lines
1.9 KiB
Sass
@charset "utf-8"
|
|
|
|
@import url('../font/iosevka-aile.css')
|
|
@import url('../font/iosevka-etoile.css')
|
|
@import url('../font/iosevka.css')
|
|
|
|
@function make-light($c)
|
|
@return scale-color($c, $lightness: 30%, $saturation: -25%)
|
|
|
|
@function make-lighter($c)
|
|
@return scale-color($c, $lightness: 60%, $saturation: -50%)
|
|
|
|
$family-sans-serif: "Iosevka Aile Web", sans-serif
|
|
$family-serif: "Iosevka Etoile Web", serif
|
|
$family-monospace: "Iosevka Web", monospace
|
|
|
|
$turquoise: #236863
|
|
$blue: #2D4471
|
|
$brown: #552500
|
|
$turquoise-light: make-light($turquoise)
|
|
$turquoise-lighter: make-lighter($turquoise)
|
|
$blue-light: make-light($blue)
|
|
$blue-lighter: make-lighter($blue)
|
|
$brown-light: make-light($brown)
|
|
$brown-lighter: make-lighter($brown)
|
|
|
|
$family-primary: $family-serif
|
|
|
|
$link: $turquoise
|
|
|
|
|
|
@import '../../node_modules/bulma/bulma.sass'
|
|
|
|
body
|
|
font-size: 14px
|
|
|
|
h1, h2, h3, h4, h5, h6
|
|
font-family: $family-sans-serif
|
|
color: $brown
|
|
|
|
&:before
|
|
color: $brown-lighter
|
|
|
|
a
|
|
color: inherit
|
|
|
|
h1
|
|
font-size: $size-large
|
|
|
|
&:before
|
|
content: "# "
|
|
|
|
h2, .content h2
|
|
font-size: $size-medium
|
|
|
|
&:before
|
|
content: "## "
|
|
|
|
h3, .content h3
|
|
&:before
|
|
content: "### "
|
|
|
|
h3, h4, h5, h6, .content h3, .content h4, .content h5, .content h6
|
|
font-size: $body-font-size
|
|
|
|
h5, h6, .content h5, .content h6
|
|
font-style: italic
|
|
|
|
h6, .content h6
|
|
font-weight: normal
|
|
|
|
.content
|
|
strong:before, strong:after
|
|
content: "*"
|
|
|
|
em:before, em:after
|
|
content: "_"
|
|
|
|
a
|
|
text-decoration: underline
|
|
|
|
ul
|
|
*:marker
|
|
font-weight: bold
|
|
|
|
list-style-type: "* "
|
|
ul
|
|
list-style-type: "+ "
|
|
ul
|
|
list-style-type: "- "
|
|
|
|
&.taxonomy-list
|
|
column-count: 4
|
|
|
|
.summary
|
|
@extend .hero
|
|
@extend .my-5
|
|
@extend .px-3
|
|
@extend .py-5
|
|
|
|
.single
|
|
@extend .my-5
|
|
@extend .px-3
|
|
@extend .py-5
|
|
|
|
.site-title
|
|
@extend h1
|
|
|
|
font-style: italic
|
|
padding-left: 0
|
|
|
|
&:before
|
|
content: none
|