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
|
/**
* Forked from Bamboo: https://github.com/rilwis/bamboo (MIT)
* which was forked from new.css (MIT)
* Supplemented code from Pico.css: https://github.com/picocss/pico (MIT)
* Supplemented code from Basic.css: https://github.com/vladocar/Basic.css (MIT)
* Supplemented code from AttriCSS: https://github.com/raj457036/attriCSS (MIT)
* Feather Icons: https://github.com/feathericons/feather (MIT)
* Tabler Icons: https://github.com/tabler/tabler-icons/find/master (MIT)
*
* Bamboo, New, Pico: based on Normalize.css & Sanitize.css
* Normalize: https://github.com/necolas/normalize.css (MIT)
* Sanitize: https://github.com/csstools/sanitize.css (CC0 1.0 Universal)
*/
// Config
@forward "variables" as var-*;
@forward "colors/orange" as colors-*;
//@forward "colors/blue" as colors-*;
//@forward "colors/blueshade" as colors-*;
@forward "colors/syntax" as syntax-*;
//@use "fonts/Roboto";
//@use "fonts/Roboto-Mono"; // Monospaced
//@use "fonts/Arimo";
//@use "fonts/FiraCode"; // Monospaced
//@use "fonts/Abridge"; // Icon Font (don't recommend, CSS only icons are in my opinion better.)
// Includes - Sorted by importance/category (includes at top are needed most frequently)
@use "include/document"; // html
@use "include/typography"; // a, headings, p, ul, blockquote, ...
@use "include/sectioning"; // body, header, main, footer
@use "include/nav"; // Nav
@use "include/embedded"; // iframe(youtube/vimeo), audio, canvas, img, svg, video
@use "include/table"; // table, tr, td, ...
@use "include/code"; // pre, code, ...
@use "include/hr"; // hr
@use "include/scroller"; // figure
@use "include/button"; // button, a[role=button], type=button, type=submit ...
@use "include/form"; // input, select, textarea, label, fieldset, legend (If you use this, you should also use button)
@use "include/top"; // back to top button using only CSS
@use "include/syntax"; // syntax highlighting for code
@use "include/search"; // Zola Search - elasticlunr site-wide search
@use "include/toc"; // Zola TOC - Table of Content Menu (recent posts & index), sticky (floats top right)
@use "include/icons"; // svg icons
@use "include/zola"; // Zola spacing and layout classes
//@use "include/grid"; // section infinite grid -- test/rework this similar to hnav and milligram in that it should collapse to a single column as the page becomes narrow
//@use "include/misc"; // template, [hidden], dialog, canvas
|
