64 lines
3 KiB
Sass
64 lines
3 KiB
Sass
// _var2.sass
|
|
@use "sass:map"
|
|
@use "sass:color"
|
|
@use '../fonts' as fonts
|
|
|
|
$list-padding-left: 1.5em
|
|
|
|
// Color Variables
|
|
|
|
// Colors
|
|
$primary-color: #61afef // Used for links (updated)
|
|
$secondary-color: #98c379 // Used for code blocks (updated)
|
|
$tertiary-color: #abb2bf // General text color (new tertiary role)
|
|
$quaternary-color: #d19a66 // Highlight color (updated)
|
|
$quinary-color: #e06c75 // Accent for headers (updated)
|
|
|
|
$code-background-color: #2c313c // Code block background (updated)
|
|
$code-text-color: #abb2bf // Text color for code blocks (updated)
|
|
|
|
$note-background-color: #333842 // Note background (unchanged)
|
|
$note-border-color: $quinary-color // Note border color (unchanged)
|
|
|
|
// Text
|
|
$text-color: $tertiary-color // General text color (updated)
|
|
$background-color: color.adjust($tertiary-color, $lightness: -53%)
|
|
|
|
// Links, Anchors
|
|
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
|
$anchor-hover-color: color.adjust($quaternary-color, $lightness: 10%)
|
|
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
|
$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%)
|
|
|
|
// Tables
|
|
$table-header-bg: #44475a // Steely blue for table headers (unchanged)
|
|
$table-border-color: #6272a4 // Muted blue-gray for borders (unchanged)
|
|
|
|
// Default Header Sizes and Colors
|
|
$default-header-sizes: (h1: 2em, h2: 1.75em, h3: 1.5em, h4: 1.25em, h5: 1.1em, h6: 1em)
|
|
$default-header-colors: (h1: $quaternary-color, h2: $quinary-color, h3: $primary-color, h4: $secondary-color)
|
|
|
|
// Initialize empty maps
|
|
$default-header-margins-sides: ()
|
|
$default-header-margins-vertical: ()
|
|
|
|
// Dynamically populate sides map
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
|
|
|
// Dynamically populate vertical map
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, bottom: 0.5em))
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 1em, bottom: 0.5em))
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 3.5em, bottom: 0.5em))
|
|
|
|
// Fonts
|
|
$primary-font: 'Fira Mono', monospace
|
|
$secondary-font: 'Roboto', sans-serif
|
|
|