Compare commits

...

10 commits

8 changed files with 231 additions and 25 deletions

View file

@ -1,3 +1,55 @@
.two-column
width: 100%
table-layout: fixed
th
text-transform: uppercase
th, td
width: 50%
text-align: left
.two-column-definitions
width: 100%
table-layout: fixed
colgroup
col:first-child
width: 20%
col:last-child
width: 80%
th
text-transform: uppercase
th, td
text-align: left
.two-column-desc
width: 100%
table-layout: fixed
th, td
width: 50%
text-align: left
thead
th
text-align: left
tr:nth-child(1) th
text-transform: uppercase
padding-bottom: 0
border-bottom: none
tr:nth-child(2) th
text-transform: lowercase
border-top: none
font-size: .7em
padding-left: 1rem
// Quotes Table Style
.quotes
border-collapse: collapse

View file

@ -45,18 +45,18 @@ blockquote
// Tables
table
color: $table-color
th, td
border-color: $table-border-color
// border: 1px solid $table-border-color
th
background-color: $table-header-bg
color: $table-header-color
font-family: $secondary-font
th, td
border-color: $table-border-color
tr:nth-child(even)
background-color: color.adjust($background-color, $lightness: 5%)
tr:nth-child(odd)
background-color: color.adjust($table-header-bg, $lightness: 8%)
/* Code Block Styles */
pre, code

View file

@ -4,6 +4,7 @@
@use '../org-base'
@use '../themes/modern-slate' as *
// @use '../themes/sienna-elegance' as *
@use '../fonts' as fonts
@use '../mixins' as mixins-basic
@ -46,17 +47,17 @@ blockquote
table
color: $table-color
th, td
border-color: $table-border-color
th
background-color: $table-header-bg
color: $table-header-color
font-family: $secondary-font
th, td
border-color: $table-border-color
tr:nth-child(odd)
background-color: color.adjust($table-header-bg, $lightness: -10%)
tr:nth-child(even)
background-color: color.adjust($background-color, $lightness: 5%)
/* Code Block Styles */
pre, code

99
categories/relaxed.sass Normal file
View file

@ -0,0 +1,99 @@
@use "sass:map"
@use "sass:color"
@use '../org-base'
@use '../themes/golden-ledger.sass' as *
@use '../fonts' as fonts
@use '../mixins' as mixins-basic
@include mixins-basic.set-header-sizes($default-header-sizes)
@include mixins-basic.set-header-colors($default-header-colors)
@include mixins-basic.set-header-margins-sides($default-header-margins-sides)
@include mixins-basic.set-header-margins-vertical($default-header-margins-vertical)
@include mixins-basic.remove-section-number(h3)
/* Base Styles */
body
font-family: $primary-font
color: $text-color
background-color: $background-color
/* Link Styles */
a
color: $anchor-color
&:hover
color: $anchor-hover-color
// Lists
ul, ol
padding-left: $list-padding-left
// Notes
.note
background-color: $note-background-color
border-color: $note-border-color
p
color: $note-color
// Blockquotes
blockquote
color: $blockquote-color
border-color: $blockquote-border-color
// Tables
table
color: $table-color
// border: 1px solid $table-border-color
th
background-color: $table-header-bg
color: $table-header-color
font-family: $secondary-font
th, td
border-color: $table-border-color
tr:nth-child(odd)
background-color: color.adjust($table-header-bg, $lightness: 8%)
/* Code Block Styles */
pre, code
color: $code-text-color
background-color: $code-background-color
border-color: $code-border-color
/* Header Styles */
h1, h2, h3, h4, h5, h6
font-family: $secondary-font
h4
text-transform: uppercase
h4[id="timestamp"]
color: color.adjust(map.get($default-header-colors, 'h2'), $lightness: 20%)
h4[id="playlist"]
color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: -10%)
h3
a
color: color.adjust($anchor-color, $lightness: -12%)
&:hover
color: color.adjust($anchor-hover-color, $lightness: -12%)
div#postamble
border-color: $note-border-color
color: color.adjust($note-border-color, $lightness: 20%)
/* Table of Contents Link */
.toc
color: $primary-color
div#table-of-contents ul li a
color: $toc-anchor-color
&:hover
color: $toc-anchor-hover-color

View file

@ -2,8 +2,10 @@
@use "sass:color"
@use 'mixins' as mixins-basic
@include mixins-basic.remove-section-number(h5)
@include mixins-basic.remove-section-number(h2)
@include mixins-basic.remove-section-number(h4)
@include mixins-basic.remove-section-number(h6)
/*
* NOTE
@ -37,6 +39,20 @@ ol
li
margin-bottom: 0.5em
.org-dl
display: grid
grid-template-columns: auto 1fr
column-gap: 1ch
row-gap: 0.2em
dt
font-weight: bold
grid-column: 1
dd
grid-column: 2
// Notes
.note
padding: 1em
@ -109,6 +125,18 @@ div#postamble
margin-bottom: 2em
margin-left: 1em
.outline-5
margin-bottom: .2em
margin-left: 1em
.outline-6
margin-left: .7em
ul
padding-top: 0
margin-top: .5em
margin-left: 1em
/* Table of Contents Link */
.toc
font-weight: bold

