2024-11-25 04:52:06 +02:00
|
|
|
// _variables.sass
|
2024-11-29 00:41:38 +02:00
|
|
|
@use "sass:map"
|
|
|
|
|
@use '../../../../../_share/media/sass/fonts' as fonts
|
2024-11-25 04:52:06 +02:00
|
|
|
|
|
|
|
|
$list-padding-left: 1.5em
|
|
|
|
|
|
|
|
|
|
// Color Variables
|
2024-11-29 00:41:38 +02:00
|
|
|
$code-background-color: #1e1f29 // Very dark blue for code blocks
|
|
|
|
|
$code-text-color: #f8f8f2 // Off-white for code text
|
|
|
|
|
|
2024-11-25 04:52:06 +02:00
|
|
|
$note-background-color: #333842 // Note background
|
|
|
|
|
$note-border-color: #c678dd // Note border color
|
|
|
|
|
|
2024-11-29 00:41:38 +02:00
|
|
|
// Colors
|
|
|
|
|
$primary-color: #d10094 // Dark pink for headers
|
|
|
|
|
$secondary-color: #5b8ee8 // Rich blue for secondary headers
|
|
|
|
|
$tertiary-color: #228b22 // Dark green for subheaders
|
|
|
|
|
|
|
|
|
|
// Text
|
|
|
|
|
$text-color: #aeb1c7
|
|
|
|
|
$background-color: #282a36 // Dark black-gray background
|
|
|
|
|
|
|
|
|
|
// Links, Anchors
|
|
|
|
|
$anchor-color: #1e90ff // Dodger blue for links
|
|
|
|
|
$anchor-hover-color: #e0006f// Vibrant pink for link hover
|
|
|
|
|
|
|
|
|
|
// Tables
|
|
|
|
|
$table-header-bg: #44475a // Steely blue for table headers
|
|
|
|
|
$table-border-color: #6272a4 // Muted blue-gray for borders
|
|
|
|
|
|
|
|
|
|
$default-header-sizes: ()
|
|
|
|
|
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
|
|
|
|
|
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
|
|
|
|
$default-header-sizes: map.set($default-header-sizes, h3, 1.5em)
|
|
|
|
|
$default-header-sizes: map.set($default-header-sizes, h4, 1.2em)
|
|
|
|
|
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
|
|
|
|
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
|
|
|
|
|
|
|
|
|
$default-header-colors: ()
|
|
|
|
|
$default-header-colors: map.set($default-header-colors, h1, $primary-color)
|
|
|
|
|
$default-header-colors: map.set($default-header-colors, h2, $secondary-color)
|
|
|
|
|
$default-header-colors: map.set($default-header-colors, h3, $secondary-color)
|
|
|
|
|
$default-header-colors: map.set($default-header-colors, 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: 1em, right: 1em))
|
|
|
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 1.5em, right: 1.5em))
|
|
|
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 2em, right: 2em))
|
|
|
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 2.5em, right: 2.5em))
|
|
|
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 3em, right: 3em))
|
|
|
|
|
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 3.5em, right: 3.5em))
|
|
|
|
|
|
|
|
|
|
// 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: 1.5em, bottom: 0.5em))
|
|
|
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 2em, bottom: 0.5em))
|
|
|
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 2.5em, bottom: 0.5em))
|
|
|
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h5, (top: 3em, bottom: 0.5em))
|
|
|
|
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 3.5em, bottom: 0.5em))
|
2024-11-25 04:52:06 +02:00
|
|
|
|
2024-11-29 00:41:38 +02:00
|
|
|
// Fonts
|
|
|
|
|
$primary-font: 'Fira Mono', monospace
|
|
|
|
|
$secondary-font: 'Roboto', sans-serif
|
2024-11-25 04:52:06 +02:00
|
|
|
|
