notes/org-media-sass
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: notes:5116034cab2eb4a8bd648f42d3ca3fc6be9be04f
Branches Tags
notes:main
..
compare: notes:d6243a4b2f2cb70e530857a4b1452c91a003b60d
Branches Tags
notes:main

No commits in common. "5116034cab2eb4a8bd648f42d3ca3fc6be9be04f" and "d6243a4b2f2cb70e530857a4b1452c91a003b60d" have entirely different histories.
5116034cab ... d6243a4b2f

8 changed files with 21 additions and 227 deletions
Show stats Expand all files Collapse all files

52
_tables.sass
View file

@ -1,55 +1,3 @@
.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

10
categories/business.sass
View file

@ -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(odd) tr:nth-child(even)
background-color: color.adjust($table-header-bg, $lightness: 8%) background-color: color.adjust($background-color, $lightness: 5%)
/* Code Block Styles */ /* Code Block Styles */
pre, code pre, code

11
categories/graphics.sass
View file

@ -4,7 +4,6 @@
@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
@ -47,17 +46,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
View file

@ -1,99 +0,0 @@
@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

28
org-base.sass
View file

@ -2,10 +2,8 @@
@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
@ -39,20 +37,6 @@ 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
@ -125,18 +109,6 @@ 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

18
themes/golden-ledger.sass
View file

@ -16,21 +16,15 @@ $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
// 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-background-color: #2d2f33 // Softer dark gray-blue for code blocks
$code-border-color: $quaternary-color $code-text-color: #e8e9eb // Light gray for code text
$note-color: $secondary-color
$note-background-color: #f4f4f6 // Light grayish-neutral for note background $note-background-color: #f4f4f6 // Light grayish-neutral for note background
$note-border-color: $quinary-color // Matches the refined pinkish-red accent $note-border-color: $quinary-color // Matches the refined pinkish-red accent
$blockquote-color: $primary-color // Text
$blockquote-border-color: $secondary-color $text-color: #2b2c2f // Dark gray with a slight warmth for text
$background-color: #f5f5f7 // Soft light gray for background, reducing eye strain
// Links, Anchors // Links, Anchors
$anchor-color: color.adjust($primary-color, $lightness: 15%) $anchor-color: color.adjust($primary-color, $lightness: 15%)
@ -39,8 +33,6 @@ $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
@ -57,8 +49,6 @@ $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: ()

17
themes/sandy-peach.sass
View file

@ -15,20 +15,15 @@ $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
// 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-background-color: color.adjust($primary-color, $lightness: -10%) // Slightly darker for contrast
$code-border-color: $quaternary-color $code-text-color: color.adjust($primary-color, $lightness: 70%) // Brightened for readability
$note-color: $secondary-color
$note-background-color: color.adjust($secondary-color, $lightness: 20%) // Subtle contrast for notes $note-background-color: color.adjust($secondary-color, $lightness: 20%) // Subtle contrast for notes
$note-border-color: $quinary-color // Matches the bold red accent $note-border-color: $quinary-color // Matches the bold red accent
$blockquote-color: $primary-color // Text
$blockquote-border-color: $secondary-color $text-color: color.adjust($primary-color, $lightness: 10%)
$background-color: color.adjust($secondary-color, $lightness: 25%) // Slightly darker neutral for overall background
// 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
@ -37,8 +32,6 @@ $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
@ -55,8 +48,6 @@ $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: ()

13
themes/sienna-elegance.sass
View file

@ -41,13 +41,8 @@ $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: #cabfa5 // Light warm tan for table headers $table-header-bg: #ede0d1 // Light warm tan for table headers
$table-border-color: #ede0d1 // Soft brown-gray for borders $table-border-color: #cabfa5 // 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: ()
$default-header-sizes: map.set($default-header-sizes, h1, 2.5em) $default-header-sizes: map.set($default-header-sizes, h1, 2.5em)
@ -62,8 +57,6 @@ $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: ()
@ -82,7 +75,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: 0em)) $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)) $default-header-margins-vertical: map.set($default-header-margins-vertical, h6, (top: 1em, bottom: 0.5em))
// Fonts // Fonts