202 lines
3.3 KiB
Sass
202 lines
3.3 KiB
Sass
@import 'variables'
|
|
@import 'themes/dark_scarlet'
|
|
|
|
@import 'fonts'
|
|
@import 'mixins'
|
|
|
|
@import 'tables'
|
|
|
|
$primary-font: 'Fira Mono', monospace
|
|
$secondary-font: 'Roboto', sans-serif
|
|
// Base body styles
|
|
body
|
|
font-family: $primary-font
|
|
font-size: 16px
|
|
line-height: 1.6
|
|
color: $text-color
|
|
background-color: $background-color
|
|
|
|
// Headers
|
|
@each $header, $props in $header-styles
|
|
#{$header}
|
|
font-family: $secondary-font
|
|
font-weight: bold
|
|
color: map-get($props, color)
|
|
font-size: map-get($props, size)
|
|
margin-top: 20px
|
|
margin-bottom: 10px
|
|
|
|
// Default Link Style (Primary)
|
|
a
|
|
@include link-primary
|
|
|
|
// Specific Link Styles
|
|
a.secondary
|
|
@include link-secondary
|
|
|
|
a.inverse
|
|
@include link-inverse
|
|
|
|
a
|
|
color: $link-color-primary
|
|
text-decoration: underline
|
|
|
|
&:hover
|
|
color: $link-color-secondary // Bold pinkish-red on hover
|
|
|
|
h4 a
|
|
margin-left: 2em
|
|
@include link-secondary
|
|
|
|
// Tables
|
|
table
|
|
width: 100%
|
|
border-collapse: collapse
|
|
margin: 20px 0
|
|
font-size: 14px
|
|
|
|
th, td
|
|
padding: $table-padding
|
|
text-align: left
|
|
border-bottom: 1px solid $table-border-color
|
|
|
|
th
|
|
background-color: $table-header-bg
|
|
color: white
|
|
|
|
tr:nth-child(even)
|
|
background-color: lighten($table-border-color, 20%)
|
|
|
|
// Special Classes
|
|
.positives-negatives
|
|
th, td
|
|
text-align: center
|
|
padding: 12px
|
|
tr:nth-child(even)
|
|
background-color: lighten($tertiary-color, 30%)
|
|
th
|
|
background-color: $tertiary-color
|
|
color: white
|
|
|
|
.tax-bracket
|
|
th, td
|
|
padding: 8px
|
|
text-align: right
|
|
th
|
|
background-color: $primary-color
|
|
color: white
|
|
|
|
.ip-recap
|
|
th, td
|
|
padding: 10px
|
|
text-align: left
|
|
th
|
|
background-color: $quaternary-color
|
|
color: white
|
|
|
|
// Code Blocks
|
|
pre, code
|
|
background-color: $code-bg-color
|
|
padding: 10px
|
|
border-radius: $code-border-radius
|
|
font-family: $primary-font
|
|
color: $code-font-color
|
|
overflow-x: auto
|
|
font-size: 14px
|
|
|
|
// Lists
|
|
ul, ol
|
|
margin-left: $list-padding-left
|
|
padding-left: $list-padding-left
|
|
list-style-position: inside
|
|
|
|
li
|
|
margin-bottom: 5px
|
|
|
|
img
|
|
width: 20em
|
|
|
|
div#postamble
|
|
border-color: $tertiary-color
|
|
|
|
|
|
@include toggle-section-numbers(h3, true)
|
|
|
|
h3
|
|
margin-left: 1em
|
|
a
|
|
font-size: 90%
|
|
text-decoration: underline
|
|
text-underline-offset: 4px
|
|
|
|
|
|
table
|
|
width: 100%
|
|
border-collapse: collapse
|
|
margin: 20px 0
|
|
color: $text-color
|
|
|
|
th
|
|
background-color: $table-header-bg
|
|
color: $text-color
|
|
|
|
td
|
|
border: 1px solid $table-border-color
|
|
padding: 10px
|
|
|
|
tr:nth-child(even)
|
|
background-color: lighten($table-header-bg, 5%)
|
|
|
|
|
|
ul, ol
|
|
margin: 1em 0
|
|
padding-left: 1.5em
|
|
list-style-position: inside
|
|
font-size: 1rem
|
|
line-height: 1.6
|
|
|
|
// Unordered List
|
|
ul
|
|
list-style-type: disc
|
|
|
|
li
|
|
margin-bottom: 0.5em
|
|
&:before
|
|
content: '•'
|
|
color: $primary-color
|
|
font-weight: bold
|
|
display: inline-block
|
|
width: 1em
|
|
margin-left: -1.5em
|
|
|
|
// Ordered List
|
|
ol
|
|
list-style-type: decimal
|
|
|
|
li
|
|
margin-bottom: 0.5em
|
|
&:before
|
|
color: $secondary-color
|
|
font-weight: bold
|
|
|
|
// Nested Lists
|
|
ul ul, ol ol, ul ol, ol ul
|
|
margin-top: 0.5em
|
|
margin-left: 1em
|
|
list-style-type: circle
|
|
|
|
li
|
|
margin-bottom: 0.25em
|
|
|
|
// Special Class for Inline Lists
|
|
.inline-list
|
|
list-style-type: none
|
|
margin: 0
|
|
padding: 0
|
|
display: flex
|
|
flex-wrap: wrap
|
|
gap: 1em
|
|
|
|
li
|
|
display: inline
|
|
|