diff --git a/categories/chill_computer.sass b/categories/chill_computer.sass new file mode 100644 index 0000000..da26bf0 --- /dev/null +++ b/categories/chill_computer.sass @@ -0,0 +1,93 @@ +@use "sass:map" +@use "sass:color" + +@use 'org-media-sass/org-base' as * + +@use 'org-media-sass/themes/desert-oasis' as * +@use 'org-media-sass/fonts' as fonts +@use 'org-media-sass/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) + + +/* 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 + +// Blockquotes +blockquote + border-color: $secondary-color + color: color.adjust($text-color, $lightness: 10%) + font-family: $secondary-font + +// Tables +table + color: $text-color + +th, td + border-color: $table-border-color + +th + background-color: $table-header-bg + color: $text-color + +tr:nth-child(even) + background-color: color.adjust($background-color, $lightness: 5%) + +/* Code Block Styles */ +pre, code + background-color: $code-background-color + color: $code-text-color + + font-family: $secondary-font + +/* Header Styles */ +h1, h2, h3, h4, h5, h6 + font-family: $secondary-font + +h4[id="timestamp"] + text-transform: uppercase + color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: 10%) + +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%) + +// Notes +.note + background-color: $note-background-color + border-color: $note-border-color + color: $text-color + +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