Compare commits
10 commits
d6243a4b2f
...
5116034cab
| Author | SHA1 | Date | |
|---|---|---|---|
| 5116034cab | |||
| 15b14ca5e4 | |||
| c6757313c5 | |||
| 6105a32ff0 | |||
| 2aa7a1945e | |||
| 9a1a53af49 | |||
| 1d968bab23 | |||
| 747b75751f | |||
| 4d3d6ea25e | |||
| 81ab286659 |
8 changed files with 231 additions and 25 deletions
52
_tables.sass
52
_tables.sass
|
|
@ -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 Table Style
|
||||||
.quotes
|
.quotes
|
||||||
border-collapse: collapse
|
border-collapse: collapse
|
||||||
|
|
|
||||||
|
|
@ -45,18 +45,18 @@ blockquote
|
||||||
// Tables
|
// Tables
|
||||||
table
|
table
|
||||||
color: $table-color
|
color: $table-color
|
||||||
|
// border: 1px solid $table-border-color
|
||||||
th, td
|
|
||||||
border-color: $table-border-color
|
|
||||||
|
|
||||||
th
|
th
|
||||||
background-color: $table-header-bg
|
background-color: $table-header-bg
|
||||||
color: $table-header-color
|
color: $table-header-color
|
||||||
font-family: $secondary-font
|
font-family: $secondary-font
|
||||||
|
|
||||||
|
th, td
|
||||||
|
border-color: $table-border-color
|
||||||
|
|
||||||
tr:nth-child(even)
|
tr:nth-child(odd)
|
||||||
background-color: color.adjust($background-color, $lightness: 5%)
|
background-color: color.adjust($table-header-bg, $lightness: 8%)
|
||||||
|
|
||||||
/* Code Block Styles */
|
/* Code Block Styles */
|
||||||
pre, code
|
pre, code
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
@use '../org-base'
|
@use '../org-base'
|
||||||
|
|
||||||
@use '../themes/modern-slate' as *
|
@use '../themes/modern-slate' as *
|
||||||
|
// @use '../themes/sienna-elegance' as *
|
||||||
@use '../fonts' as fonts
|
@use '../fonts' as fonts
|
||||||
@use '../mixins' as mixins-basic
|
@use '../mixins' as mixins-basic
|
||||||
|
|
||||||
|
|
@ -46,17 +47,17 @@ blockquote
|
||||||
table
|
table
|
||||||
color: $table-color
|
color: $table-color
|
||||||
|
|
||||||
th, td
|
|
||||||
border-color: $table-border-color
|
|
||||||
|
|
||||||
th
|
th
|
||||||
background-color: $table-header-bg
|
background-color: $table-header-bg
|
||||||
color: $table-header-color
|
color: $table-header-color
|
||||||
font-family: $secondary-font
|
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 */
|
/* Code Block Styles */
|
||||||
pre, code
|
pre, code
|
||||||
|
|
|
||||||
99
categories/relaxed.sass
Normal file
99
categories/relaxed.sass
Normal 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
|
||||||
|
|
@ -2,8 +2,10 @@
|
||||||
@use "sass:color"
|
@use "sass:color"
|
||||||
@use 'mixins' as mixins-basic
|
@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(h2)
|
||||||
@include mixins-basic.remove-section-number(h4)
|
@include mixins-basic.remove-section-number(h4)
|
||||||
|
@include mixins-basic.remove-section-number(h6)
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* NOTE
|
* NOTE
|
||||||
|
|
@ -37,6 +39,20 @@ ol
|
||||||
li
|
li
|
||||||
margin-bottom: 0.5em
|
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
|
// Notes
|
||||||
.note
|
.note
|
||||||
padding: 1em
|
padding: 1em
|
||||||
|
|
@ -109,6 +125,18 @@ div#postamble
|
||||||
margin-bottom: 2em
|
margin-bottom: 2em
|
||||||
margin-left: 1em
|
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 */
|
/* Table of Contents Link */
|
||||||
.toc
|
.toc
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
|
|
|
||||||
|
|
@ -16,15 +16,21 @@ $tertiary-color: #198754 // Professional green for tertiary elements
|
||||||
$quaternary-color: #6c757d // Muted gray for highlights
|
$quaternary-color: #6c757d // Muted gray for highlights
|
||||||
$quinary-color: #d63384 // Refined pinkish-red for subtle accents
|
$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
|
||||||
$text-color: #2b2c2f // Dark gray with a slight warmth for 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: #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
|
// Links, Anchors
|
||||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
$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%)
|
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||||
|
|
||||||
// Tables
|
// Tables
|
||||||
|
$table-color: $text-color
|
||||||
|
$table-header-color: $text-color
|
||||||
$table-header-bg: #e0e0e5 // Light neutral gray for table headers
|
$table-header-bg: #e0e0e5 // Light neutral gray for table headers
|
||||||
$table-border-color: #b5b5b8 // Subtle gray for borders
|
$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, h2, $secondary-color)
|
||||||
$default-header-colors: map.set($default-header-colors, h3, $tertiary-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, 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
|
// Initialize empty maps
|
||||||
$default-header-margins-sides: ()
|
$default-header-margins-sides: ()
|
||||||
|
|
|
||||||
|
|
@ -15,16 +15,21 @@ $tertiary-color: #734432 // Rich brown
|
||||||
$quaternary-color: #BF8069 // Warm peach
|
$quaternary-color: #BF8069 // Warm peach
|
||||||
$quinary-color: #A62E2E // Bold red
|
$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
|
||||||
$text-color: color.adjust($primary-color, $lightness: 10%)
|
$text-color: color.adjust($primary-color, $lightness: 10%)
|
||||||
$background-color: color.adjust($secondary-color, $lightness: 25%) // Slightly darker neutral for overall background
|
$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
|
// Links, Anchors
|
||||||
$anchor-color: color.adjust($tertiary-color, $lightness: 0%) // Slightly brighter brown for links
|
$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
|
$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
|
$toc-anchor-hover-color: color.adjust($quaternary-color, $lightness: -20%) // Slightly darker peach for hover
|
||||||
|
|
||||||
// Tables
|
// 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-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
|
$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, h2, $secondary-color)
|
||||||
$default-header-colors: map.set($default-header-colors, h3, $tertiary-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, 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
|
// Initialize empty maps
|
||||||
$default-header-margins-sides: ()
|
$default-header-margins-sides: ()
|
||||||
|
|
|
||||||
|
|
@ -41,9 +41,14 @@ $toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||||
// Tables
|
// Tables
|
||||||
$table-color: $text-color
|
$table-color: $text-color
|
||||||
$table-header-color: $text-color
|
$table-header-color: $text-color
|
||||||
$table-header-bg: #ede0d1 // Light warm tan for table headers
|
$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
|
$table-border-color: #cabfa5 // Soft brown-gray for borders
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$default-header-sizes: ()
|
$default-header-sizes: ()
|
||||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
|
$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, h2, 2em)
|
||||||
|
|
@ -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, h2, $secondary-color)
|
||||||
$default-header-colors: map.set($default-header-colors, h3, $tertiary-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, 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
|
// Initialize empty maps
|
||||||
$default-header-margins-sides: ()
|
$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, 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, 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, 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))
|
$default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
|
||||||
|
|
||||||
// Fonts
|
// Fonts
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue