initial commit
This commit is contained in:
commit
bf90f6f1d2
27 changed files with 1467 additions and 0 deletions
17
_fonts/_fira-mono.sass
Normal file
17
_fonts/_fira-mono.sass
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@font-face
|
||||
font-family: 'Fira Mono'
|
||||
src: url('../fonts/fira-mono/FiraMono-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Fira Mono'
|
||||
src: url('../fonts/fira-mono/FiraMono-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Fira Mono'
|
||||
src: url('../fonts/fira-mono/FiraMono-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
13
_fonts/_jost.sass
Normal file
13
_fonts/_jost.sass
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('../fonts/jost/static/Jost-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('../fonts/jost/static/Jost-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
13
_fonts/_kanit.sass
Normal file
13
_fonts/_kanit.sass
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('../fonts/kanit/Kanit-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('../fonts/kanit/Kanit-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
27
_fonts/_lora.sass
Normal file
27
_fonts/_lora.sass
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
// File: _lora.sass
|
||||
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('../fonts/lora/static/Lora-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('../fonts/lora/static/Lora-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('../fonts/lora/static/Lora-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('../fonts/lora/static/Lora-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
// Add more weights and styles if need
|
||||
13
_fonts/_prompt.sass
Normal file
13
_fonts/_prompt.sass
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('../fonts/prompt/Prompt-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('../fonts/prompt/Prompt-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
13
_fonts/_roboto.sass
Normal file
13
_fonts/_roboto.sass
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
34
_fonts/_source-code-pro.sass
Normal file
34
_fonts/_source-code-pro.sass
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
// File: _source-code-pro.sass
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
// Extend this pattern as needed for other weights and styles
|
||||
|
||||
13
_fonts/_work-sans.sass
Normal file
13
_fonts/_work-sans.sass
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('../fonts/work-sans/static/WorkSans-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('../fonts/work-sans/static/WorkSans-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
40
_mixins.sass
Normal file
40
_mixins.sass
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
@use "sass:map"
|
||||
|
||||
// this file contains the mixins
|
||||
|
||||
@mixin toggle-section-numbers($header, $toggle)
|
||||
@if $toggle == true
|
||||
#{$header} > span[class^="section-number"]:first-of-type
|
||||
display: inline // Uses the default display for the header
|
||||
@else
|
||||
#{$header} > span[class^="section-number"]:first-of-type
|
||||
display: none
|
||||
@endif
|
||||
|
||||
@mixin remove-section-number($element)
|
||||
#{$element} > span[class^="section-number"]:first-of-type
|
||||
display: none
|
||||
|
||||
// @mixin set-header-color($header-color)
|
||||
// h1, h2, h3, h4, h5, h6
|
||||
// color: $header-color
|
||||
|
||||
@mixin set-header-colors($header-colors)
|
||||
@each $header, $size in $header-colors
|
||||
#{$header}
|
||||
color: #{$size}
|
||||
|
||||
@mixin set-header-sizes($header-sizes)
|
||||
@each $header, $size in $header-sizes
|
||||
#{$header}
|
||||
font-size: #{$size}
|
||||
|
||||
@mixin adjust-header-size($scale-factor, $header-sizes)
|
||||
@each $header, $size in $header-sizes
|
||||
#{$header}
|
||||
font-size: calc(#{$scale-factor} * #{$size})
|
||||
|
||||
// Function to return the font size from the $header-styles map
|
||||
@function get-header-property($element, $property)
|
||||
$element-styles: map.get($header-styles, $element) // Get the styles for the element
|
||||
@return map.get($element-styles, $property) // Return the requested property value
|
||||
43
_tables.sass
Normal file
43
_tables.sass
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
// Quotes Table Style
|
||||
.quotes
|
||||
border-collapse: collapse
|
||||
width: 8em // Set the width to 8em for a much shorter table
|
||||
margin: 20px 0
|
||||
border: none // Ensure no borders are applied to the table
|
||||
|
||||
td
|
||||
padding: 10px 0
|
||||
vertical-align: top
|
||||
border: none // Remove borders between rows
|
||||
|
||||
td:first-child
|
||||
text-align: left
|
||||
font-weight: bold
|
||||
|
||||
td:last-child
|
||||
text-align: right
|
||||
font-style: italic
|
||||
&:before
|
||||
content: '“'
|
||||
&:after
|
||||
content: '”'
|
||||
|
||||
|
||||
// Thin Table for Calls/Username with Side Borders Only
|
||||
.thin-table
|
||||
width: auto
|
||||
border: solid $table-header-bg
|
||||
|
||||
border-spacing: 0
|
||||
margin: 15px 0
|
||||
font-size: 14px
|
||||
|
||||
th
|
||||
font-weight: bold
|
||||
|
||||
th, td
|
||||
padding: 12px 16px /* Increased padding for more width */
|
||||
text-align: center
|
||||
|
||||
border-left: 1px solid $table-border-color
|
||||
border-right: 1px solid $table-border-color
|
||||
38
_variables.sass
Normal file
38
_variables.sass
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
@use "sass:map"
|
||||
|
||||
// Import the chosen theme (dark or light)
|
||||
// Or 'themes/light'
|
||||
@import 'themes/dark'
|
||||
|
||||
// Shared Table Style Variables
|
||||
$table-padding: 10px
|
||||
$code-border-radius: 5px
|
||||
$list-padding-left: 20px
|
||||
|
||||
// Link Style Mixins
|
||||
@mixin link-primary
|
||||
color: $link-color-primary
|
||||
text-decoration: none
|
||||
|
||||
&:hover
|
||||
color: darken($link-color-primary, 10%)
|
||||
text-decoration: underline
|
||||
|
||||
@mixin link-secondary
|
||||
color: $link-color-secondary
|
||||
text-decoration: underline
|
||||
|
||||
&:hover
|
||||
color: lighten($link-color-secondary, 10%)
|
||||
|
||||
@mixin link-inverse
|
||||
color: $inverse-link-color
|
||||
background-color: $link-color-primary
|
||||
padding: 2px 4px
|
||||
text-decoration: none
|
||||
border-radius: 3px
|
||||
|
||||
&:hover
|
||||
background-color: darken($link-color-primary, 10%)
|
||||
color: $inverse-link-hover-color
|
||||
|
||||
32
_youtubevars.sass
Normal file
32
_youtubevars.sass
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
@use "sass:map"
|
||||
|
||||
$primary-color: #f5f5f5
|
||||
$secondary-color: #f5f5f5
|
||||
$tertiary-color: #f5f5f5
|
||||
$quaternary-color: #c5b06a
|
||||
|
||||
$text-color: #f5f5f5
|
||||
$background-color: #343434
|
||||
|
||||
$primary-font: "Times"
|
||||
$secondary-font: "Roboto"
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h2, (size: 1.5em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.0em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.0em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
|
||||
// Colors
|
||||
$anchor-color: #ff8800
|
||||
$anchor-hover-color: #ffcc00
|
||||
|
||||
// Header Sizes
|
||||
// $default-header-sizes: (h1: 2em, h2: 1.5em, h3: 1em, h4: 1em, h5: 1.1em, h6: 1em)
|
||||
|
||||
// Margins
|
||||
$first-anchor-margin-left: 2em
|
||||
|
||||
|
||||
$playlist-header-color: #00e5ff
|
||||
107
business.sass
Normal file
107
business.sass
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
@import 'variables'
|
||||
@import 'fonts'
|
||||
@import 'mixins'
|
||||
|
||||
// Base body styles
|
||||
body
|
||||
font-family: $primary-font
|
||||
font-size: 16px
|
||||
line-height: 1.6
|
||||
color: $text-color
|
||||
background-color: $background-color
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
margin-top: 20px
|
||||
margin-bottom: 10px
|
||||
|
||||
// Default Link Style (Primary)
|
||||
a
|
||||
@include link-primary
|
||||
|
||||
// Specific Link Styles
|
||||
a.secondary
|
||||
@include link-secondary
|
||||
|
||||
a.inverse
|
||||
@include link-inverse
|
||||
|
||||
h4 a
|
||||
margin-left: 2em
|
||||
@include link-secondary
|
||||
|
||||
// Tables
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin: 20px 0
|
||||
font-size: 14px
|
||||
|
||||
th, td
|
||||
padding: $table-padding
|
||||
text-align: left
|
||||
border-bottom: 1px solid $table-border-color
|
||||
|
||||
th
|
||||
background-color: $table-header-bg
|
||||
color: white
|
||||
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($table-border-color, 20%)
|
||||
|
||||
// Special Classes
|
||||
.positives-negatives
|
||||
th, td
|
||||
text-align: center
|
||||
padding: 12px
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($tertiary-color, 30%)
|
||||
th
|
||||
background-color: $tertiary-color
|
||||
color: white
|
||||
|
||||
.tax-bracket
|
||||
th, td
|
||||
padding: 8px
|
||||
text-align: right
|
||||
th
|
||||
background-color: $primary-color
|
||||
color: white
|
||||
|
||||
.ip-recap
|
||||
th, td
|
||||
padding: 10px
|
||||
text-align: left
|
||||
th
|
||||
background-color: $quaternary-color
|
||||
color: white
|
||||
|
||||
// Code Blocks
|
||||
pre, code
|
||||
background-color: $code-bg-color
|
||||
padding: 10px
|
||||
border-radius: $code-border-radius
|
||||
font-family: $primary-font
|
||||
color: $code-font-color
|
||||
overflow-x: auto
|
||||
font-size: 14px
|
||||
|
||||
// Lists
|
||||
ul, ol
|
||||
margin-left: $list-padding-left
|
||||
padding-left: $list-padding-left
|
||||
list-style-position: inside
|
||||
|
||||
li
|
||||
margin-bottom: 5px
|
||||
|
||||
img
|
||||
width: 20em
|
||||
|
||||
div#postamble
|
||||
border-color: $tertiary-color
|
||||
20
collapsible.sass
Normal file
20
collapsible.sass
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
h4
|
||||
cursor: pointer
|
||||
&:after
|
||||
content: "▸"
|
||||
font-size: 0.8em
|
||||
margin-left: 10px
|
||||
transition: transform 0.2s
|
||||
|
||||
&.active:after
|
||||
transform: rotate(90deg)
|
||||
|
||||
div.outline-text-4
|
||||
display: block
|
||||
|
||||
.playlist, .notes, .contents
|
||||
display: none
|
||||
|
||||
&.active
|
||||
display: block
|
||||
|
||||
113
compsci.sass
Normal file
113
compsci.sass
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
@import 'variables'
|
||||
@import 'themes/heb_dark'
|
||||
|
||||
@import 'fonts'
|
||||
@import 'mixins'
|
||||
|
||||
@import 'tables'
|
||||
|
||||
@warn "the value of $primary-font is #{$primary-font}"
|
||||
|
||||
// Base body styles
|
||||
body
|
||||
font-family: $primary-font
|
||||
font-size: 16px
|
||||
line-height: 1.6
|
||||
color: $text-color
|
||||
background-color: $background-color
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
margin-top: 20px
|
||||
margin-bottom: 10px
|
||||
|
||||
// Default Link Style (Primary)
|
||||
a
|
||||
@include link-primary
|
||||
|
||||
// Specific Link Styles
|
||||
a.secondary
|
||||
@include link-secondary
|
||||
|
||||
a.inverse
|
||||
@include link-inverse
|
||||
|
||||
h4 a
|
||||
margin-left: 2em
|
||||
@include link-secondary
|
||||
|
||||
// Tables
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin: 20px 0
|
||||
font-size: 14px
|
||||
|
||||
th, td
|
||||
padding: $table-padding
|
||||
text-align: left
|
||||
border-bottom: 1px solid $table-border-color
|
||||
|
||||
th
|
||||
background-color: $table-header-bg
|
||||
color: white
|
||||
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($table-border-color, 20%)
|
||||
|
||||
// Special Classes
|
||||
.positives-negatives
|
||||
th, td
|
||||
text-align: center
|
||||
padding: 12px
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($tertiary-color, 30%)
|
||||
th
|
||||
background-color: $tertiary-color
|
||||
color: white
|
||||
|
||||
.tax-bracket
|
||||
th, td
|
||||
padding: 8px
|
||||
text-align: right
|
||||
th
|
||||
background-color: $primary-color
|
||||
color: white
|
||||
|
||||
.ip-recap
|
||||
th, td
|
||||
padding: 10px
|
||||
text-align: left
|
||||
th
|
||||
background-color: $quaternary-color
|
||||
color: white
|
||||
|
||||
// Code Blocks
|
||||
pre, code
|
||||
background-color: $code-bg-color
|
||||
padding: 10px
|
||||
border-radius: $code-border-radius
|
||||
font-family: $primary-font
|
||||
color: $code-font-color
|
||||
overflow-x: auto
|
||||
font-size: 14px
|
||||
|
||||
// Lists
|
||||
ul, ol
|
||||
margin-left: $list-padding-left
|
||||
padding-left: $list-padding-left
|
||||
list-style-position: inside
|
||||
|
||||
li
|
||||
margin-bottom: 5px
|
||||
|
||||
img
|
||||
width: 20em
|
||||
|
||||
div#postamble
|
||||
border-color: $tertiary-color
|
||||
149
course_listings.sass
Normal file
149
course_listings.sass
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
@import 'themes/course_listings/dark'
|
||||
@import 'mixins'
|
||||
@import './collapsible.sass'
|
||||
|
||||
@include toggle-section-numbers(h4, false)
|
||||
@include remove-section-number(h2)
|
||||
|
||||
// @include set-header-sizes($default-header-sizes)
|
||||
// @include set-header-color($text-color)
|
||||
|
||||
// Base body styles
|
||||
body
|
||||
font-family: $primary-font
|
||||
font-size: 16px
|
||||
line-height: 1.6
|
||||
color: $text-color
|
||||
background-color: $background-color
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
margin-top: 20px
|
||||
margin-bottom: 10px
|
||||
|
||||
div#postamble
|
||||
border-color: $text-color
|
||||
|
||||
a
|
||||
color: $anchor-color
|
||||
text-decoration: none
|
||||
|
||||
&:hover
|
||||
color: $anchor-hover-color
|
||||
border-bottom-color: $anchor-hover-color
|
||||
text-decoration: underline
|
||||
|
||||
h2
|
||||
margin-top: 1.5em
|
||||
|
||||
h3
|
||||
margin-top: 2em
|
||||
margin-left: 1em
|
||||
border-bottom: solid 1px get-header-property(h3, 'color')
|
||||
|
||||
|
||||
h3 + .outline-text-3 p
|
||||
margin-top: 0
|
||||
|
||||
h3 + .outline-text-3 p > a:first-of-type
|
||||
font-size: 1em
|
||||
margin-left: $first-anchor-margin-left
|
||||
|
||||
h4
|
||||
text-transform: uppercase
|
||||
padding-left: 2em
|
||||
margin-top: 0
|
||||
|
||||
h4 + .outline-text-4 ol, h4 + .outline-text-4 ul
|
||||
padding-left: 4em
|
||||
|
||||
a
|
||||
color: #a19581
|
||||
text-decoration: none
|
||||
|
||||
&:hover
|
||||
color: #ffad42 // A warm, light orange that pairs well with the yellow marker
|
||||
border-bottom-color: #ffad42
|
||||
text-decoration: underline
|
||||
|
||||
li
|
||||
&::marker
|
||||
|
||||
color: #8b872b
|
||||
font-size: 1.2em
|
||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)
|
||||
|
||||
b
|
||||
font-family: arial-black
|
||||
font-size: .7em
|
||||
text-transform: uppercase
|
||||
padding-left: 2em
|
||||
|
||||
color: #c5b06a
|
||||
|
||||
ul.notes
|
||||
list-style-type: square
|
||||
padding-left: 3em
|
||||
|
||||
ul.desc-link
|
||||
li
|
||||
margin-bottom: .2em // Add space between list items
|
||||
|
||||
|
||||
> a
|
||||
display: block
|
||||
|
||||
|
||||
ul.explanation
|
||||
list-style-type: none
|
||||
margin-left: 2em
|
||||
margin-top: 0
|
||||
margin-bottom: 1.5em
|
||||
|
||||
li
|
||||
|
||||
color: darken($primary-color, 10)
|
||||
font-weight: bold
|
||||
font-family: $secondary-font
|
||||
text-transform: uppercase
|
||||
font-size: .9rem
|
||||
|
||||
a
|
||||
text-transform: none
|
||||
font-weight: normal
|
||||
color: $anchor-secondary-color
|
||||
|
||||
&:hover
|
||||
color: $anchor-secondary-hover-color
|
||||
/*
|
||||
&:not(a)
|
||||
color: darken($primary-color, 10)
|
||||
font-weight: bold
|
||||
font-family: $secondary-font
|
||||
text-transform: lowercase
|
||||
|
||||
ul.toc
|
||||
list-style-type: none
|
||||
padding-left: 2em
|
||||
margin-top: 0
|
||||
margin-bottom: 0
|
||||
|
||||
li
|
||||
a
|
||||
text-transform: uppercase
|
||||
font-weight: bold
|
||||
font-size: 1rem
|
||||
font-family: $secondary-font
|
||||
color: $tertiary-color
|
||||
color: lighten($quinary-color, 5)
|
||||
text-transform: uppercase
|
||||
|
||||
&:hover
|
||||
color: lighten($quinary-color, 10)
|
||||
&::after
|
||||
content: " Notes"
|
||||
26
fonts.sass
Normal file
26
fonts.sass
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
@use "sass:map" // Import the map module
|
||||
|
||||
// Include each partial for font definitions
|
||||
@use '_fonts/fira-mono'
|
||||
@use '_fonts/jost'
|
||||
@use '_fonts/kanit'
|
||||
@use '_fonts/prompt'
|
||||
@use '_fonts/work-sans'
|
||||
@use '_fonts/roboto'
|
||||
@use '_fonts/source-code-pro'
|
||||
@use '_fonts/lora'
|
||||
|
||||
// Define a map for font families
|
||||
$font-families: ('fira-mono': 'Fira Mono')
|
||||
$font-families: map.set($font-families, 'roboto', "Roboto")
|
||||
$font-families: map.set($font-families, 'jost', "Jost")
|
||||
$font-families: map.set($font-families, 'kanit', "Kanit")
|
||||
$font-families: map.set($font-families, 'lora', "Lora")
|
||||
$font-families: map.set($font-families, 'source-code-pro', "Source Code Pro")
|
||||
$font-families: map.set($font-families, 'prompt', "Prompt")
|
||||
$font-families: map.set($font-families, 'work-sans', "Work Sans")
|
||||
$font-families: map.set($font-families, 'arial', "Arial, sans-serif")
|
||||
$font-families: map.set($font-families, 'arial-black', '"Arial Black", Gadget, sans-serif')
|
||||
|
||||
@mixin font-family($font-name)
|
||||
font-family: map-get($font-families, $font-name)
|
||||
151
graphics.sass
Normal file
151
graphics.sass
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
@import 'variables'
|
||||
@import 'fonts'
|
||||
@import 'mixins'
|
||||
@import 'themes/dark_graphics'
|
||||
|
||||
// Base body styles
|
||||
body
|
||||
font-family: $primary-font
|
||||
font-size: 16px
|
||||
line-height: 1.6
|
||||
color: $text-color
|
||||
background-color: $background-color
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
margin-top: 20px
|
||||
margin-bottom: 10px
|
||||
|
||||
@include remove-section-number(h2)
|
||||
|
||||
h1
|
||||
padding: 1em
|
||||
|
||||
div.outline-2
|
||||
padding: 1em 0
|
||||
|
||||
div#table-of-contents
|
||||
|
||||
h2
|
||||
font-size: get-header-property(h2, size) + .1em
|
||||
border: none
|
||||
|
||||
h2
|
||||
border-top: dashed $secondary-color 1px
|
||||
text-transform: uppercase
|
||||
|
||||
// Default Link Style (Primary)
|
||||
a
|
||||
@include link-primary
|
||||
|
||||
// Specific Link Styles
|
||||
a.secondary
|
||||
@include link-secondary
|
||||
|
||||
a.inverse
|
||||
@include link-inverse
|
||||
|
||||
// Tables
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin: 20px 0
|
||||
font-size: 14px
|
||||
|
||||
th, td
|
||||
padding: $table-padding
|
||||
text-align: left
|
||||
border-bottom: 1px solid $table-border-color
|
||||
|
||||
th
|
||||
background-color: $table-header-bg
|
||||
color: white
|
||||
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($table-border-color, 20%)
|
||||
|
||||
// Special Classes
|
||||
.positives-negatives
|
||||
th, td
|
||||
text-align: center
|
||||
padding: 12px
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($tertiary-color, 30%)
|
||||
th
|
||||
background-color: $tertiary-color
|
||||
color: white
|
||||
|
||||
.tax-bracket
|
||||
th, td
|
||||
padding: 8px
|
||||
text-align: right
|
||||
th
|
||||
background-color: $primary-color
|
||||
color: white
|
||||
|
||||
.ip-recap
|
||||
th, td
|
||||
padding: 10px
|
||||
text-align: left
|
||||
th
|
||||
background-color: $quaternary-color
|
||||
color: white
|
||||
|
||||
// Code Blocks
|
||||
pre, code
|
||||
background-color: $code-bg-color
|
||||
padding: 10px
|
||||
border-radius: $code-border-radius
|
||||
font-family: $primary-font
|
||||
color: $code-font-color
|
||||
overflow-x: auto
|
||||
font-size: 14px
|
||||
|
||||
// Lists
|
||||
ul, ol
|
||||
margin-left: $list-padding-left
|
||||
padding-left: $list-padding-left
|
||||
list-style-position: inside
|
||||
|
||||
li
|
||||
margin-bottom: 5px
|
||||
|
||||
img
|
||||
width: 20em
|
||||
|
||||
div#postamble
|
||||
border-color: $tertiary-color
|
||||
|
||||
h3
|
||||
margin-left: 1em
|
||||
|
||||
h4
|
||||
margin-left: 2em
|
||||
|
||||
h4 a
|
||||
margin-left: 2em
|
||||
@include link-secondary
|
||||
|
||||
.outline-text-3
|
||||
p
|
||||
margin-left: 1em
|
||||
padding-left: 1em
|
||||
|
||||
/*
|
||||
.org-ol > li::marker
|
||||
color: green
|
||||
font-weight: bold
|
||||
|
||||
.org-ol > li::first-line
|
||||
color: green
|
||||
font-weight: bold
|
||||
*/
|
||||
|
||||
// .outline-4
|
||||
// margin-left: 2em
|
||||
|
||||
94
org-mode.sass
Normal file
94
org-mode.sass
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
@import 'fonts'
|
||||
@import 'variables'
|
||||
@import 'themes/light'
|
||||
@import 'mixins'
|
||||
@import 'tables'
|
||||
|
||||
|
||||
// Base styles
|
||||
body
|
||||
line-height: 1.6
|
||||
color: $primary-color
|
||||
background-color: $background-color
|
||||
padding: 1em
|
||||
max-width: 800px
|
||||
margin: 0 auto
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
|
||||
margin-top: 1.5em
|
||||
margin-bottom: 0.5em
|
||||
line-height: 1.2
|
||||
|
||||
text-transform: capitalize
|
||||
|
||||
h3
|
||||
text-transform: uppercase
|
||||
|
||||
|
||||
// remember to use toggle!
|
||||
@include remove-section-number(h3)
|
||||
@include remove-section-number(h4)
|
||||
|
||||
p
|
||||
margin-bottom: 1em
|
||||
|
||||
a
|
||||
@include link-primary
|
||||
|
||||
a.secondary
|
||||
@include link-secondary
|
||||
|
||||
a.inverse
|
||||
@include link-inverse
|
||||
|
||||
|
||||
ul, ol
|
||||
margin-bottom: 1em
|
||||
padding-left: 1.5em
|
||||
|
||||
li
|
||||
margin-bottom: 0.5em
|
||||
|
||||
blockquote
|
||||
border-left: 4px solid $secondary-color
|
||||
padding-left: 1em
|
||||
color: $secondary-color
|
||||
margin: 1.5em 0
|
||||
|
||||
pre, code
|
||||
font-family: "Courier New", monospace
|
||||
background-color: $code-bg-color
|
||||
padding: 0.2em 0.4em
|
||||
border-radius: 3px
|
||||
|
||||
pre
|
||||
padding: 1em
|
||||
overflow-x: auto
|
||||
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin-bottom: 1em
|
||||
|
||||
th, td
|
||||
border: 1px solid $table-border-color
|
||||
padding: 0.5em
|
||||
text-align: left
|
||||
|
||||
th
|
||||
background-color: lighten($background-color, 10%)
|
||||
font-weight: bold
|
||||
|
||||
|
||||
div#postamble
|
||||
border-top: dashed 1px black
|
||||
margin-top: 3em
|
||||
padding-top: 1em
|
||||
|
||||
202
pickup.sass
Normal file
202
pickup.sass
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
@import 'variables'
|
||||
@import 'themes/dark_scarlet'
|
||||
|
||||
@import 'fonts'
|
||||
@import 'mixins'
|
||||
|
||||
@import 'tables'
|
||||
|
||||
@warn "the value of $primary-font is #{$primary-font}"
|
||||
|
||||
// Base body styles
|
||||
body
|
||||
font-family: $primary-font
|
||||
font-size: 16px
|
||||
line-height: 1.6
|
||||
color: $text-color
|
||||
background-color: $background-color
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
margin-top: 20px
|
||||
margin-bottom: 10px
|
||||
|
||||
// Default Link Style (Primary)
|
||||
a
|
||||
@include link-primary
|
||||
|
||||
// Specific Link Styles
|
||||
a.secondary
|
||||
@include link-secondary
|
||||
|
||||
a.inverse
|
||||
@include link-inverse
|
||||
|
||||
a
|
||||
color: $link-color-primary
|
||||
text-decoration: underline
|
||||
|
||||
&:hover
|
||||
color: $link-color-secondary // Bold pinkish-red on hover
|
||||
|
||||
h4 a
|
||||
margin-left: 2em
|
||||
@include link-secondary
|
||||
|
||||
// Tables
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin: 20px 0
|
||||
font-size: 14px
|
||||
|
||||
th, td
|
||||
padding: $table-padding
|
||||
text-align: left
|
||||
border-bottom: 1px solid $table-border-color
|
||||
|
||||
th
|
||||
background-color: $table-header-bg
|
||||
color: white
|
||||
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($table-border-color, 20%)
|
||||
|
||||
// Special Classes
|
||||
.positives-negatives
|
||||
th, td
|
||||
text-align: center
|
||||
padding: 12px
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($tertiary-color, 30%)
|
||||
th
|
||||
background-color: $tertiary-color
|
||||
color: white
|
||||
|
||||
.tax-bracket
|
||||
th, td
|
||||
padding: 8px
|
||||
text-align: right
|
||||
th
|
||||
background-color: $primary-color
|
||||
color: white
|
||||
|
||||
.ip-recap
|
||||
th, td
|
||||
padding: 10px
|
||||
text-align: left
|
||||
th
|
||||
background-color: $quaternary-color
|
||||
color: white
|
||||
|
||||
// Code Blocks
|
||||
pre, code
|
||||
background-color: $code-bg-color
|
||||
padding: 10px
|
||||
border-radius: $code-border-radius
|
||||
font-family: $primary-font
|
||||
color: $code-font-color
|
||||
overflow-x: auto
|
||||
font-size: 14px
|
||||
|
||||
// Lists
|
||||
ul, ol
|
||||
margin-left: $list-padding-left
|
||||
padding-left: $list-padding-left
|
||||
list-style-position: inside
|
||||
|
||||
li
|
||||
margin-bottom: 5px
|
||||
|
||||
img
|
||||
width: 20em
|
||||
|
||||
div#postamble
|
||||
border-color: $tertiary-color
|
||||
|
||||
|
||||
@include toggle-section-numbers(h3, true)
|
||||
|
||||
h3
|
||||
margin-left: 1em
|
||||
a
|
||||
font-size: 90%
|
||||
text-decoration: underline
|
||||
text-underline-offset: 4px
|
||||
|
||||
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin: 20px 0
|
||||
color: $text-color
|
||||
|
||||
th
|
||||
background-color: $table-header-bg
|
||||
color: $text-color
|
||||
|
||||
td
|
||||
border: 1px solid $table-border-color
|
||||
padding: 10px
|
||||
|
||||
tr:nth-child(even)
|
||||
background-color: lighten($table-header-bg, 5%)
|
||||
|
||||
|
||||
ul, ol
|
||||
margin: 1em 0
|
||||
padding-left: 1.5em
|
||||
list-style-position: inside
|
||||
font-size: 1rem
|
||||
line-height: 1.6
|
||||
|
||||
// Unordered List
|
||||
ul
|
||||
list-style-type: disc
|
||||
|
||||
li
|
||||
margin-bottom: 0.5em
|
||||
&:before
|
||||
content: '•'
|
||||
color: $primary-color
|
||||
font-weight: bold
|
||||
display: inline-block
|
||||
width: 1em
|
||||
margin-left: -1.5em
|
||||
|
||||
// Ordered List
|
||||
ol
|
||||
list-style-type: decimal
|
||||
|
||||
li
|
||||
margin-bottom: 0.5em
|
||||
&:before
|
||||
color: $secondary-color
|
||||
font-weight: bold
|
||||
|
||||
// Nested Lists
|
||||
ul ul, ol ol, ul ol, ol ul
|
||||
margin-top: 0.5em
|
||||
margin-left: 1em
|
||||
list-style-type: circle
|
||||
|
||||
li
|
||||
margin-bottom: 0.25em
|
||||
|
||||
// Special Class for Inline Lists
|
||||
.inline-list
|
||||
list-style-type: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
gap: 1em
|
||||
|
||||
li
|
||||
display: inline
|
||||
|
||||
33
themes/_dark.sass
Normal file
33
themes/_dark.sass
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
@use "sass:map"
|
||||
|
||||
// Color Variables for Dark Theme
|
||||
$primary-color: #e74c3c // Bright red for headers
|
||||
$secondary-color: #ecf0f1 // Light gray for secondary headers
|
||||
$tertiary-color: #1abc9c // Bright green for subheaders
|
||||
$quaternary-color: #9b59b6 // Bright purple for smaller headers
|
||||
$link-color-primary: #e67e22 // Bright orange for primary links
|
||||
$link-color-secondary: #2980b9 // Bright blue for secondary links
|
||||
$background-color: #2c3e50 // Dark navy background
|
||||
$text-color: #ecf0f1 // Light gray text for contrast
|
||||
$table-header-bg: #34495e // Darker shade of blue for table headers
|
||||
$table-border-color: #95a5a6 // Lighter gray border color
|
||||
|
||||
// Inverse Link Colors
|
||||
$inverse-link-color: #2c3e50 // Dark background for inverse links
|
||||
$inverse-link-hover-color: #ecf0f1 // Light text color for inverse link hover
|
||||
|
||||
// font variables
|
||||
$primary-font: 'fira-mono'
|
||||
$secondary-font: 'roboto'
|
||||
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h2, (size: 1.75em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.3em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
// Code Block Background
|
||||
$code-bg-color: #34495e // Darker background color for code blocks
|
||||
$code-font-color: $text-color
|
||||
|
||||
32
themes/_dark_graphics.sass
Normal file
32
themes/_dark_graphics.sass
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
@use "sass:map"
|
||||
|
||||
// Color Variables for Dark Theme (Updated)
|
||||
$primary-color: #f39c12 // Vibrant yellow for headers (contrast with dark background)
|
||||
$secondary-color: #e74c3c
|
||||
$tertiary-color: #1abc9c // Bright green for subheaders
|
||||
$quaternary-color: #8e44ad // Deep violet for smaller headers
|
||||
$link-color-primary: #e67e22 // Bright orange for primary links
|
||||
$link-color-secondary: #2980b9 // Bright blue for secondary links
|
||||
$background-color: #2c3e50 // Dark navy background
|
||||
$text-color: #ffffff // Pure white text for strong contrast
|
||||
$table-header-bg: #3b4a5a // Muted steel blue for table headers
|
||||
$table-border-color: #7f8c8d // Soft cool gray border
|
||||
|
||||
// Inverse Link Colors
|
||||
$inverse-link-color: #2c3e50 // Dark background for inverse links
|
||||
$inverse-link-hover-color: #ecf0f1 // Light text color for inverse link hover
|
||||
|
||||
// Font Variables
|
||||
$primary-font: 'fira-mono'
|
||||
$secondary-font: 'roboto'
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
|
||||
|
||||
$header-styles: map.set($header-styles, h2, (size: 1.7em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.3em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
// Code Block Background
|
||||
$code-bg-color: #3d5a6e // Muted navy for code blocks
|
||||
$code-font-color: $text-color
|
||||
38
themes/_dark_scarlet.sass
Normal file
38
themes/_dark_scarlet.sass
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
@use "sass:map"
|
||||
|
||||
// Color Variables for Darker Theme
|
||||
$primary-color: #d10094 // Dark pink for headers
|
||||
$secondary-color: #5b8ee8 // Rich deep blue for secondary headers
|
||||
$tertiary-color: #228b22 // Dark green for subheaders
|
||||
$quaternary-color: #bd93f9 // Soft purple for smaller headers
|
||||
|
||||
$link-color-primary: #6272a4 // Muted blue for primary links
|
||||
$link-color-secondary: #ff5555 // Bold pinkish-red for secondary links
|
||||
$background-color: #282a36 // Rich black-gray background
|
||||
$text-color: #f8f8f2 // Off-white text for high contrast
|
||||
$table-header-bg: #44475a // Dark steely blue for table headers
|
||||
$table-border-color: #6272a4 // Soft blue-gray for table borders
|
||||
|
||||
// Inverse Link Colors
|
||||
$inverse-link-color: #44475a // Darker gray for inverse links
|
||||
$inverse-link-hover-color: #f8f8f2 // Off-white for inverse link hover
|
||||
|
||||
// Font Variables
|
||||
$primary-font: 'Fira Mono', monospace
|
||||
$secondary-font: 'Roboto', sans-serif
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2.3em, color: $primary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h2, (size: 2em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.5em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
// Code Block Colors
|
||||
$code-bg-color: #1e1f29 // Very dark blue for code background
|
||||
$code-font-color: #f8f8f2 // Off-white for code text
|
||||
$code-keyword-color: #ff79c6 // Vibrant pink for keywords
|
||||
$code-string-color: #50fa7b // Neon green for strings
|
||||
$code-variable-color: #8be9fd // Light cyan for variables
|
||||
$code-border-radius: 4px
|
||||
|
||||
|
||||
31
themes/_heb_dark.sass
Normal file
31
themes/_heb_dark.sass
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
@use "sass:map"
|
||||
|
||||
// Color Variables for Desert Theme
|
||||
$primary-color: #d18f77 // Warm sandstone (primary headers)
|
||||
$secondary-color: #e0b589 // Light sandy beige (secondary headers)
|
||||
$tertiary-color: #a7582e // Rusty orange-red (subheaders)
|
||||
$quaternary-color: #875640 // Deep clay brown (smaller headers)
|
||||
$link-color-primary: #967e52 // Muted desert green (primary links)
|
||||
$link-color-secondary: #bda27b // Sandy yellow (secondary links)
|
||||
$background-color: #f4e9d8 // Soft light beige (background)
|
||||
$text-color: #4c3e3b // Dark brown (text for contrast)
|
||||
$table-header-bg: #967e52 // Muted desert green for table headers
|
||||
$table-border-color: #bda27b // Sandy yellow for table borders
|
||||
|
||||
// Inverse Link Colors
|
||||
$inverse-link-color: #875640 // Deep clay brown for inverse links
|
||||
$inverse-link-hover-color: #e0b589 // Sandy beige for inverse link hover
|
||||
|
||||
// Font Variables
|
||||
$primary-font: 'Source Code Pro' // Clean, readable monospace for code
|
||||
$secondary-font: 'Lora' // Seriffed font for headers
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h2, (size: 1.75em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.3em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
// Code Block Background
|
||||
$code-bg-color: #000 // Warm, soft background for code blocks
|
||||
$code-font-color: #cd8c7e
|
||||
34
themes/_light.sass
Normal file
34
themes/_light.sass
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
@use "sass:map"
|
||||
|
||||
// Color Variables for Light Theme
|
||||
$primary-color: #2980b9 // Bright blue for headers
|
||||
$secondary-color: #34495e // Darker gray for secondary headers
|
||||
$tertiary-color: #16a085 // Bright teal for subheaders
|
||||
$quaternary-color: #8e44ad // Bright purple for smaller headers
|
||||
|
||||
$link-color-primary: #d35400 // Vibrant orange for primary links
|
||||
$link-color-secondary: #c0392b // Strong red for secondary links
|
||||
|
||||
$background-color: #ecf0f1 // Light gray background
|
||||
$text-color: #2c3e50 // Dark text for contrast
|
||||
$table-header-bg: #bdc3c7 // Lighter gray for table headers
|
||||
$table-border-color: #7f8c8d // Medium gray for borders
|
||||
|
||||
// Inverse Link Colors
|
||||
$inverse-link-color: #ecf0f1 // Light background for inverse links
|
||||
$inverse-link-hover-color: #2c3e50 // Dark text color for inverse link hover
|
||||
|
||||
// font variables
|
||||
$primary-font: 'fira-mono'
|
||||
$secondary-font: 'roboto'
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2em, color: $primary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h2, (size: 1.75em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.3em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.25em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
// Code Block Background
|
||||
$code-bg-color: #bdc3c7 // Lighter background color for code blocks
|
||||
$code-font-color: $text-color
|
||||
|
||||
47
themes/course_listings/_dark.sass
Normal file
47
themes/course_listings/_dark.sass
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
@use "sass:map"
|
||||
|
||||
$primary-color: red
|
||||
$secondary-color: blue
|
||||
$tertiary-color: green
|
||||
$quaternary-color: orange
|
||||
|
||||
$primary-color: #c29504
|
||||
$secondary-color: #d16f00
|
||||
$tertiary-color: #ccad49
|
||||
$quaternary-color: #c5b06a
|
||||
$quinary-color: #3c78bd
|
||||
|
||||
$text-color: #f5f5f5
|
||||
$background-color: #343434
|
||||
|
||||
$primary-font: "Times"
|
||||
$secondary-font: "Roboto"
|
||||
|
||||
// Header Sizes and Colors Map
|
||||
$header-styles: (h1: (size: 2.5em, color: $primary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h2, (size: 1.5em, color: $secondary-color, border-size: 2px))
|
||||
$header-styles: map.set($header-styles, h3, (size: 1.0em, color: $tertiary-color, border-size: 1px))
|
||||
$header-styles: map.set($header-styles, h4, (size: 1.0em, color: $quaternary-color, border-size: 1px))
|
||||
|
||||
|
||||
// Colors
|
||||
$anchor-color: $primary-color
|
||||
$anchor-hover-color: lighten($anchor-color, 10)
|
||||
|
||||
$anchor-secondary-color: #a19581
|
||||
$anchor-secondary-hover-color: #ffad42 // A warm, light orange that pairs well with the yellow marker
|
||||
|
||||
// Code Block Background
|
||||
$code-bg-color: #000 // Lighter background color for code blocks
|
||||
$code-font-color: $text-color
|
||||
$code-font-color: #bb7e70
|
||||
|
||||
// Header Sizes
|
||||
// $default-header-sizes: (h1: 2em, h2: 1.5em, h3: 1em, h4: 1em, h5: 1.1em, h6: 1em)
|
||||
|
||||
// Margins
|
||||
$first-anchor-margin-left: 2em
|
||||
|
||||
|
||||
$playlist-header-color: $primary-color
|
||||
|
||||
94
youtube_courses.sass
Normal file
94
youtube_courses.sass
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
@import 'youtubevars.sass'
|
||||
@import 'mixins'
|
||||
@import './collapsible.sass'
|
||||
|
||||
@include toggle-section-numbers(h3, true)
|
||||
@include toggle-section-numbers(h4, false)
|
||||
@include remove-section-number(h2)
|
||||
|
||||
// @include set-header-sizes($default-header-sizes)
|
||||
// @include set-header-color($text-color)
|
||||
|
||||
// Base body styles
|
||||
body
|
||||
font-family: $primary-font
|
||||
font-size: 16px
|
||||
line-height: 1.6
|
||||
color: $text-color
|
||||
background-color: $background-color
|
||||
|
||||
// Headers
|
||||
@each $header, $props in $header-styles
|
||||
#{$header}
|
||||
font-family: $secondary-font
|
||||
font-weight: bold
|
||||
color: map-get($props, color)
|
||||
font-size: map-get($props, size)
|
||||
margin-top: 20px
|
||||
margin-bottom: 10px
|
||||
|
||||
div#postamble
|
||||
border-color: $text-color
|
||||
|
||||
a
|
||||
color: $anchor-color
|
||||
text-decoration: none
|
||||
|
||||
&:hover
|
||||
color: $anchor-hover-color
|
||||
border-bottom-color: $anchor-hover-color
|
||||
text-decoration: underline
|
||||
|
||||
h3 + .outline-text-3 p
|
||||
margin-top: 0
|
||||
|
||||
h3 + .outline-text-3 p > a:first-of-type
|
||||
font-size: 1em
|
||||
margin-left: $first-anchor-margin-left
|
||||
|
||||
h4
|
||||
text-transform: uppercase
|
||||
padding-left: 2em
|
||||
color: #c5b06a
|
||||
margin-top: 0
|
||||
|
||||
h4 + .outline-text-4 ol
|
||||
padding-left: 4em
|
||||
|
||||
a
|
||||
color: #a19581
|
||||
text-decoration: none
|
||||
|
||||
&:hover
|
||||
color: #ffad42 // A warm, light orange that pairs well with the yellow marker
|
||||
border-bottom-color: #ffad42
|
||||
text-decoration: underline
|
||||
|
||||
li
|
||||
&::marker
|
||||
|
||||
color: #8b872b
|
||||
font-size: 1.2em
|
||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)
|
||||
|
||||
b
|
||||
font-family: arial-black
|
||||
font-size: .7em
|
||||
text-transform: uppercase
|
||||
padding-left: 2em
|
||||
|
||||
color: #c5b06a
|
||||
|
||||
ul.notes
|
||||
list-style-type: square
|
||||
padding-left: 3em
|
||||
|
||||
ul.desc-link
|
||||
li
|
||||
margin-bottom: .2em // Add space between list items
|
||||
|
||||
|
||||
> a
|
||||
display: block
|
||||
|
||||
|
||||
Loading…
Add table
Reference in a new issue