1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
@use '../themes/abridge/sass/abridge' with (
/// LINES HERE END WITH COMMA AFTER THE VALUE!
$abridgeMode:"switcher",//valid values: switcher, auto, dark, light
/// Enable a centered viewport for <header>, <main>, <footer> inside <body>
/// Fluid layout until a defined size, then becomes centered viewport
$enable-maxwidth: true,
$mw:75%,// max-width
$mb:1200px,// value at which to switch from fluid layout to max-width
$dark: #ccc #ddd #111 #222 #333 #888 #f90 #fb0 #f90 #593 #e33,//orange
//$dark: #ccc #ddd #111 #222 #333 #888 #09f #0bf #0af #593 #e33,//blue
//$dark: #ccc #ddd #111 #123 #345 #789 #09f #0bf #0af #593 #e33,//blueshade
$light: #333 #222 #fff #eee #ddd #555 #c40 #e60 #f90 #373 #d33,//orange
//$light: #333 #222 #fff #eee #ddd #555 #06e #09f #07f #373 #d33,//blue
//$light: #333 #222 #fff #def #137 #013 #06e #09f #07f #373 #d33,//blueshade
$syntax-dark: #191919 #e65 #f91 #eb6 #ac3 #8db #6ae #d6e,
$syntax-light: #f7f7f7 #a21 #930 #a50 #350 #286 #059 #a3c,
$syntax: true,//syntax highlighting for Code Blocks.
$enable-icons: true,// false disables ALL icons
$ic: true,// true for colorized icons, otherwise #888 is used.
$icon-rss: true,
$icon-mail: true,// email mail envelope
$icon-mastodon: true,
$icon-element: true,
$icon-matrix: false,
$icon-buymeacoffee: true,
$icon-twitter: true,
$icon-facebook: true,
$icon-linkedin: true,
$icon-codeberg: true,
$icon-gitlab: true,
$icon-github: true,
$icon-github-sponsor: true,
$icon-bitbucket: true,
$icon-python: true,
$icon-docker: true,
$icon-stack: true,
$icon-instagram: true,
$icon-pinterest: true,
$icon-discord: true,
$icon-twitch: true,
$icon-youtube: true,
$icon-researchgate: true,
$icon-x: true,// x symbol
$icon-search: true,//search
$icon-adjust: true,//theme switcher
$icon-angll: true,//first page
$icon-angl: true,//previous page
$icon-angr: true,//next page
$icon-angrr: true,//last page
$icon-angu: true,//back to top
$icon-ffolder: false,
$icon-folder: false,// categories folder
$icon-ftag: false,
$icon-tag: false,// tag
$icon-check: false,// check mark
$icon-chevron: false,// chevron down
$icon-clock: false,// time analog clock
$icon-date: false,// calendar
$icon-globe: false,
$icon-home: false,
$icon-minus: false,// minus symbol
$icon-moon: false,// dark moon
$icon-sun: false,// light sun
/// These lines find the spot at which to insert your appended fonts.
//$findFont-Main: "Segoe UI", // ← append custom MAIN font(s) AFTER this
//$findFont-Code: "Segoe UI Mono",// ← append custom CODE font(s) AFTER this
/// These lines specify the fonts to add.
//$fontExt-Main: ("Example Font 1", "Example Font 2"),// MAIN font(s) to add
//$fontExt-Code: ("Example Code 1", "Example Code 2"),// CODE font(s) to add
/// If prepending/appending fonts above, then no need to change them below
//$font: "Roboto" "system-ui" "-apple-system" "BlinkMacSystemFont" "Segoe UI" "Oxygen" "Ubuntu" "Cantarell" "Fira Sans" "Droid Sans" "Helvetica Neue" "Noto Sans" "Helvetica" "Arial" "sans-serif",
//$font-mono: "ui-monospace" "Menlo" "Monaco" "Consolas" "SF Mono" "Cascadia Mono" "Segoe UI Mono" "DejaVu Sans Mono" "Liberation Mono" "Roboto Mono" "Oxygen Mono" "Ubuntu Monospace" "Ubuntu Mono" "Source Code Pro" "Fira Mono" "Droid Sans Mono" "Courier New" "Courier" "monospace",
/// Enable <header>, <main>, <footer> inside <body> as a container
//$enable-semantic-container: true,
/// Enable responsive typography, Fixed root element size if disabled
//$enable-responsive-typography: true,
/// Enable responsive spacings for <header>, <main>, <footer>, <section>
//$enable-responsive-spacings: false,
/// Enable a centered viewport for <header>, <main>, <footer> inside <body>
/// This option will only work if $enable-maxwidth: false
//$enable-viewport: false,
/// xs: Extra small (portrait phones)
/// sm: Small(landscape phones)
/// md: Medium(tablets)
/// lg: Large(desktops)
/// xl: Extra large (large desktops)
/// Breakpoints
//$breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px),
/// Viewports
//$viewports: (sm: 510px, md: 700px, lg: 920px, xl: 1130px),
//$document: true,//Content-box & Responsive typography
//$typography: true,//a, headings, p, ul, blockquote
//$sectioning: true,//responsive Container, header, main, footer
//$nav: true,//Horizontal Navigation at top of page
//$embedded: true,//Embedded content, iframe, video, images, etc.
//$table: true,//table specific elements
//$code: true,//codeblocks, code, pre, kbd
//$hr: true,//Horizontal Rule
//$scroller: true,//Horizontal scroller (<figure>)
//$button: true,//Form elements (button)
//$form: true,//Form elements (non-button)
//$top: true,//back to top button using CSS
//$search: true,//search feature
//$toc: true,//Table of Contents, page index / recent posts block
//$zola: true,//Zola Specific
//$misc: false,
//$grid: false,//Infinity Grid, column based layouts.
//$syntax: true,//syntax highlighting for code blocks
);
|
