udpated fonts and added _config file
This commit is contained in:
parent
063c1260d2
commit
39a4d51e22
28 changed files with 1900 additions and 37 deletions
4
_config_sass
Normal file
4
_config_sass
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
// .config.sass
|
||||
// rename _config.sass to .config.sass
|
||||
|
||||
$base-path: '../fonts'
|
||||
|
|
@ -6,19 +6,25 @@
|
|||
@use 'font-library/kanit'
|
||||
@use 'font-library/prompt'
|
||||
@use 'font-library/work-sans'
|
||||
@use 'font-library/noto-sans'
|
||||
@use 'font-library/open-sans'
|
||||
@use 'font-library/roboto'
|
||||
@use 'font-library/roboto-slab'
|
||||
@use 'font-library/source-code-pro'
|
||||
@use 'font-library/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, 'roboto-slab', "Roboto-Slab")
|
||||
$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, 'noto-sans', "Noto Sans")
|
||||
$font-families: map.set($font-families, 'open-sans', "Open Sans")
|
||||
$font-families: map.set($font-families, 'arial', "Arial, sans-serif")
|
||||
$font-families: map.set($font-families, 'arial-black', '"Arial Black", Gadget, sans-serif')
|
||||
|
||||
|
|
|
|||
125
default-org-mode.sass
Normal file
125
default-org-mode.sass
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use 'mixins' as mixins-basic
|
||||
|
||||
@include mixins-basic.remove-section-number(h2)
|
||||
@include mixins-basic.remove-section-number(h4)
|
||||
|
||||
|
||||
/* Base Styles */
|
||||
body
|
||||
font-size: 1em
|
||||
line-height: 1.6
|
||||
margin: 0 auto
|
||||
max-width: 900px
|
||||
padding: 1em
|
||||
|
||||
/* Link Styles */
|
||||
a
|
||||
text-decoration: underline
|
||||
text-underline-offset: 2px
|
||||
|
||||
ul
|
||||
margin: 1em 0em
|
||||
list-style-type: disc
|
||||
|
||||
ol
|
||||
margin: 1em .5em
|
||||
list-style-type: decimal
|
||||
|
||||
li
|
||||
margin-bottom: 0.5em
|
||||
|
||||
// Blockquotes
|
||||
blockquote
|
||||
border-left: 4px solid
|
||||
padding-left: 1em
|
||||
margin: 1.5em 0
|
||||
|
||||
// Tables
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin-bottom: 1em
|
||||
|
||||
th, td
|
||||
border: 1px solid
|
||||
padding: 0.75em
|
||||
text-align: left
|
||||
|
||||
/* Code Block Styles */
|
||||
pre, code
|
||||
border-radius: 4px
|
||||
padding: 0.5em
|
||||
display: block
|
||||
overflow-x: auto
|
||||
|
||||
// Section
|
||||
section
|
||||
margin-bottom: 2em
|
||||
|
||||
/* Header Styles */
|
||||
h1, h2, h3, h4, h5, h6
|
||||
text-transform: capitalize
|
||||
font-weight: bold
|
||||
|
||||
h3
|
||||
a
|
||||
&:hover
|
||||
text-decoration: none
|
||||
|
||||
// Paragraphs
|
||||
p
|
||||
margin-bottom: 1em
|
||||
|
||||
// Notes
|
||||
.note
|
||||
padding: 0.5em
|
||||
border-left: 3px solid
|
||||
margin-bottom: 1em
|
||||
|
||||
div#postamble
|
||||
border-top: 1px dashed
|
||||
margin-top: 2em
|
||||
padding-top: 1em
|
||||
font-size: 0.9em
|
||||
|
||||
.outline-3
|
||||
margin-left: .5em
|
||||
|
||||
.outline-4
|
||||
margin-left: 1em
|
||||
|
||||
/* Table of Contents Link */
|
||||
.toc
|
||||
font-weight: bold
|
||||
|
||||
ul.links
|
||||
padding-left: 2em
|
||||
list-style-type: square
|
||||
li
|
||||
margin: 0
|
||||
|
||||
a
|
||||
text-transform: capitalize
|
||||
|
||||
div#table-of-contents
|
||||
ul
|
||||
padding-left: 1em
|
||||
margin: 0
|
||||
list-style-type: none
|
||||
|
||||
li
|
||||
margin: .4 0
|
||||
|
||||
a
|
||||
text-transform: lowercase
|
||||
text-decoration: none
|
||||
|
||||
h2
|
||||
margin-left: 0
|
||||
margin-bottom: .2em
|
||||
text-transform: uppercase
|
||||
|
||||
.playlist
|
||||
text-transform: capitalize
|
||||
30
font-library/_anonymous-pro.sass
Normal file
30
font-library/_anonymous-pro.sass
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
// File: _anonymous-pro.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/anonymous-pro/static'
|
||||
|
||||
@font-face
|
||||
font-family: 'Anonymous Pro'
|
||||
src: url('#{$font-path}/AnonymousPro-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Anonymous Pro'
|
||||
src: url('#{$font-path}/AnonymousPro-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Anonymous Pro'
|
||||
src: url('#{$font-path}/AnonymousPro-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Anonymous Pro'
|
||||
src: url('#{$font-path}/AnonymousPro-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
|
|
@ -1,17 +1,23 @@
|
|||
// File: _fira-mono.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/fira-mono'
|
||||
|
||||
@font-face
|
||||
font-family: 'Fira Mono'
|
||||
src: url('../fonts/fira-mono/FiraMono-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/FiraMono-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
|
|
|||
30
font-library/_hack.sass
Normal file
30
font-library/_hack.sass
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
// File: _hack.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}hack/static'
|
||||
|
||||
@font-face
|
||||
font-family: 'Hack'
|
||||
src: url('#{$font-path}/Hack-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Hack'
|
||||
src: url('#{$font-path}/Hack-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Hack'
|
||||
src: url('#{$font-path}/Hack-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Hack'
|
||||
src: url('#{$font-path}/Hack-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
94
font-library/_inconsolata.sass
Normal file
94
font-library/_inconsolata.sass
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
// File: _inconsolata.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/inconsolata/static'
|
||||
|
||||
// Core styles
|
||||
@font-face
|
||||
font-family: 'Inconsolata'
|
||||
src: url('#{$font-path}/Inconsolata-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Inconsolata'
|
||||
src: url('#{$font-path}/Inconsolata-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Inconsolata'
|
||||
src: url('#{$font-path}/Inconsolata-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Inconsolata'
|
||||
src: url('#{$font-path}/Inconsolata-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
// Additional weights and widths
|
||||
@each $weight, $style in (
|
||||
"Black": normal,
|
||||
"BlackItalic": italic,
|
||||
"ExtraBold": normal,
|
||||
"ExtraBoldItalic": italic,
|
||||
"Light": normal,
|
||||
"LightItalic": italic,
|
||||
"Medium": normal,
|
||||
"MediumItalic": italic,
|
||||
"SemiBold": normal,
|
||||
"SemiBoldItalic": italic,
|
||||
"ExtraLight": normal,
|
||||
"ExtraLightItalic": italic
|
||||
)
|
||||
@font-face
|
||||
font-family: 'Inconsolata'
|
||||
src: url('#{$font-path}/Inconsolata-#{$weight}.ttf') format('truetype')
|
||||
font-weight: map.get((
|
||||
"Black": 900,
|
||||
"ExtraBold": 800,
|
||||
"Bold": 700,
|
||||
"SemiBold": 600,
|
||||
"Medium": 500,
|
||||
"Regular": 400,
|
||||
"Light": 300,
|
||||
"ExtraLight": 200
|
||||
), $weight)
|
||||
font-style: $style
|
||||
|
||||
// Width Variants
|
||||
@each $width in ("Condensed", "SemiCondensed", "Expanded", "SemiExpanded", "UltraCondensed", "UltraExpanded", "ExtraCondensed", "ExtraExpanded")
|
||||
@each $weight, $style in (
|
||||
"Black": normal,
|
||||
"BlackItalic": italic,
|
||||
"ExtraBold": normal,
|
||||
"ExtraBoldItalic": italic,
|
||||
"Light": normal,
|
||||
"LightItalic": italic,
|
||||
"Medium": normal,
|
||||
"MediumItalic": italic,
|
||||
"SemiBold": normal,
|
||||
"SemiBoldItalic": italic,
|
||||
"ExtraLight": normal,
|
||||
"ExtraLightItalic": italic,
|
||||
"Regular": normal,
|
||||
"Italic": italic
|
||||
)
|
||||
@font-face
|
||||
font-family: 'Inconsolata'
|
||||
src: url('#{$font-path}/Inconsolata_#{$width}-#{$weight}.ttf') format('truetype')
|
||||
font-weight: map.get((
|
||||
"Black": 900,
|
||||
"ExtraBold": 800,
|
||||
"Bold": 700,
|
||||
"SemiBold": 600,
|
||||
"Medium": 500,
|
||||
"Regular": 400,
|
||||
"Light": 300,
|
||||
"ExtraLight": 200
|
||||
), $weight)
|
||||
font-style: $style
|
||||
|
||||
61
font-library/_jetbrains-mono.sass
Normal file
61
font-library/_jetbrains-mono.sass
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
// File: _jetbrains-mono.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/jetbrains-mono/static'
|
||||
|
||||
// Core styles
|
||||
@font-face
|
||||
font-family: 'JetBrains Mono'
|
||||
src: url('#{$font-path}/JetBrainsMono-Regular.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'JetBrains Mono'
|
||||
src: url('#{$font-path}/JetBrainsMono-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'JetBrains Mono'
|
||||
src: url('#{$font-path}/JetBrainsMono-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'JetBrains Mono'
|
||||
src: url('#{$font-path}/JetBrainsMono-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
// Additional weights and styles
|
||||
@each $weight, $style in (
|
||||
"ExtraBold": normal,
|
||||
"ExtraBoldItalic": italic,
|
||||
"SemiBold": normal,
|
||||
"SemiBoldItalic": italic,
|
||||
"Medium": normal,
|
||||
"MediumItalic": italic,
|
||||
"Light": normal,
|
||||
"LightItalic": italic,
|
||||
"ExtraLight": normal,
|
||||
"ExtraLightItalic": italic,
|
||||
"Thin": normal,
|
||||
"ThinItalic": italic
|
||||
)
|
||||
@font-face
|
||||
font-family: 'JetBrains Mono'
|
||||
src: url('#{$font-path}/JetBrainsMono-#{$weight}.ttf') format('truetype')
|
||||
font-weight: map.get((
|
||||
"ExtraBold": 800,
|
||||
"Bold": 700,
|
||||
"SemiBold": 600,
|
||||
"Medium": 500,
|
||||
"Regular": 400,
|
||||
"Light": 300,
|
||||
"ExtraLight": 200,
|
||||
"Thin": 100
|
||||
), $weight)
|
||||
font-style: $style
|
||||
|
||||
|
|
@ -1,13 +1,113 @@
|
|||
// File: _jost.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/jost/static'
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('../fonts/jost/static/Jost-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/Jost-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-ExtraBoldItalic.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-Thin.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-ThinItalic.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-ExtraLight.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Jost'
|
||||
src: url('#{$font-path}/Jost-ExtraLightItalic.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: italic
|
||||
|
|
|
|||
|
|
@ -1,13 +1,113 @@
|
|||
// File: _kanit.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/kanit/static'
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('../fonts/kanit/Kanit-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/Kanit-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-ExtraBoldItalic.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-Thin.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-ThinItalic.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-ExtraLight.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Kanit'
|
||||
src: url('#{$font-path}/Kanit-ExtraLightItalic.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: italic
|
||||
|
|
|
|||
|
|
@ -1,27 +1,56 @@
|
|||
// File: _lora.sass
|
||||
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/lora'
|
||||
|
||||
// Regular
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('../fonts/lora/static/Lora-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/Lora-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
// Bold
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/Lora-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
// Add more weights and styles if need
|
||||
// Medium
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('#{$font-path}/Lora-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('#{$font-path}/Lora-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
// SemiBold
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('#{$font-path}/Lora-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Lora'
|
||||
src: url('#{$font-path}/Lora-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
|
|
|||
68
font-library/_noto-sans.sass
Normal file
68
font-library/_noto-sans.sass
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
// File: _noto-sans.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/noto-sans/static'
|
||||
|
||||
// Font-Face Declarations
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-Regular.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-Bold.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-Italic.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-BoldItalic.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Noto Sans'
|
||||
src: url('#{$font-path}/NotoSans-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
141
font-library/_open-sans.sass
Normal file
141
font-library/_open-sans.sass
Normal file
|
|
@ -0,0 +1,141 @@
|
|||
// File: _open-sans.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/open-sans/static'
|
||||
|
||||
// Regular weights and styles
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-Regular.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-Italic.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-Bold.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-BoldItalic.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-ExtraBoldItalic.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans'
|
||||
src: url('#{$font-path}/OpenSans-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
// Condensed weights and styles
|
||||
@font-face
|
||||
font-family: 'Open Sans Condensed'
|
||||
src: url('#{$font-path}/OpenSans_Condensed-Regular.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans Condensed'
|
||||
src: url('#{$font-path}/OpenSans_Condensed-Bold.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans Condensed'
|
||||
src: url('#{$font-path}/OpenSans_Condensed-BoldItalic.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans Condensed'
|
||||
src: url('#{$font-path}/OpenSans_Condensed-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans Condensed'
|
||||
src: url('#{$font-path}/OpenSans_Condensed-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
// SemiCondensed weights and styles
|
||||
@font-face
|
||||
font-family: 'Open Sans SemiCondensed'
|
||||
src: url('#{$font-path}/OpenSans_SemiCondensed-Regular.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans SemiCondensed'
|
||||
src: url('#{$font-path}/OpenSans_SemiCondensed-Bold.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans SemiCondensed'
|
||||
src: url('#{$font-path}/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans SemiCondensed'
|
||||
src: url('#{$font-path}/OpenSans_SemiCondensed-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Open Sans SemiCondensed'
|
||||
src: url('#{$font-path}/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
|
|
@ -1,13 +1,112 @@
|
|||
// File: _prompt.sass
|
||||
|
||||
// Base font path@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/prompt/static'
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('../fonts/prompt/Prompt-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/Prompt-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-ExtraBoldItalic.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-Thin.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-ThinItalic.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-ExtraLight.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Prompt'
|
||||
src: url('#{$font-path}/Prompt-ExtraLightItalic.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: italic
|
||||
|
|
|
|||
61
font-library/_roboto-slab.sass
Normal file
61
font-library/_roboto-slab.sass
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
// File: _roboto-slab.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/roboto-slab/static'
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-Thin.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-ExtraLight.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-Regular.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-Bold.ttf') format('truetype')
|
||||
font-weight: 700
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto-Slab'
|
||||
src: url('#{$font-path}/RobotoSlab-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
|
||||
|
|
@ -1,13 +1,79 @@
|
|||
// File: _roboto.sass
|
||||
|
||||
// Base font path
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/roboto/static'
|
||||
|
||||
// Add other weights as needed
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/Roboto-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-Thin.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('#{$font-path}/Roboto-ThinItalic.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: italic
|
||||
|
|
|
|||
|
|
@ -1,34 +1,109 @@
|
|||
// File: _source-code-pro.sass
|
||||
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/source-code-pro/static'
|
||||
|
||||
// Regular
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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
|
||||
src: url('#{$font-path}/SourceCodePro-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
// Light
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-Light.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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
|
||||
src: url('#{$font-path}/SourceCodePro-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
// ExtraLight
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-ExtraLight.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('../fonts/source-code-pro/static/SourceCodePro-SemiBold.ttf') format('truetype')
|
||||
src: url('#{$font-path}/SourceCodePro-ExtraLightItalic.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: italic
|
||||
|
||||
// Medium
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
// SemiBold
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
// Extend this pattern as needed for other weights and styles
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
// Bold
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
// ExtraBold
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-ExtraBoldItalic.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: italic
|
||||
|
||||
// Black
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Source Code Pro'
|
||||
src: url('#{$font-path}/SourceCodePro-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
|
|
|
|||
|
|
@ -1,13 +1,122 @@
|
|||
// File: _work-sans.sass
|
||||
|
||||
@use '../.config' as config
|
||||
$font-path: '#{config.$base-path}/work-sans/static'
|
||||
|
||||
// Regular
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('../fonts/work-sans/static/WorkSans-Regular.ttf') format('truetype')
|
||||
src: url('#{$font-path}/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')
|
||||
src: url('#{$font-path}/WorkSans-Italic.ttf') format('truetype')
|
||||
font-weight: normal
|
||||
font-style: italic
|
||||
|
||||
// Thin
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-Thin.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-ThinItalic.ttf') format('truetype')
|
||||
font-weight: 100
|
||||
font-style: italic
|
||||
|
||||
// ExtraLight
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-ExtraLight.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-ExtraLightItalic.ttf') format('truetype')
|
||||
font-weight: 200
|
||||
font-style: italic
|
||||
|
||||
// Light
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-Light.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-LightItalic.ttf') format('truetype')
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
// Medium
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-MediumItalic.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
font-style: italic
|
||||
|
||||
// SemiBold
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-SemiBold.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-SemiBoldItalic.ttf') format('truetype')
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
// Bold
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-Bold.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: normal
|
||||
|
||||
// Add other weights as needed
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-BoldItalic.ttf') format('truetype')
|
||||
font-weight: bold
|
||||
font-style: italic
|
||||
|
||||
// ExtraBold
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-ExtraBold.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-ExtraBoldItalic.ttf') format('truetype')
|
||||
font-weight: 800
|
||||
font-style: italic
|
||||
|
||||
// Black
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-Black.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Work Sans'
|
||||
src: url('#{$font-path}/WorkSans-BlackItalic.ttf') format('truetype')
|
||||
font-weight: 900
|
||||
font-style: italic
|
||||
|
||||
|
|
|
|||
75
themes/_midnight-ledger.sass
Normal file
75
themes/_midnight-ledger.sass
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
// _midnight-ledger.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.3em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #5294e2 // Soft blue for links
|
||||
$secondary-color: #87cba4 // Muted teal-green for secondary elements
|
||||
$tertiary-color: #e2a47e // Warm coral for tertiary elements
|
||||
$quaternary-color: #c3c9e8 // Light lavender-gray for highlights
|
||||
$quinary-color: #fcdba9 // Soft peach for accents
|
||||
|
||||
$code-background-color: #2a2e37 // Dark slate for code blocks
|
||||
$code-text-color: #f0f4f8 // Pale blue-gray for code text
|
||||
|
||||
$note-background-color: #333842 // Dark gray-blue for note background
|
||||
$note-border-color: $quinary-color // Peach accent for note borders
|
||||
|
||||
// Text and Background
|
||||
$text-color: #d1d5db // Light gray for text
|
||||
$background-color: #1a1c22 // Deep charcoal background for reduced eye strain
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #3b414d // Dark gray for table headers
|
||||
$table-border-color: #505866 // Subtle muted blue-gray for borders
|
||||
|
||||
// Header Sizes and Colors
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps for margins
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, 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, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Roboto Slab', serif // Modern serif for professional content
|
||||
$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for secondary content
|
||||
|
||||
73
themes/_nocturne-ledger.sass
Normal file
73
themes/_nocturne-ledger.sass
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
// _nocturne-ledger.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.5em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #3e536d // Deep slate blue for links
|
||||
$secondary-color: #586e75 // Muted teal for secondary elements
|
||||
$tertiary-color: #d19a66 // Golden brown for tertiary elements
|
||||
$quaternary-color: #6c757d // Subdued gray for highlights
|
||||
$quinary-color: #a44b6a // Rich burgundy for accents
|
||||
|
||||
$code-background-color: #1e1f24 // Very dark gray for code blocks
|
||||
$code-text-color: #c6d0d1 // Soft grayish-cyan for code text
|
||||
|
||||
$note-background-color: #2a2d35 // Charcoal gray for note background
|
||||
$note-border-color: $quinary-color // Matches the burgundy accent
|
||||
|
||||
// Text
|
||||
$text-color: #d4d7dd // Light gray for text
|
||||
$background-color: #131519 // Dark navy background for visual comfort
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #2d3a40 // Muted teal-gray for table headers
|
||||
$table-border-color: #3c444b // Soft dark gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$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, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$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, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Source Sans Pro', sans-serif // Professional sans-serif for content
|
||||
$secondary-font: 'Roboto Slab', serif // Elegant serif for headers
|
||||
75
themes/_sophisticated-sandstone.sass
Normal file
75
themes/_sophisticated-sandstone.sass
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
// _sophisticated-sandstone.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.3em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #8c6239 // Warm brown for links
|
||||
$secondary-color: #c69c6d // Soft tan for secondary elements
|
||||
$tertiary-color: #7b8a4f // Olive green for tertiary elements
|
||||
$quaternary-color: #b4b7b4 // Muted gray for highlights
|
||||
$quinary-color: #d67474 // Subtle coral for accents
|
||||
|
||||
$code-background-color: #f8f0e5 // Soft warm beige for code blocks
|
||||
$code-text-color: #5a5a5a // Gentle dark gray for code text
|
||||
|
||||
$note-background-color: #f2e6d9 // Light sandy beige for note background
|
||||
$note-border-color: $quinary-color // Coral accent for note borders
|
||||
|
||||
// Text and Background
|
||||
$text-color: #4a4a4a // Dark gray for text
|
||||
$background-color: #fcf8f2 // Warm ivory background for visual comfort
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #e6d7c6 // Light warm tan for table headers
|
||||
$table-border-color: #c7b39b // Soft neutral brown-gray for borders
|
||||
|
||||
// Header Sizes and Colors
|
||||
$default-header-sizes: ()
|
||||
$default-header-sizes: map.set($default-header-sizes, h1, 2.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h2, 2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.3em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps for margins
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, 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, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Lora', serif // Classic serif for elegance
|
||||
$secondary-font: 'Source Sans Pro', sans-serif // Clean sans-serif for readability
|
||||
|
||||
81
themes/cosmic-notes.sass
Normal file
81
themes/cosmic-notes.sass
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
// _variables.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.2em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
|
||||
// $primary-color: #42a5f5 // Light blue for links
|
||||
// $tertiary-color: #ff5252 // Bright red for headers
|
||||
// $secondary-color: #7cb342 // Vibrant green for code blocks
|
||||
// $quaternary-color: #9575cd // Muted purple for highlights
|
||||
// $quinary-color: #ffa726 // Warm orange for accents
|
||||
|
||||
$primary-color: #ffa726 // Bright orange for links
|
||||
$secondary-color: #42a5f5 // Light blue for secondary elements
|
||||
$tertiary-color: #66bb6a // Green for tertiary elements
|
||||
$quaternary-color: #ab47bc // Light purple for highlights
|
||||
$quinary-color: #ff7043 // Coral orange for subtle accents
|
||||
|
||||
$code-background-color: #20232a // Dark gray-blue for code blocks
|
||||
$code-text-color: #ffffff // Pure white for code text
|
||||
|
||||
$note-background-color: #2c313c // Dark gray for note background
|
||||
$note-border-color: $quinary-color
|
||||
|
||||
// Text
|
||||
$text-color: #cfd8dc // Light gray-blue for text
|
||||
$background-color: #263238 // Very dark gray-blue background
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($secondary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #37474f // Dark blue-gray for table headers
|
||||
$table-border-color: #546e7a // Muted teal-gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$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, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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, $quinary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h4, $quaternary-color)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$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, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Jost', sans-serif
|
||||
$secondary-font: 'Work Sans', sans-serif
|
||||
|
||||
64
themes/desert-oasis.sass
Normal file
64
themes/desert-oasis.sass
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
// themes/desert-oasis.sass
|
||||
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.5em
|
||||
|
||||
// Color Variables for Desert Theme
|
||||
$primary-color: #d18f77 // Warm sandstone (used for primary headers)
|
||||
$secondary-color: #e0b589 // Light sandy beige (used for secondary headers)
|
||||
$tertiary-color: #a7582e // Rusty orange-red (used for subheaders)
|
||||
$quaternary-color: #875640 // Deep clay brown (used for smaller headers)
|
||||
$quinary-color: #bda27b // Sandy yellow (accent for headers)
|
||||
|
||||
$code-background-color: #000 // Soft dark background for code blocks
|
||||
$code-text-color: #cd8c7e // Warm beige for code text
|
||||
|
||||
$note-background-color: #f4e9d8 // Soft light beige for note background
|
||||
$note-border-color: $tertiary-color // Rusty orange-red for note borders
|
||||
|
||||
// Text and Background
|
||||
$text-color: #4c3e3b // Dark brown for contrast
|
||||
$background-color: #f4e9d8 // Soft light beige for background
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: #967e52 // Muted desert green for links
|
||||
$anchor-hover-color: #e0b589 // Sandy beige for hover links
|
||||
$toc-anchor-color: color.adjust($anchor-color, $lightness: -10%)
|
||||
$toc-anchor-hover-color: color.adjust($anchor-hover-color, $lightness: 10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #967e52 // Muted desert green for table headers
|
||||
$table-border-color: #bda27b // Sandy yellow for table borders
|
||||
|
||||
// Header Sizes and Colors
|
||||
$default-header-sizes: ( h1: 2em, h2: 1.75em, h3: 1.3em, h4: 1.25em, h5: 1.1em, h6: 1em)
|
||||
|
||||
$default-header-colors: ( h1: $primary-color, h2: $secondary-color, h3: $tertiary-color, h4: $quaternary-color, h5: $quinary-color)
|
||||
|
||||
// Initialize empty maps for margins
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, 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, h6, (top: 3.5em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Source Code Pro', monospace // Clean, readable monospace
|
||||
$secondary-font: 'Lora', serif // Seriffed font for headers
|
||||
|
||||
76
themes/golden-ledger.sass
Normal file
76
themes/golden-ledger.sass
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
// _variables.sass
|
||||
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.2em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
|
||||
$primary-color: #0056b3 // Rich navy blue for links
|
||||
$secondary-color: #f5b800 // Golden yellow for secondary elements
|
||||
$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
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #e0e0e5 // Light neutral gray for table headers
|
||||
$table-border-color: #b5b5b8 // Subtle gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$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, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$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, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Roboto Slab', serif // Professional serif font for primary content
|
||||
$secondary-font: 'Open Sans', sans-serif // Clean sans-serif for secondary content
|
||||
|
||||
64
themes/modern-slate.sass
Normal file
64
themes/modern-slate.sass
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
// _var2.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.5em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #61afef // Used for links (updated)
|
||||
$secondary-color: #98c379 // Used for code blocks (updated)
|
||||
$tertiary-color: #abb2bf // General text color (new tertiary role)
|
||||
$quaternary-color: #d19a66 // Highlight color (updated)
|
||||
$quinary-color: #e06c75 // Accent for headers (updated)
|
||||
|
||||
$code-background-color: #2c313c // Code block background (updated)
|
||||
$code-text-color: #abb2bf // Text color for code blocks (updated)
|
||||
|
||||
$note-background-color: #333842 // Note background (unchanged)
|
||||
$note-border-color: $quinary-color // Note border color (unchanged)
|
||||
|
||||
// Text
|
||||
$text-color: $tertiary-color // General text color (updated)
|
||||
$background-color: color.adjust($tertiary-color, $lightness: -53%)
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($quaternary-color, $lightness: 10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #44475a // Steely blue for table headers (unchanged)
|
||||
$table-border-color: #6272a4 // Muted blue-gray for borders (unchanged)
|
||||
|
||||
// Default Header Sizes and Colors
|
||||
$default-header-sizes: (h1: 2em, h2: 1.75em, h3: 1.5em, h4: 1.25em, h5: 1.1em, h6: 1em)
|
||||
$default-header-colors: (h1: $quaternary-color, h2: $quinary-color, h3: $primary-color, h4: $secondary-color)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, 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, h6, (top: 3.5em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Fira Mono', monospace
|
||||
$secondary-font: 'Roboto', sans-serif
|
||||
|
||||
75
themes/neon-noir.sass
Normal file
75
themes/neon-noir.sass
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
// _variables.sass
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.5em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
$primary-color: #d10094 // Primary (Pink): Vibrant and attention-grabbing.
|
||||
$secondary-color: #5b8ee8 // Secondary (Blue): Rich, calming contrast to pink.
|
||||
$tertiary-color: #228b22 // Tertiary (Green): Strong, natural balance to pink and blue.
|
||||
$quaternary-color: #40e0d0 // Quaternary (Turquoise): Fresh and energetic, great for highlights or links.
|
||||
$quinary-color: #ffd966 // Quinary (Mustard Yellow): Warm and muted, adds subtle emphasis for accents.
|
||||
|
||||
$code-background-color: #1e1f29 // Very dark blue for code blocks
|
||||
$code-text-color: #f8f8f2 // Off-white for code text
|
||||
|
||||
$note-background-color: #333842 // Note background
|
||||
$note-border-color: $quinary-color // Note border color
|
||||
|
||||
// Text
|
||||
$text-color: #aeb1c7
|
||||
$background-color: #282a36 // Dark black-gray background
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($secondary-color, $lightness: 15%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: 15%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($primary-color, $lightness: -5%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #44475a // Steely blue for table headers
|
||||
$table-border-color: #6272a4 // Muted blue-gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$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, h3, 1.5em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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, $secondary-color)
|
||||
$default-header-colors: map.set($default-header-colors, h4, $secondary-color)
|
||||
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h2, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h3, (top: 1em, bottom: 0.5em))
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h4, (top: 1em, 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, h6, (top: 3.5em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Fira Mono', monospace
|
||||
$secondary-font: 'Roboto', sans-serif
|
||||
|
||||
76
themes/sienna-elegance.sass
Normal file
76
themes/sienna-elegance.sass
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
// _variables.sass
|
||||
|
||||
@use "sass:map"
|
||||
@use "sass:color"
|
||||
@use '../fonts' as fonts
|
||||
|
||||
$list-padding-left: 1.2em
|
||||
|
||||
// Color Variables
|
||||
|
||||
// Colors
|
||||
|
||||
$primary-color: #8c6239 // Warm brown for links
|
||||
$secondary-color: #c69c6d // Light tan for secondary elements
|
||||
$tertiary-color: #7b8a4f // Olive green for tertiary elements
|
||||
$quaternary-color: #b4b7b4 // Muted gray for highlights
|
||||
$quinary-color: #d67474 // Subtle coral for accents
|
||||
|
||||
$code-background-color: #fdf6e3 // Warm beige for code blocks
|
||||
$code-text-color: #657b83 // Muted teal-gray for code text
|
||||
|
||||
$note-background-color: #f6eee0 // Soft beige for note background
|
||||
$note-border-color: $quinary-color // Matches the coral accent
|
||||
|
||||
// Text
|
||||
$text-color: #4d4d4d // Rich dark gray for text
|
||||
$background-color: #fdfaf6 // Warm light beige for background
|
||||
|
||||
// Links, Anchors
|
||||
$anchor-color: color.adjust($primary-color, $lightness: 10%)
|
||||
$anchor-hover-color: color.adjust($primary-color, $lightness: -10%)
|
||||
$toc-anchor-color: color.adjust($secondary-color, $lightness: -5%)
|
||||
$toc-anchor-hover-color: color.adjust($secondary-color, $lightness: -10%)
|
||||
|
||||
// Tables
|
||||
$table-header-bg: #ede0d1 // Light warm tan for table headers
|
||||
$table-border-color: #cabfa5 // Soft brown-gray for borders
|
||||
|
||||
$default-header-sizes: ()
|
||||
$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, h3, 1.8em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h4, 1.4em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h5, 1.2em)
|
||||
$default-header-sizes: map.set($default-header-sizes, h6, 1.1em)
|
||||
|
||||
$default-header-colors: ()
|
||||
$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)
|
||||
|
||||
// Initialize empty maps
|
||||
$default-header-margins-sides: ()
|
||||
$default-header-margins-vertical: ()
|
||||
|
||||
// Dynamically populate sides map
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h1, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h2, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h3, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h4, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h5, (left: 0, right: 0))
|
||||
$default-header-margins-sides: map.set($default-header-margins-sides, h6, (left: 0, right: 0))
|
||||
|
||||
// Dynamically populate vertical map
|
||||
$default-header-margins-vertical: map.set($default-header-margins-vertical, h1, (top: 1em, bottom: 0.5em))
|
||||
$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, h6, (top: 1em, bottom: 0.5em))
|
||||
|
||||
// Fonts
|
||||
$primary-font: 'Source Serif Pro', serif // Elegant serif for primary content
|
||||
$secondary-font: 'Noto Sans', sans-serif // Clean sans-serif for secondary content
|
||||
|
||||
Loading…
Add table
Reference in a new issue