View file

@ -16,15 +16,21 @@ $tertiary-color: #198754 // Professional green for tertiary elements
$quaternary-color: #6c757d // Muted gray for highlights
$quinary-color: #d63384 // Refined pinkish-red for subtle accents
$code-background-color: #2d2f33 // Softer dark gray-blue for code blocks
$code-text-color: #e8e9eb // Light gray for code text
$note-background-color: #f4f4f6 // Light grayish-neutral for note background
$note-border-color: $quinary-color // Matches the refined pinkish-red accent
// Text
$text-color: #2b2c2f // Dark gray with a slight warmth for text
$background-color: #f5f5f7 // Soft light gray for background, reducing eye strain
$background-color: color.adjust($secondary-color, $lightness: 50%)
$code-text-color: #e8e9eb // Light gray for code text
$code-background-color: #2d2f33 // Softer dark gray-blue for code blocks
$code-border-color: $quaternary-color
$note-color: $secondary-color
$note-background-color: #f4f4f6 // Light grayish-neutral for note background
$note-border-color: $quinary-color // Matches the refined pinkish-red accent
$blockquote-color: $primary-color
$blockquote-border-color: $secondary-color
// Links, Anchors
$anchor-color: color.adjust($primary-color, $lightness: 15%)
@ -33,6 +39,8 @@ $toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
// Tables
$table-color: $text-color
$table-header-color: $text-color
$table-header-bg: #e0e0e5 // Light neutral gray for table headers
$table-border-color: #b5b5b8 // Subtle gray for borders
@ -49,6 +57,8 @@ $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)
$default-header-colors: map.set($default-header-colors, h5, $tertiary-color)
$default-header-colors: map.set($default-header-colors, h6, $quinary-color)
// Initialize empty maps
$default-header-margins-sides: ()

View file

@ -15,16 +15,21 @@ $tertiary-color: #734432 // Rich brown
$quaternary-color: #BF8069 // Warm peach
$quinary-color: #A62E2E // Bold red
$code-background-color: color.adjust($primary-color, $lightness: -10%) // Slightly darker for contrast
$code-text-color: color.adjust($primary-color, $lightness: 70%) // Brightened for readability
$note-background-color: color.adjust($secondary-color, $lightness: 20%) // Subtle contrast for notes
$note-border-color: $quinary-color // Matches the bold red accent
// Text
$text-color: color.adjust($primary-color, $lightness: 10%)
$background-color: color.adjust($secondary-color, $lightness: 25%) // Slightly darker neutral for overall background
$code-text-color: color.adjust($primary-color, $lightness: 70%) // Brightened for readability
$code-background-color: color.adjust($primary-color, $lightness: -10%) // Slightly darker for contrast
$code-border-color: $quaternary-color
$note-color: $secondary-color
$note-background-color: color.adjust($secondary-color, $lightness: 20%) // Subtle contrast for notes
$note-border-color: $quinary-color // Matches the bold red accent
$blockquote-color: $primary-color
$blockquote-border-color: $secondary-color
// Links, Anchors
$anchor-color: color.adjust($tertiary-color, $lightness: 0%) // Slightly brighter brown for links
$anchor-hover-color: color.adjust($tertiary-color, $lightness: 20%) // Darkened for hover effect
@ -32,6 +37,8 @@ $toc-anchor-color: color.adjust($quaternary-color, $lightness: 0%) // Slightly
$toc-anchor-hover-color: color.adjust($quaternary-color, $lightness: -20%) // Slightly darker peach for hover
// Tables
$table-color: $text-color
$table-header-color: $text-color
$table-header-bg: color.adjust($quaternary-color, $lightness: -20%) // Darker peach for table headers
$table-border-color: color.adjust($primary-color, $lightness: -20%) // Darkened navy-gray for borders
@ -48,6 +55,8 @@ $default-header-colors: map.set($default-header-colors, h1, color.adjust($primar
$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)
$default-header-colors: map.set($default-header-colors, h5, $tertiary-color)
$default-header-colors: map.set($default-header-colors, h6, $quinary-color)
// Initialize empty maps
$default-header-margins-sides: ()

View file

@ -41,8 +41,13 @@ $toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
// Tables
$table-color: $text-color
$table-header-color: $text-color
$table-header-bg: #ede0d1 // Light warm tan for table headers
$table-border-color: #cabfa5 // Soft brown-gray for borders
$table-header-bg: #cabfa5 // Light warm tan for table headers
$table-border-color: #ede0d1 // Soft brown-gray for borders
$table-header-bg: #ede0d1 // #e6d1a1
$table-border-color: #cabfa5 // Soft brown-gray for borders
$default-header-sizes: ()
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
@ -57,6 +62,8 @@ $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)
$default-header-colors: map.set($default-header-colors, h5, $tertiary-color)
$default-header-colors: map.set($default-header-colors, h6, $quinary-color)
// Initialize empty maps
$default-header-margins-sides: ()
@ -75,7 +82,7 @@ $default-header-margins-vertical: map.set($default-header-margins-vertical, h1,
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 0em, bottom: 0.5em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 0em, 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, h5, (top: 1em, bottom: 0em))
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
// Fonts