jekyll-theme-minimalistic 0.2.0 → 0.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/LICENSE +674 -674
- data/README.md +176 -172
- data/_includes/footer.html +6 -4
- data/_includes/head-custom-google-analytics.html +10 -10
- data/_includes/head-custom.html +12 -12
- data/_includes/sidebar.html +56 -56
- data/_layouts/default.html +63 -62
- data/_layouts/post.html +14 -14
- data/_sass/colors.scss +124 -124
- data/_sass/fonts.scss +55 -55
- data/_sass/jekyll-theme-minimalistic.scss +315 -314
- data/_sass/minimalistic.scss +4 -4
- data/_sass/rouge-github.scss +206 -206
- data/assets/css/colors-auto.scss +25 -25
- data/assets/css/colors-dark.scss +14 -14
- data/assets/css/colors-light.scss +8 -8
- data/assets/css/style.scss +69 -69
- data/assets/fonts/Noto-Sans-700/Noto-Sans-700.eot +0 -0
- data/assets/fonts/Noto-Sans-700/Noto-Sans-700.svg +336 -336
- data/assets/fonts/Noto-Sans-700/Noto-Sans-700.ttf +0 -0
- data/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff +0 -0
- data/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff2 +0 -0
- data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot +0 -0
- data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg +334 -334
- data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf +0 -0
- data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff +0 -0
- data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2 +0 -0
- data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.eot +0 -0
- data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.svg +337 -337
- data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.ttf +0 -0
- data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff +0 -0
- data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff2 +0 -0
- data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.eot +0 -0
- data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.svg +335 -335
- data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.ttf +0 -0
- data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff +0 -0
- data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff2 +0 -0
- data/assets/img/logo.jpg +0 -0
- data/assets/js/scale.fix.js +27 -27
- metadata +33 -5
data/_layouts/default.html
CHANGED
|
@@ -1,62 +1,63 @@
|
|
|
1
|
-
{% case site.color-scheme %}
|
|
2
|
-
{% when "", nil, false, 0, empty %}
|
|
3
|
-
{% assign ColorScheme = "auto" %}
|
|
4
|
-
{% else %}
|
|
5
|
-
{% assign ColorScheme = site.color-scheme %}
|
|
6
|
-
{% endcase %}
|
|
7
|
-
|
|
8
|
-
<!DOCTYPE html>
|
|
9
|
-
<html lang="{{ site.lang | default: "en-US" }}">
|
|
10
|
-
<head>
|
|
11
|
-
<meta charset="UTF-8">
|
|
12
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
13
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
14
|
-
|
|
15
|
-
{
|
|
16
|
-
<link rel="stylesheet" href="{{ "/assets/css/
|
|
17
|
-
<link rel="
|
|
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
|
-
</
|
|
1
|
+
{% case site.color-scheme %}
|
|
2
|
+
{% when "", nil, false, 0, empty %}
|
|
3
|
+
{% assign ColorScheme = "auto" %}
|
|
4
|
+
{% else %}
|
|
5
|
+
{% assign ColorScheme = site.color-scheme %}
|
|
6
|
+
{% endcase %}
|
|
7
|
+
|
|
8
|
+
<!DOCTYPE html>
|
|
9
|
+
<html lang="{{ site.lang | default: "en-US" }}">
|
|
10
|
+
<head>
|
|
11
|
+
<meta charset="UTF-8">
|
|
12
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
13
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
14
|
+
{% seo %}
|
|
15
|
+
<link rel="stylesheet" href="{{ "/assets/css/colors-ColorScheme.css?v=" | replace: "ColorScheme", ColorScheme | append: site.github.build_revision | relative_url }}">
|
|
16
|
+
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
|
|
17
|
+
<link rel="preload" href="{{site.logo | relative_url}}" as="image">
|
|
18
|
+
{% include head-custom.html %}
|
|
19
|
+
</head>
|
|
20
|
+
<body>
|
|
21
|
+
<div class="wrapper">
|
|
22
|
+
<div class="sidebar">
|
|
23
|
+
<header>
|
|
24
|
+
{% if site.logo %}
|
|
25
|
+
<img class="logo" src="{{site.logo | relative_url}}" alt="Logo">
|
|
26
|
+
{% endif %}
|
|
27
|
+
|
|
28
|
+
{% if site.blank_title %}
|
|
29
|
+
<h1>{{ site.title | default: site.github.repository_name }}</h1>
|
|
30
|
+
{% else %}
|
|
31
|
+
<h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
|
|
32
|
+
{% endif %}
|
|
33
|
+
|
|
34
|
+
{% if site.email %}
|
|
35
|
+
<p class="addr"><i class="fa-solid fa-envelope"></i> <a href="mailto:{{site.email}}">{{ site.email }}</a></p>
|
|
36
|
+
{% endif %}
|
|
37
|
+
|
|
38
|
+
<p>{{ site.description | default: site.github.project_tagline }}</p>
|
|
39
|
+
|
|
40
|
+
{% unless site.hide_project_page %}
|
|
41
|
+
{% if site.github.is_project_page %}
|
|
42
|
+
<p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub<br><small>{{ site.github.repository_nwo }}</small></a></p>
|
|
43
|
+
{% endif %}
|
|
44
|
+
|
|
45
|
+
{% if site.github.is_user_page %}
|
|
46
|
+
<p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
|
|
47
|
+
{% endif %}
|
|
48
|
+
{% endunless %}
|
|
49
|
+
|
|
50
|
+
{% include sidebar.html %}
|
|
51
|
+
|
|
52
|
+
</header>
|
|
53
|
+
<div class="sidebar-footer">
|
|
54
|
+
{%- include footer.html -%}
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
<section>
|
|
58
|
+
{{ content }}
|
|
59
|
+
</section>
|
|
60
|
+
</div>
|
|
61
|
+
<script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
|
|
62
|
+
</body>
|
|
63
|
+
</html>
|
data/_layouts/post.html
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: default
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
<small>{{ page.date | date: "%-d %B %Y" }}</small>
|
|
6
|
-
<h1>{{ page.title }}</h1>
|
|
7
|
-
|
|
8
|
-
<p class="view">by {{ page.author | default: site.author }}</p>
|
|
9
|
-
|
|
10
|
-
{{content}}
|
|
11
|
-
|
|
12
|
-
{% if page.tags %}
|
|
13
|
-
<small>tags: <em>{{ page.tags | join: "</em> - <em>" }}</em></small>
|
|
14
|
-
{% endif %}
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<small>{{ page.date | date: "%-d %B %Y" }}</small>
|
|
6
|
+
<h1>{{ page.title }}</h1>
|
|
7
|
+
|
|
8
|
+
<p class="view">by {{ page.author | default: site.author }}</p>
|
|
9
|
+
|
|
10
|
+
{{content}}
|
|
11
|
+
|
|
12
|
+
{% if page.tags %}
|
|
13
|
+
<small>tags: <em>{{ page.tags | join: "</em> - <em>" }}</em></small>
|
|
14
|
+
{% endif %}
|
data/_sass/colors.scss
CHANGED
|
@@ -1,124 +1,124 @@
|
|
|
1
|
-
/*
|
|
2
|
-
H -> hue
|
|
3
|
-
L -> luminosity
|
|
4
|
-
S -> saturation
|
|
5
|
-
clr -> color
|
|
6
|
-
bg -> background
|
|
7
|
-
hvr -> hover
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
//colors
|
|
11
|
-
:root {
|
|
12
|
-
//red
|
|
13
|
-
--code-d14: #d14;
|
|
14
|
-
--code-aa0000: #aa0000;
|
|
15
|
-
--code-990000: #990000;
|
|
16
|
-
//cyan
|
|
17
|
-
--code-009999: #009999;
|
|
18
|
-
--code-008080: #008080;
|
|
19
|
-
--code-3c5d5d: #3c5d5d;
|
|
20
|
-
//green
|
|
21
|
-
--code-009926: #009926;
|
|
22
|
-
//pink
|
|
23
|
-
--code-990073: #990073;
|
|
24
|
-
--code-800080: #800080;
|
|
25
|
-
//purple
|
|
26
|
-
--code-445588: #445588;
|
|
27
|
-
//blue
|
|
28
|
-
--code-000080: #000080;
|
|
29
|
-
//grey
|
|
30
|
-
--code-aaaaaa: #aaaaaa;
|
|
31
|
-
--code-999999: #999999;
|
|
32
|
-
--code-888888: #888888;
|
|
33
|
-
--code-555555: #555555;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@mixin colors {
|
|
37
|
-
// buttons
|
|
38
|
-
--L-a-text-hover-change: 0.8;//the number that --L-a-text gets changed by when it is hovered eg a button has 30% luminosity when left it luminosity is then timesed by 0.8 when the button is hovered
|
|
39
|
-
--clr-a-text: hsl(200, 100%, var(--L-a-text));
|
|
40
|
-
--clr-a-text-hvr: hsl(200, 100%, calc(var(--L-a-text) * var(--L-a-text-hover-change)));
|
|
41
|
-
--clr-buttons-main-bg: hsl(0, 0%, var(--L-buttons-main-bg));//the buttons in the main section at the top titled "download zip" "download tarbell" "veiw on github"
|
|
42
|
-
--clr-buttons-main-border: hsl(0, 0%, var(--L-buttons-main-border));
|
|
43
|
-
--clr-buttons-main-text: hsl(0, 0%, var(--L-buttons-main-text));
|
|
44
|
-
--clr-buttons-main-text-hover: hsl(0, 6%, var(--L-buttons-main-text-hover));
|
|
45
|
-
// headers + text
|
|
46
|
-
--clr-h1-and-bold: hsl(0, 0%, var(--L-h1-and-bold));
|
|
47
|
-
--clr-h2: hsl(0, 0%, var(--L-h2));
|
|
48
|
-
--clr-h-3-6: hsl(0, 0%, var(--L-h-3-6));
|
|
49
|
-
--clr-text: hsl(0, 0%, var(--L-text));
|
|
50
|
-
// code blocks
|
|
51
|
-
--clr-code-text: hsl(0, 0%, var(--L-code-text));
|
|
52
|
-
--clr-code-bg: hsl(0, 0%, var(--L-code-bg));
|
|
53
|
-
--clr-code-border: hsl(0, 0%, var(--L-code-border));
|
|
54
|
-
--clr-code-bold-text: hsl(0, 0%, var(--L-code-bold-text));
|
|
55
|
-
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
|
56
|
-
--clr-kbd-bg: hsl(210, 25%, var(--L-kbd-bg));
|
|
57
|
-
--clr-kbd-border: hsl(212.7, 10.7%, var(--L-kbd-border));
|
|
58
|
-
--clr-kbd-border-bottom-and-shadow: hsl(210, 8.2%, var(--L-kbd-border-bottom-and-shadow));// akbd elemnts border bottom and its shadow color
|
|
59
|
-
--clr-kbd-text: hsl(210, 11.7%, var(--L-kbd-text));
|
|
60
|
-
// miscellaneous
|
|
61
|
-
--clr-bg: hsl(0, 0%, var(--L-bg));//the bg of the page
|
|
62
|
-
--clr-splitter-blockquote-and-section: hsl(0, 0%, var(--L-splitter-blockquote-and-section));//a color for the lines that split tables, appear on the left pf blockquotes and mark new sections
|
|
63
|
-
--clr-small-in-a: hsl(0, 0%, var(--L-small-in-a));//the color for small elements in a's this color is used on the veiw on github button above the download buttons
|
|
64
|
-
--clr-table-header-and-dt: hsl(0, 0%, var(--L-table-header-and-dt)); //more info on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
@mixin light-colors {
|
|
68
|
-
// buttons
|
|
69
|
-
--L-a-text: 35%;
|
|
70
|
-
--L-buttons-main-bg: 96%;
|
|
71
|
-
--L-buttons-main-border: 88%;
|
|
72
|
-
--L-buttons-main-text: 40%;
|
|
73
|
-
--L-buttons-main-text-hover: 38%;
|
|
74
|
-
// headers + text
|
|
75
|
-
--L-h1-and-bold: 13%;
|
|
76
|
-
--L-h2: 22%;
|
|
77
|
-
--L-h-3-6: 29%;
|
|
78
|
-
--L-text-bold: 36%;
|
|
79
|
-
--L-text: 45%;
|
|
80
|
-
// code blocks
|
|
81
|
-
--L-code-text: 20%;
|
|
82
|
-
--L-code-bg: 97%;
|
|
83
|
-
--L-code-border: 90%;
|
|
84
|
-
--L-code-bold-text: 0%;
|
|
85
|
-
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
|
86
|
-
--L-kbd-bg: 98%;
|
|
87
|
-
--L-kbd-border: 80%;
|
|
88
|
-
--L-kbd-border-bottom-and-shadow: 62%;
|
|
89
|
-
--L-kbd-text: 30%;
|
|
90
|
-
// miscellaneous
|
|
91
|
-
--L-bg: 100%;
|
|
92
|
-
--L-splitter-blockquote-and-section: 90%;//for elements like hr + blockquote
|
|
93
|
-
--L-small-in-a: 47%;
|
|
94
|
-
--L-table-header-and-dt: 27%; //more on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
@mixin dark-colors {
|
|
98
|
-
// buttons
|
|
99
|
-
--L-a-text: 60%;
|
|
100
|
-
--L-buttons-main-bg: 17%;
|
|
101
|
-
--L-buttons-main-border: 26%;
|
|
102
|
-
--L-buttons-main-text: 76%;
|
|
103
|
-
--L-buttons-main-text-hover: 80%;
|
|
104
|
-
// headers + text
|
|
105
|
-
--L-h1-and-bold: 90%;
|
|
106
|
-
--L-h2: 83%;
|
|
107
|
-
--L-h-3-6: 76%;
|
|
108
|
-
--L-text: 70%;
|
|
109
|
-
// code blocks
|
|
110
|
-
--L-code-text: 80%;
|
|
111
|
-
--L-code-bg: 3%;
|
|
112
|
-
--L-code-border: 5%;
|
|
113
|
-
--L-code-bold-text: 100%;
|
|
114
|
-
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
|
115
|
-
--L-kbd-bg: 30%;
|
|
116
|
-
--L-kbd-border: 45%;
|
|
117
|
-
--L-kbd-border-bottom-and-shadow: 55%;
|
|
118
|
-
--L-kbd-text: 100%;
|
|
119
|
-
// miscellaneous
|
|
120
|
-
--L-splitter-blockquote-and-section: 15%;// for elements like hr and blockquote
|
|
121
|
-
--L-bg: 10%;
|
|
122
|
-
--L-small-in-a: 60%;
|
|
123
|
-
--L-table-header-and-dt: 90%;
|
|
124
|
-
}
|
|
1
|
+
/*
|
|
2
|
+
H -> hue
|
|
3
|
+
L -> luminosity
|
|
4
|
+
S -> saturation
|
|
5
|
+
clr -> color
|
|
6
|
+
bg -> background
|
|
7
|
+
hvr -> hover
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
//colors
|
|
11
|
+
:root {
|
|
12
|
+
//red
|
|
13
|
+
--code-d14: #d14;
|
|
14
|
+
--code-aa0000: #aa0000;
|
|
15
|
+
--code-990000: #990000;
|
|
16
|
+
//cyan
|
|
17
|
+
--code-009999: #009999;
|
|
18
|
+
--code-008080: #008080;
|
|
19
|
+
--code-3c5d5d: #3c5d5d;
|
|
20
|
+
//green
|
|
21
|
+
--code-009926: #009926;
|
|
22
|
+
//pink
|
|
23
|
+
--code-990073: #990073;
|
|
24
|
+
--code-800080: #800080;
|
|
25
|
+
//purple
|
|
26
|
+
--code-445588: #445588;
|
|
27
|
+
//blue
|
|
28
|
+
--code-000080: #000080;
|
|
29
|
+
//grey
|
|
30
|
+
--code-aaaaaa: #aaaaaa;
|
|
31
|
+
--code-999999: #999999;
|
|
32
|
+
--code-888888: #888888;
|
|
33
|
+
--code-555555: #555555;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@mixin colors {
|
|
37
|
+
// buttons
|
|
38
|
+
--L-a-text-hover-change: 0.8;//the number that --L-a-text gets changed by when it is hovered eg a button has 30% luminosity when left it luminosity is then timesed by 0.8 when the button is hovered
|
|
39
|
+
--clr-a-text: hsl(200, 100%, var(--L-a-text));
|
|
40
|
+
--clr-a-text-hvr: hsl(200, 100%, calc(var(--L-a-text) * var(--L-a-text-hover-change)));
|
|
41
|
+
--clr-buttons-main-bg: hsl(0, 0%, var(--L-buttons-main-bg));//the buttons in the main section at the top titled "download zip" "download tarbell" "veiw on github"
|
|
42
|
+
--clr-buttons-main-border: hsl(0, 0%, var(--L-buttons-main-border));
|
|
43
|
+
--clr-buttons-main-text: hsl(0, 0%, var(--L-buttons-main-text));
|
|
44
|
+
--clr-buttons-main-text-hover: hsl(0, 6%, var(--L-buttons-main-text-hover));
|
|
45
|
+
// headers + text
|
|
46
|
+
--clr-h1-and-bold: hsl(0, 0%, var(--L-h1-and-bold));
|
|
47
|
+
--clr-h2: hsl(0, 0%, var(--L-h2));
|
|
48
|
+
--clr-h-3-6: hsl(0, 0%, var(--L-h-3-6));
|
|
49
|
+
--clr-text: hsl(0, 0%, var(--L-text));
|
|
50
|
+
// code blocks
|
|
51
|
+
--clr-code-text: hsl(0, 0%, var(--L-code-text));
|
|
52
|
+
--clr-code-bg: hsl(0, 0%, var(--L-code-bg));
|
|
53
|
+
--clr-code-border: hsl(0, 0%, var(--L-code-border));
|
|
54
|
+
--clr-code-bold-text: hsl(0, 0%, var(--L-code-bold-text));
|
|
55
|
+
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
|
56
|
+
--clr-kbd-bg: hsl(210, 25%, var(--L-kbd-bg));
|
|
57
|
+
--clr-kbd-border: hsl(212.7, 10.7%, var(--L-kbd-border));
|
|
58
|
+
--clr-kbd-border-bottom-and-shadow: hsl(210, 8.2%, var(--L-kbd-border-bottom-and-shadow));// akbd elemnts border bottom and its shadow color
|
|
59
|
+
--clr-kbd-text: hsl(210, 11.7%, var(--L-kbd-text));
|
|
60
|
+
// miscellaneous
|
|
61
|
+
--clr-bg: hsl(0, 0%, var(--L-bg));//the bg of the page
|
|
62
|
+
--clr-splitter-blockquote-and-section: hsl(0, 0%, var(--L-splitter-blockquote-and-section));//a color for the lines that split tables, appear on the left pf blockquotes and mark new sections
|
|
63
|
+
--clr-small-in-a: hsl(0, 0%, var(--L-small-in-a));//the color for small elements in a's this color is used on the veiw on github button above the download buttons
|
|
64
|
+
--clr-table-header-and-dt: hsl(0, 0%, var(--L-table-header-and-dt)); //more info on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@mixin light-colors {
|
|
68
|
+
// buttons
|
|
69
|
+
--L-a-text: 35%;
|
|
70
|
+
--L-buttons-main-bg: 96%;
|
|
71
|
+
--L-buttons-main-border: 88%;
|
|
72
|
+
--L-buttons-main-text: 40%;
|
|
73
|
+
--L-buttons-main-text-hover: 38%;
|
|
74
|
+
// headers + text
|
|
75
|
+
--L-h1-and-bold: 13%;
|
|
76
|
+
--L-h2: 22%;
|
|
77
|
+
--L-h-3-6: 29%;
|
|
78
|
+
--L-text-bold: 36%;
|
|
79
|
+
--L-text: 45%;
|
|
80
|
+
// code blocks
|
|
81
|
+
--L-code-text: 20%;
|
|
82
|
+
--L-code-bg: 97%;
|
|
83
|
+
--L-code-border: 90%;
|
|
84
|
+
--L-code-bold-text: 0%;
|
|
85
|
+
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
|
86
|
+
--L-kbd-bg: 98%;
|
|
87
|
+
--L-kbd-border: 80%;
|
|
88
|
+
--L-kbd-border-bottom-and-shadow: 62%;
|
|
89
|
+
--L-kbd-text: 30%;
|
|
90
|
+
// miscellaneous
|
|
91
|
+
--L-bg: 100%;
|
|
92
|
+
--L-splitter-blockquote-and-section: 90%;//for elements like hr + blockquote
|
|
93
|
+
--L-small-in-a: 47%;
|
|
94
|
+
--L-table-header-and-dt: 27%; //more on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@mixin dark-colors {
|
|
98
|
+
// buttons
|
|
99
|
+
--L-a-text: 60%;
|
|
100
|
+
--L-buttons-main-bg: 17%;
|
|
101
|
+
--L-buttons-main-border: 26%;
|
|
102
|
+
--L-buttons-main-text: 76%;
|
|
103
|
+
--L-buttons-main-text-hover: 80%;
|
|
104
|
+
// headers + text
|
|
105
|
+
--L-h1-and-bold: 90%;
|
|
106
|
+
--L-h2: 83%;
|
|
107
|
+
--L-h-3-6: 76%;
|
|
108
|
+
--L-text: 70%;
|
|
109
|
+
// code blocks
|
|
110
|
+
--L-code-text: 80%;
|
|
111
|
+
--L-code-bg: 3%;
|
|
112
|
+
--L-code-border: 5%;
|
|
113
|
+
--L-code-bold-text: 100%;
|
|
114
|
+
//kbd these are keyboard shortcuts eg <kbd>CMD+R</kbd>
|
|
115
|
+
--L-kbd-bg: 30%;
|
|
116
|
+
--L-kbd-border: 45%;
|
|
117
|
+
--L-kbd-border-bottom-and-shadow: 55%;
|
|
118
|
+
--L-kbd-text: 100%;
|
|
119
|
+
// miscellaneous
|
|
120
|
+
--L-splitter-blockquote-and-section: 15%;// for elements like hr and blockquote
|
|
121
|
+
--L-bg: 10%;
|
|
122
|
+
--L-small-in-a: 60%;
|
|
123
|
+
--L-table-header-and-dt: 90%;
|
|
124
|
+
}
|
data/_sass/fonts.scss
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: 'Noto Sans';
|
|
3
|
-
font-weight: 400;
|
|
4
|
-
font-style: normal;
|
|
5
|
-
src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot');
|
|
6
|
-
src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'),
|
|
7
|
-
local('Noto Sans'),
|
|
8
|
-
local('Noto-Sans-regular'),
|
|
9
|
-
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'),
|
|
10
|
-
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'),
|
|
11
|
-
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'),
|
|
12
|
-
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg');
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@font-face {
|
|
16
|
-
font-family: 'Noto Sans';
|
|
17
|
-
font-weight: 700;
|
|
18
|
-
font-style: normal;
|
|
19
|
-
src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot');
|
|
20
|
-
src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'),
|
|
21
|
-
local('Noto Sans Bold'),
|
|
22
|
-
local('Noto-Sans-700'),
|
|
23
|
-
url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'),
|
|
24
|
-
url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'),
|
|
25
|
-
url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'),
|
|
26
|
-
url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg');
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@font-face {
|
|
30
|
-
font-family: 'Noto Sans';
|
|
31
|
-
font-weight: 400;
|
|
32
|
-
font-style: italic;
|
|
33
|
-
src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot');
|
|
34
|
-
src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'),
|
|
35
|
-
local('Noto Sans Italic'),
|
|
36
|
-
local('Noto-Sans-italic'),
|
|
37
|
-
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'),
|
|
38
|
-
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'),
|
|
39
|
-
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'),
|
|
40
|
-
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg');
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@font-face {
|
|
44
|
-
font-family: 'Noto Sans';
|
|
45
|
-
font-weight: 700;
|
|
46
|
-
font-style: italic;
|
|
47
|
-
src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot');
|
|
48
|
-
src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'),
|
|
49
|
-
local('Noto Sans Bold Italic'),
|
|
50
|
-
local('Noto-Sans-700italic'),
|
|
51
|
-
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'),
|
|
52
|
-
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'),
|
|
53
|
-
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'),
|
|
54
|
-
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg');
|
|
55
|
-
}
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Noto Sans';
|
|
3
|
+
font-weight: 400;
|
|
4
|
+
font-style: normal;
|
|
5
|
+
src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot');
|
|
6
|
+
src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'),
|
|
7
|
+
local('Noto Sans'),
|
|
8
|
+
local('Noto-Sans-regular'),
|
|
9
|
+
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'),
|
|
10
|
+
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'),
|
|
11
|
+
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'),
|
|
12
|
+
url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg');
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@font-face {
|
|
16
|
+
font-family: 'Noto Sans';
|
|
17
|
+
font-weight: 700;
|
|
18
|
+
font-style: normal;
|
|
19
|
+
src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot');
|
|
20
|
+
src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'),
|
|
21
|
+
local('Noto Sans Bold'),
|
|
22
|
+
local('Noto-Sans-700'),
|
|
23
|
+
url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'),
|
|
24
|
+
url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'),
|
|
25
|
+
url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'),
|
|
26
|
+
url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg');
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: 'Noto Sans';
|
|
31
|
+
font-weight: 400;
|
|
32
|
+
font-style: italic;
|
|
33
|
+
src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot');
|
|
34
|
+
src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'),
|
|
35
|
+
local('Noto Sans Italic'),
|
|
36
|
+
local('Noto-Sans-italic'),
|
|
37
|
+
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'),
|
|
38
|
+
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'),
|
|
39
|
+
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'),
|
|
40
|
+
url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg');
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: 'Noto Sans';
|
|
45
|
+
font-weight: 700;
|
|
46
|
+
font-style: italic;
|
|
47
|
+
src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot');
|
|
48
|
+
src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'),
|
|
49
|
+
local('Noto Sans Bold Italic'),
|
|
50
|
+
local('Noto-Sans-700italic'),
|
|
51
|
+
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'),
|
|
52
|
+
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'),
|
|
53
|
+
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'),
|
|
54
|
+
url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg');
|
|
55
|
+
}
|