75 lines
3.6 KiB
Sass
75 lines
3.6 KiB
Sass
// _sophisticated-sandstone.sass
|
|
@use "sass:map"
|
|
@use "sass:color"
|
|
@use '../fonts' as fonts
|
|
|
|
$list-padding-left: 1.3em
|
|
|
|
// Color Variables
|
|
|
|
// Colors
|
|
$primary-color: #8c6239 // Warm brown for links
|
|
$secondary-color: #c69c6d // Soft tan for secondary elements
|
|
$tertiary-color: #7b8a4f // Olive green for tertiary elements
|
|
$quaternary-color: #b4b7b4 // Muted gray for highlights
|
|
$quinary-color: #d67474 // Subtle coral for accents
|
|
|
|
$code-background-color: #f8f0e5 // Soft warm beige for code blocks
|
|
$code-text-color: #5a5a5a // Gentle dark gray for code text
|
|
|
|
$note-background-color: #f2e6d9 // Light sandy beige for note background
|
|
$note-border-color: $quinary-color // Coral accent for note borders
|
|
|
|
// Text and Background
|
|
$text-color: #4a4a4a // Dark gray for text
|
|
$background-color: #fcf8f2 // Warm ivory background for visual comfort
|
|
|
|
// Links, Anchors
|
|
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
|
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
|
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
|
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
|
|
|
// Tables
|
|
$table-header-bg: #e6d7c6 // Light warm tan for table headers
|
|
$table-border-color: #c7b39b // Soft neutral brown-gray for borders
|
|
|
|
// Header Sizes and Colors
|
|
$default-header-sizes: ()
|
|
$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
|
|
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
|
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
|
$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
|
|
$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
|
|
$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, $tertiary-color)
|
|
$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
|
|
|
|
// Initialize empty maps for margins
|
|
$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: 1em, bottom: 0.5em))
|
|
|
|
// Fonts
|
|
$primary-font: 'Lora', serif // Classic serif for elegance
|
|
$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for readability
|
|
|