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
|
// Config
// ––––––––––––––––––––
// Enable <header>, <main>, <footer> inside <body> as a container
$enable-semantic-container: true !default;
// Enable responsive typography
// Fixed root element size if disabled
$enable-responsive-typography: true !default;
// Enable responsive spacings for <header>, <main>, <footer>, <section>
// Fixed spacings if disabled
$enable-responsive-spacings: false !default;
// Enable a centered viewport for <header>, <main>, <footer> inside <body>
// Fluid layout until it reaches a defined size, then becomes a centered viewport
$enable-maxwidth: true !default;
$mw:60% !default;// max-width
$mb:1200px !default;// value at which to switch from fluid layout to using max-width
// Enable a centered viewport for <header>, <main>, <footer> inside <body>
// This option will only work if $enable-maxwidth: false
$enable-viewport: false !default;
// xs: Extra small (portrait phones)
// sm: Small(landscape phones)
// md: Medium(tablets)
// lg: Large(desktops)
// xl: Extra large (large desktops)
// Breakpoints
$breakpoints: (
// 'null' disable the breakpoint
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
// Viewports
$viewports: (
// 'null' disable the viewport on a breakpoint
sm: 510px,
md: 700px,
lg: 920px,
xl: 1130px
) !default;
// Enable svg css icons
$enable-icons: true !default; // setting this to false disables ALL icons, to use icons set to true.
$ic: true !default; // icon color - set to true for colorized icons, otherwise a neutral gray #888 is used.
// to use icons set enable-icons:true above and also enable individual icons that you need below. https://deepthought-theme.netlify.app/
$icon-rss: true !default;
$icon-mail: true !default;// email mail envelope
$icon-mastodon: true !default;
$icon-element: true !default;
$icon-matrix: false !default;
$icon-twitter: true !default;
$icon-facebook: true !default;
$icon-linkedin: true !default;
$icon-gitlab: true !default;
$icon-github: true !default;
$icon-bitbucket: true !default;
$icon-python: true !default;
$icon-docker: true !default;
$icon-stack: true !default;
$icon-instagram: true !default;
$icon-pinterest: true !default;
$icon-twitch: true !default;
$icon-youtube: true !default;
$icon-search: false !default;
$icon-ffolder: false !default;
$icon-folder: false !default;// categories folder
$icon-ftag: false !default;
$icon-tag: false !default;// tag
$icon-check: false !default;// check mark
$icon-chevron: false !default;// chevron down
$icon-clock: false !default;// time analog clock
$icon-date: false !default;// calendar
$icon-globe: false !default;
$icon-home: false !default;
$icon-minus: false !default;// minus symbol
$icon-moon: false !default;// dark moon
$icon-sun: false !default;// light sun
$icon-x: false !default;// x symbol
// add an icon link to an html template like this: <a href="#"><span class="svg home"></span></a>
|
