2025-01-21 02:10:25 +02:00
|
|
|
@use "sass:map"
|
|
|
|
|
@use "sass:color"
|
|
|
|
|
|
|
|
|
|
@use 'fonts'
|
|
|
|
|
@use 'variables'
|
|
|
|
|
@use 'themes/light' as theme
|
|
|
|
|
@use 'mixins'
|
|
|
|
|
@use 'tables'
|
2024-11-27 02:08:59 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
// Base styles
|
|
|
|
|
body
|
|
|
|
|
line-height: 1.6
|
2025-01-21 02:10:25 +02:00
|
|
|
color: theme.$primary-color
|
|
|
|
|
background-color: theme.$background-color
|
2024-11-27 02:08:59 +02:00
|
|
|
padding: 1em
|
|
|
|
|
max-width: 800px
|
|
|
|
|
margin: 0 auto
|
|
|
|
|
|
|
|
|
|
// Headers
|
2025-01-21 02:10:25 +02:00
|
|
|
@each $header, $props in theme.$header-styles
|
2024-11-27 02:08:59 +02:00
|
|
|
#{$header}
|
2025-01-21 02:10:25 +02:00
|
|
|
font-family: theme.$secondary-font
|
2024-11-27 02:08:59 +02:00
|
|
|
font-weight: bold
|
2025-01-21 02:10:25 +02:00
|
|
|
color: map.get($props, color)
|
|
|
|
|
font-size: map.get($props, size)
|
2024-11-27 02:08:59 +02:00
|
|
|
|
|
|
|
|
margin-top: 1.5em
|
|
|
|
|
margin-bottom: 0.5em
|
|
|
|
|
line-height: 1.2
|
|
|
|
|
|
|
|
|
|
text-transform: capitalize
|
|
|
|
|
|
|
|
|
|
h3
|
|
|
|
|
text-transform: uppercase
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// remember to use toggle!
|
2025-01-21 02:10:25 +02:00
|
|
|
@include mixins.remove-section-number(h3)
|
|
|
|
|
@include mixins.remove-section-number(h4)
|
2024-11-27 02:08:59 +02:00
|
|
|
|
|
|
|
|
p
|
|
|
|
|
margin-bottom: 1em
|
|
|
|
|
|
|
|
|
|
a
|
2025-01-21 02:10:25 +02:00
|
|
|
@include variables.link-primary
|
2024-11-27 02:08:59 +02:00
|
|
|
|
|
|
|
|
a.secondary
|
2025-01-21 02:10:25 +02:00
|
|
|
@include variables.link-secondary
|
2024-11-27 02:08:59 +02:00
|
|
|
|
|
|
|
|
a.inverse
|
2025-01-21 02:10:25 +02:00
|
|
|
@include variables.link-inverse
|
2024-11-27 02:08:59 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
ul, ol
|
|
|
|
|
margin-bottom: 1em
|
|
|
|
|
padding-left: 1.5em
|
|
|
|
|
|
|
|
|
|
li
|
|
|
|
|
margin-bottom: 0.5em
|
|
|
|
|
|
|
|
|
|
blockquote
|
2025-01-21 02:10:25 +02:00
|
|
|
border-left: 4px solid theme.$secondary-color
|
2024-11-27 02:08:59 +02:00
|
|
|
padding-left: 1em
|
2025-01-21 02:10:25 +02:00
|
|
|
color: theme.$secondary-color
|
2024-11-27 02:08:59 +02:00
|
|
|
margin: 1.5em 0
|
|
|
|
|
|
|
|
|
|
pre, code
|
|
|
|
|
font-family: "Courier New", monospace
|
2025-01-21 02:10:25 +02:00
|
|
|
background-color: theme.$code-bg-color
|
2024-11-27 02:08:59 +02:00
|
|
|
padding: 0.2em 0.4em
|
|
|
|
|
border-radius: 3px
|
|
|
|
|
|
|
|
|
|
pre
|
|
|
|
|
padding: 1em
|
|
|
|
|
overflow-x: auto
|
|
|
|
|
|
|
|
|
|
table
|
|
|
|
|
width: 100%
|
|
|
|
|
border-collapse: collapse
|
|
|
|
|
margin-bottom: 1em
|
|
|
|
|
|
|
|
|
|
th, td
|
2025-01-21 02:10:25 +02:00
|
|
|
border: 1px solid theme.$table-border-color
|
2024-11-27 02:08:59 +02:00
|
|
|
padding: 0.5em
|
|
|
|
|
text-align: left
|
|
|
|
|
|
|
|
|
|
th
|
2025-01-21 02:10:25 +02:00
|
|
|
//background-color: lighten(theme.$background-color, 10%)
|
|
|
|
|
background-color: color.adjust(theme.$background-color, $lightness: 10%)
|
2024-11-27 02:08:59 +02:00
|
|
|
font-weight: bold
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#postamble
|
|
|
|
|
border-top: dashed 1px black
|
|
|
|
|
margin-top: 3em
|
|
|
|
|
padding-top: 1em
|
|
|
|
|
|
