theme-mnemosyne-hugo/assets/style/main.sass

122 lines
2.0 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'
@import '_code.scss'
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
.link-summary
@extend .has-background-link-light
.note-summary
@extend .has-background-info-light
.single
@extend .my-5
@extend .px-3
@extend .py-5
.site-title
@extend h1
font-style: italic
padding-left: 0
&:before
content: none