jekyll-rtd-theme 2.0.4 → 2.0.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +32 -19
- data/_includes/class/_breadcrumbs.liquid +1 -1
- data/_includes/class/_footer.liquid +24 -11
- data/_includes/class/addons-wrap.liquid +7 -6
- data/_includes/node/links.liquid +12 -3
- data/_includes/node/metadata.liquid +9 -1
- data/_includes/node/script.extension.liquid +1 -1
- data/_includes/node/script.liquid +2 -3
- data/_includes/reset/content.liquid +1 -0
- data/_includes/reset/variables.liquid +8 -8
- data/_includes/reset/version.liquid +1 -1
- data/_includes/shortcodes/danger.liquid +3 -3
- data/_includes/shortcodes/mermaid.liquid +3 -1
- data/_includes/shortcodes/note.liquid +3 -3
- data/_includes/shortcodes/tip.liquid +3 -3
- data/_includes/shortcodes/warning.liquid +2 -2
- data/_layouts/default.liquid +2 -2
- data/_layouts/{plugins → tasks}/compress.liquid +1 -1
- data/_layouts/{plugins/extension.liquid → tasks/shortcodes.liquid} +1 -1
- data/_sass/_direction.scss +107 -0
- data/_sass/_layout.scss +4 -3
- data/_sass/_reset.scss +13 -0
- data/_sass/_variables.scss +9 -7
- data/_sass/class/container.scss +1 -1
- data/_sass/class/markdown-body.scss +52 -7
- data/_sass/class/sidebar-wrap.scss +7 -2
- data/_sass/class/{admonition.scss → toasts.scss} +9 -3
- data/_sass/lib/@primer/css/base/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/base/base.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/base/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/base/kbd.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/base/normalize.scss +1 -0
- data/_sass/{@primer → lib/@primer/css}/base/typography-base.scss +0 -0
- data/_sass/lib/@primer/css/breadcrumb/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/breadcrumb/breadcrumb.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/breadcrumb/index.scss +0 -0
- data/_sass/lib/@primer/css/buttons/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/buttons/button-group.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/buttons/button.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/buttons/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/buttons/misc.scss +0 -0
- data/_sass/lib/@primer/css/forms/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/forms/form-control.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/forms/form-group.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/forms/form-select.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/forms/form-validation.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/forms/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/forms/input-group.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/forms/radio-group.scss +0 -0
- data/_sass/lib/@primer/css/loaders/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/loaders/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/loaders/loaders.scss +0 -0
- data/_sass/lib/@primer/css/markdown/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/blob-csv.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/code.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/headings.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/images.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/lists.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/markdown-body.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/markdown/tables.scss +0 -0
- data/_sass/lib/@primer/css/support/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/support/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/mixins/buttons.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/mixins/layout.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/mixins/misc.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/mixins/typography.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/variables/color-system.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/variables/colors.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/variables/layout.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/variables/misc.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/support/variables/typography.scss +0 -0
- data/_sass/lib/@primer/css/utilities/README.md +24 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/animations.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/borders.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/box-shadow.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/colors.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/details.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/flexbox.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/index.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/layout.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/margin.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/padding.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/typography.scss +0 -0
- data/_sass/{@primer → lib/@primer/css}/utilities/visibility-display.scss +0 -0
- data/_sass/lib/font-awesome/_icons.scss +2139 -0
- data/_sass/lib/font-awesome/_variables.scss +799 -0
- data/_sass/lib/material-design-lite/_color-definitions.scss +378 -0
- data/_sass/lib/material-design-lite/_functions.scss +19 -0
- data/_sass/lib/material-design-lite/_mixins.scss +301 -0
- data/_sass/lib/material-design-lite/_variables.scss +612 -0
- data/_sass/{class/highlight.scss → lib/rouge/github.scss} +0 -0
- data/_sass/theme.scss +17 -11
- data/assets/css/theme.min.css +1 -1
- data/assets/images/apple-touch-icon-300x300.jpg +0 -0
- data/assets/images/favicon-16x16.png +0 -0
- data/assets/images/favicon-32x32.png +0 -0
- data/assets/images/favicon-96x96.png +0 -0
- data/assets/{favicon.liquid → images/favicon.svg} +2 -7
- data/assets/js/mermaid.min.js +5 -5
- data/assets/js/theme.js +13 -5
- data/assets/js/theme.min.js +1 -1
- data/assets/pages.liquid +1 -1
- data/assets/sitemap.liquid +1 -1
- data/assets/sw.caches.liquid +1 -1
- metadata +77 -61
- data/_includes/addons/analytics.liquid +0 -11
- data/_sass/_icons.scss +0 -57
@@ -0,0 +1,612 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright 2015 Google Inc. All Rights Reserved.
|
3
|
+
*
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
* you may not use this file except in compliance with the License.
|
6
|
+
* You may obtain a copy of the License at
|
7
|
+
*
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
*
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
* See the License for the specific language governing permissions and
|
14
|
+
* limitations under the License.
|
15
|
+
*/
|
16
|
+
|
17
|
+
/*------------------------------------*\
|
18
|
+
$CONTENTS
|
19
|
+
\*------------------------------------*/
|
20
|
+
/**
|
21
|
+
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
22
|
+
* -----Typography
|
23
|
+
* -----Colors
|
24
|
+
* -----Textfield
|
25
|
+
* -----Switch
|
26
|
+
* -----Spinner
|
27
|
+
* -----Radio
|
28
|
+
* -----Menu
|
29
|
+
* -----List
|
30
|
+
* -----Layout
|
31
|
+
* -----Icon toggles
|
32
|
+
* -----Footer
|
33
|
+
* -----Column
|
34
|
+
* -----Checkbox
|
35
|
+
* -----Card
|
36
|
+
* -----Button
|
37
|
+
* -----Animation
|
38
|
+
* -----Progress
|
39
|
+
* -----Badge
|
40
|
+
* -----Shadows
|
41
|
+
* -----Grid
|
42
|
+
* -----Data table
|
43
|
+
* -----Dialog
|
44
|
+
* -----Snackbar
|
45
|
+
* -----Tooltip
|
46
|
+
* -----Chip
|
47
|
+
*
|
48
|
+
* Even though all variables have the `!default` directive, most of them
|
49
|
+
* should not be changed as they are dependent one another. This can cause
|
50
|
+
* visual distortions (like alignment issues) that are hard to track down
|
51
|
+
* and fix.
|
52
|
+
*/
|
53
|
+
|
54
|
+
/* ========== TYPOGRAPHY ========== */
|
55
|
+
|
56
|
+
/* We're splitting fonts into "preferred" and "performance" in order to optimize
|
57
|
+
page loading. For important text, such as the body, we want it to load
|
58
|
+
immediately and not wait for the web font load, whereas for other sections,
|
59
|
+
such as headers and titles, we're OK with things taking a bit longer to load.
|
60
|
+
We do have some optional classes and parameters in the mixins, in case you
|
61
|
+
definitely want to make sure you're using the preferred font and don't mind
|
62
|
+
the performance hit.
|
63
|
+
We should be able to improve on this once CSS Font Loading L3 becomes more
|
64
|
+
widely available.
|
65
|
+
*/
|
66
|
+
$preferred_font: "Roboto", "Helvetica", "Arial", sans-serif !default;
|
67
|
+
$performance_font: "Helvetica", "Arial", sans-serif !default;
|
68
|
+
|
69
|
+
/* ========== COLORS ========== */
|
70
|
+
|
71
|
+
/**
|
72
|
+
*
|
73
|
+
* Material design color palettes.
|
74
|
+
* @see http://www.google.com/design/spec/style/color.html
|
75
|
+
*
|
76
|
+
**/
|
77
|
+
|
78
|
+
@import "color-definitions";
|
79
|
+
@import "functions";
|
80
|
+
|
81
|
+
/* ========== IMAGES ========== */
|
82
|
+
$image_path: "/images" !default;
|
83
|
+
|
84
|
+
/* ========== Color & Themes ========== */
|
85
|
+
|
86
|
+
// Define whether individual color palette items should have classes created.
|
87
|
+
// Setting this to true will remove individual color classes for each color in the palettes.
|
88
|
+
// To improve overall performance (assuming they aren't used) by:
|
89
|
+
// * Saving server bandwidth sending the extra classes
|
90
|
+
// * Save client computation against the classes
|
91
|
+
// it is RECOMMENDED you set this to true.
|
92
|
+
$trim-color-classes: false !default;
|
93
|
+
|
94
|
+
// Use color primarily for emphasis. Choose colors that fit with
|
95
|
+
// your brand and provide good contrast between visual components.
|
96
|
+
$color-primary: $palette-indigo-500 !default;
|
97
|
+
$color-primary-dark: $palette-indigo-700 !default;
|
98
|
+
$color-accent: $palette-pink-A200 !default;
|
99
|
+
|
100
|
+
// Our primary is dark, so use $color-dark-contrast for overlaid text.
|
101
|
+
$color-primary-contrast: $color-dark-contrast !default;
|
102
|
+
// Our accent is dark, so use $color-dark-contrast for overlaid text.
|
103
|
+
$color-accent-contrast: $color-dark-contrast !default;
|
104
|
+
|
105
|
+
// Replace all colors with placeholders if we're generating a template.
|
106
|
+
@if $styleguide-generate-template == true {
|
107
|
+
$color-primary: "$color-primary";
|
108
|
+
$color-primary-dark: "$color-primary-dark";
|
109
|
+
$color-accent: "$color-accent";
|
110
|
+
$color-primary-contrast: "$color-primary-contrast";
|
111
|
+
$color-accent-contrast: "$color-accent-contrast";
|
112
|
+
}
|
113
|
+
|
114
|
+
/* ========== Typography ========== */
|
115
|
+
|
116
|
+
// We use the following default color styles: text-color-primary and
|
117
|
+
// text-color-secondary. For light themes, use text-color-primary-inverse
|
118
|
+
// and text-color-secondary-inverse.
|
119
|
+
|
120
|
+
$text-color-primary: unquote("rgba(#{$color-black}, 0.87)") !default;
|
121
|
+
$text-link-color: unquote("rgb(#{$color-accent})") !default;
|
122
|
+
|
123
|
+
// Define whether to target elements directly for typographic enhancements.
|
124
|
+
// Turning this off means you need to use mdl-* classes more often.
|
125
|
+
// Other components may also fail to adhere to MD without these rules.
|
126
|
+
// It is strongly recommended you leave this as true.
|
127
|
+
|
128
|
+
$target-elements-directly: true !default;
|
129
|
+
|
130
|
+
/* ========== Components ========== */
|
131
|
+
|
132
|
+
/* ========== Standard Buttons ========== */
|
133
|
+
|
134
|
+
// Default button colors.
|
135
|
+
$button-primary-color: unquote("rgba(#{$palette-grey-500}, 0.20)") !default;
|
136
|
+
$button-secondary-color: unquote("rgb(#{$color-black})") !default;
|
137
|
+
$button-hover-color: $button-primary-color !default;
|
138
|
+
$button-active-color: unquote("rgba(#{$palette-grey-500}, 0.40)") !default;
|
139
|
+
$button-focus-color: unquote("rgba(#{$color-black}, 0.12)") !default;
|
140
|
+
|
141
|
+
// Colored button colors.
|
142
|
+
$button-primary-color-alt: unquote("rgb(#{$color-primary})") !default;
|
143
|
+
$button-secondary-color-alt: unquote(
|
144
|
+
"rgb(#{$color-primary-contrast})"
|
145
|
+
) !default;
|
146
|
+
$button-hover-color-alt: unquote("rgb(#{$color-primary})") !default;
|
147
|
+
$button-active-color-alt: unquote("rgb(#{$color-primary})") !default;
|
148
|
+
$button-focus-color-alt: $button-focus-color !default;
|
149
|
+
|
150
|
+
// Ripple color for colored raised buttons.
|
151
|
+
$button-ripple-color-alt: unquote("rgb(#{$color-primary-contrast})") !default;
|
152
|
+
|
153
|
+
// Disabled button colors.
|
154
|
+
$button-primary-color-disabled: unquote("rgba(#{$color-black}, 0.12)") !default;
|
155
|
+
$button-secondary-color-disabled: unquote(
|
156
|
+
"rgba(#{$color-black}, 0.26)"
|
157
|
+
) !default;
|
158
|
+
|
159
|
+
// FAB colors and sizes.
|
160
|
+
$button-fab-color-alt: unquote("rgb(#{$color-accent})") !default;
|
161
|
+
$button-fab-hover-color-alt: unquote("rgb(#{$color-accent})") !default;
|
162
|
+
$button-fab-active-color-alt: unquote("rgb(#{$color-accent})") !default;
|
163
|
+
$button-fab-text-color-alt: unquote("rgb(#{$color-accent-contrast})") !default;
|
164
|
+
$button-fab-ripple-color-alt: unquote(
|
165
|
+
"rgb(#{$color-accent-contrast})"
|
166
|
+
) !default;
|
167
|
+
|
168
|
+
// Icon button colors and sizes.
|
169
|
+
$button-icon-color: unquote("rgb(#{$palette-grey-700})") !default;
|
170
|
+
$button-icon-focus-color: $button-focus-color !default;
|
171
|
+
|
172
|
+
/* ========== Icon Toggles ========== */
|
173
|
+
|
174
|
+
$icon-toggle-color: unquote("rgb(#{$palette-grey-700})") !default;
|
175
|
+
$icon-toggle-focus-color: $button-focus-color !default;
|
176
|
+
$icon-toggle-checked-color: unquote("rgb(#{$color-primary})") !default;
|
177
|
+
$icon-toggle-checked-focus-color: unquote(
|
178
|
+
"rgba(#{$color-primary}, 0.26)"
|
179
|
+
) !default;
|
180
|
+
$icon-toggle-disabled-color: unquote("rgba(#{$color-black}, 0.26)") !default;
|
181
|
+
|
182
|
+
/* ========== Radio Buttons ========== */
|
183
|
+
|
184
|
+
$radio-color: unquote("rgb(#{$color-primary})") !default;
|
185
|
+
$radio-off-color: unquote("rgba(#{$color-black}, 0.54)") !default;
|
186
|
+
$radio-disabled-color: unquote("rgba(#{$color-black}, 0.26)") !default;
|
187
|
+
|
188
|
+
/* ========== Ripple effect ========== */
|
189
|
+
|
190
|
+
$ripple-bg-color: unquote("rgb(#{$color-light-contrast})") !default;
|
191
|
+
|
192
|
+
/* ========== Layout ========== */
|
193
|
+
|
194
|
+
$layout-nav-color: unquote("rgb(#{$palette-grey-300})") !default;
|
195
|
+
|
196
|
+
// Drawer
|
197
|
+
$layout-drawer-bg-color: unquote("rgb(#{$palette-grey-50})") !default;
|
198
|
+
$layout-drawer-border-color: unquote("rgb(#{$palette-grey-300})") !default;
|
199
|
+
$layout-text-color: unquote("rgb(#{$palette-grey-800})") !default;
|
200
|
+
$layout-drawer-navigation-color: #757575 !default;
|
201
|
+
$layout-drawer-navigation-link-active-background: unquote(
|
202
|
+
"rgb(#{$palette-grey-300})"
|
203
|
+
) !default;
|
204
|
+
$layout-drawer-navigation-link-active-color: unquote(
|
205
|
+
"rgb(#{$color-light-contrast})"
|
206
|
+
) !default;
|
207
|
+
|
208
|
+
// Header
|
209
|
+
$layout-header-bg-color: unquote("rgb(#{$color-primary})") !default;
|
210
|
+
$layout-header-text-color: unquote("rgb(#{$color-primary-contrast})") !default;
|
211
|
+
$layout-header-nav-hover-color: unquote(
|
212
|
+
"rgba(#{$palette-grey-700}, 0.6)"
|
213
|
+
) !default;
|
214
|
+
$layout-header-tab-text-color: unquote(
|
215
|
+
"rgba(#{$color-primary-contrast}, 0.6)"
|
216
|
+
) !default;
|
217
|
+
|
218
|
+
// Tabs
|
219
|
+
$layout-header-tab-highlight: unquote("rgb(#{$color-accent})") !default;
|
220
|
+
|
221
|
+
/* ========== Content Tabs ========== */
|
222
|
+
|
223
|
+
$tab-highlight-color: unquote("rgb(#{$color-primary})") !default;
|
224
|
+
$tab-text-color: unquote("rgba(#{$color-black}, 0.54)") !default;
|
225
|
+
$tab-active-text-color: unquote("rgba(#{$color-black}, 0.87)") !default;
|
226
|
+
$tab-border-color: unquote("rgb(#{$palette-grey-300})") !default;
|
227
|
+
|
228
|
+
/* ========== Checkboxes ========== */
|
229
|
+
|
230
|
+
$checkbox-color: unquote("rgb(#{$color-primary})") !default;
|
231
|
+
$checkbox-off-color: unquote("rgba(#{$color-black}, 0.54)") !default;
|
232
|
+
$checkbox-disabled-color: unquote("rgba(#{$color-black}, 0.26)") !default;
|
233
|
+
$checkbox-focus-color: unquote("rgba(#{$color-primary}, 0.26)") !default;
|
234
|
+
$checkbox-image-path: $image_path;
|
235
|
+
|
236
|
+
/* ========== Switches ========== */
|
237
|
+
|
238
|
+
$switch-color: unquote("rgb(#{$color-primary})") !default;
|
239
|
+
$switch-faded-color: unquote("rgba(#{$color-primary}, 0.26)") !default;
|
240
|
+
$switch-thumb-color: $switch-color !default;
|
241
|
+
$switch-track-color: unquote("rgba(#{$color-primary}, 0.5)") !default;
|
242
|
+
|
243
|
+
$switch-off-thumb-color: unquote("rgb(#{$palette-grey-50})") !default;
|
244
|
+
$switch-off-track-color: unquote("rgba(#{$color-black}, 0.26)") !default;
|
245
|
+
$switch-disabled-thumb-color: unquote("rgb(#{$palette-grey-400})") !default;
|
246
|
+
$switch-disabled-track-color: unquote("rgba(#{$color-black}, 0.12)") !default;
|
247
|
+
|
248
|
+
/* ========== Spinner ========== */
|
249
|
+
|
250
|
+
$spinner-color-1: unquote("rgb(#{$palette-blue-400})") !default;
|
251
|
+
$spinner-color-2: unquote("rgb(#{$palette-red-500})") !default;
|
252
|
+
$spinner-color-3: unquote("rgb(#{$palette-yellow-600})") !default;
|
253
|
+
$spinner-color-4: unquote("rgb(#{$palette-green-500})") !default;
|
254
|
+
|
255
|
+
$spinner-single-color: unquote("rgb(#{$color-primary})") !default;
|
256
|
+
|
257
|
+
/* ========== Text fields ========== */
|
258
|
+
|
259
|
+
$input-text-background-color: transparent !default;
|
260
|
+
$input-text-label-color: unquote("rgba(#{$color-black}, 0.26)") !default;
|
261
|
+
$input-text-bottom-border-color: unquote(
|
262
|
+
"rgba(#{$color-black}, 0.12)"
|
263
|
+
) !default;
|
264
|
+
$input-text-highlight-color: unquote("rgb(#{$color-primary})") !default;
|
265
|
+
$input-text-disabled-color: $input-text-bottom-border-color !default;
|
266
|
+
$input-text-disabled-text-color: $input-text-label-color !default;
|
267
|
+
$input-text-error-color: unquote("rgb(#{$palette-red-A700})") !default;
|
268
|
+
|
269
|
+
/* ========== Card ========== */
|
270
|
+
|
271
|
+
$card-background-color: unquote("rgb(#{$color-white})") !default;
|
272
|
+
$card-text-color: unquote("rgb(#{$color-black})") !default;
|
273
|
+
$card-image-placeholder-color: unquote("rgb(#{$color-accent})") !default;
|
274
|
+
$card-supporting-text-text-color: unquote(
|
275
|
+
"rgba(#{$color-black}, 0.54)"
|
276
|
+
) !default;
|
277
|
+
$card-border-color: rgba(0, 0, 0, 0.1) !default;
|
278
|
+
$card-subtitle-color: unquote("rgba(#{$color-black}, 0.54)") !default;
|
279
|
+
|
280
|
+
/* ========== Sliders ========== */
|
281
|
+
|
282
|
+
$range-bg-color: unquote("rgba(#{$color-black}, 0.26)") !default;
|
283
|
+
$range-color: unquote("rgb(#{$color-primary})") !default;
|
284
|
+
$range-faded-color: unquote("rgba(#{$color-primary}, 0.26)") !default;
|
285
|
+
$range-bg-focus-color: unquote("rgba(#{$color-black}, 0.12)") !default;
|
286
|
+
|
287
|
+
/* ========== Progress ========== */
|
288
|
+
$progress-main-color: unquote("rgb(#{$color-primary})") !default;
|
289
|
+
$progress-secondary-color: unquote(
|
290
|
+
"rgba(#{$color-primary-contrast}, 0.7)"
|
291
|
+
) !default;
|
292
|
+
$progress-fallback-buffer-color: unquote(
|
293
|
+
"rgba(#{$color-primary-contrast}, 0.9)"
|
294
|
+
) !default;
|
295
|
+
$progress-image-path: $image_path;
|
296
|
+
|
297
|
+
/* ========== List ========== */
|
298
|
+
|
299
|
+
$list-main-text-text-color: unquote("rgba(#{$color-black}, 0.87)") !default;
|
300
|
+
$list-supporting-text-text-color: unquote(
|
301
|
+
"rgba(#{$color-black}, 0.54)"
|
302
|
+
) !default;
|
303
|
+
$list-icon-color: unquote("rgb(#{$palette-grey-600})") !default;
|
304
|
+
$list-avatar-color: white !default;
|
305
|
+
|
306
|
+
/* ========== Item ========== */
|
307
|
+
|
308
|
+
// Default Item Colors
|
309
|
+
$default-item-text-color: unquote("rgba(#{$color-black}, 0.87)") !default;
|
310
|
+
$default-item-outline-color: unquote("rgb(#{$palette-grey-400})") !default;
|
311
|
+
$default-item-hover-bg-color: unquote("rgb(#{$palette-grey-200})") !default;
|
312
|
+
$default-item-focus-bg-color: unquote("rgb(#{$palette-grey-200})") !default;
|
313
|
+
$default-item-active-bg-color: unquote("rgb(#{$palette-grey-300})") !default;
|
314
|
+
$default-item-divider-color: unquote("rgba(#{$color-black}, 0.12)") !default;
|
315
|
+
|
316
|
+
// Disabled Button Colors
|
317
|
+
$disabled-item-text-color: unquote("rgb(#{$palette-grey-400})") !default;
|
318
|
+
|
319
|
+
/* ========== Dropdown menu ========== */
|
320
|
+
|
321
|
+
$default-dropdown-bg-color: unquote("rgb(#{$color-white})") !default;
|
322
|
+
|
323
|
+
/* ========== Tooltips ========== */
|
324
|
+
|
325
|
+
$tooltip-text-color: unquote("rgb(#{$color-white})") !default;
|
326
|
+
$tooltip-background-color: unquote("rgba(#{$palette-grey-700}, 0.9)") !default;
|
327
|
+
|
328
|
+
/* ========== Footer ========== */
|
329
|
+
|
330
|
+
$footer-bg-color: unquote("rgb(#{$palette-grey-800})") !default;
|
331
|
+
$footer-color: unquote("rgb(#{$palette-grey-500})") !default;
|
332
|
+
$footer-heading-color: unquote("rgb(#{$palette-grey-300})") !default;
|
333
|
+
$footer-button-fill-color: $footer-color !default;
|
334
|
+
$footer-underline-color: $footer-color !default;
|
335
|
+
|
336
|
+
/* TEXTFIELD */
|
337
|
+
|
338
|
+
$input-text-font-size: 16px !default;
|
339
|
+
$input-text-width: 100% !default;
|
340
|
+
$input-text-padding: 4px !default;
|
341
|
+
$input-text-vertical-spacing: 20px !default;
|
342
|
+
|
343
|
+
$input-text-button-size: 32px !default;
|
344
|
+
$input-text-floating-label-fontsize: 12px !default;
|
345
|
+
$input-text-expandable-icon-top: 16px !default;
|
346
|
+
|
347
|
+
/* SWITCH */
|
348
|
+
|
349
|
+
$switch-label-font-size: 16px !default;
|
350
|
+
$switch-label-height: 24px !default;
|
351
|
+
$switch-track-height: 14px !default;
|
352
|
+
$switch-track-length: 36px !default;
|
353
|
+
$switch-thumb-size: 20px !default;
|
354
|
+
$switch-track-top: ($switch-label-height - $switch-track-height) / 2 !default;
|
355
|
+
$switch-thumb-top: ($switch-label-height - $switch-thumb-size) / 2 !default;
|
356
|
+
$switch-ripple-size: $switch-label-height * 2 !default;
|
357
|
+
$switch-helper-size: 8px !default;
|
358
|
+
|
359
|
+
/* SPINNER */
|
360
|
+
|
361
|
+
$spinner-size: 28px !default;
|
362
|
+
$spinner-stroke-width: 3px !default;
|
363
|
+
|
364
|
+
// Amount of circle the arc takes up.
|
365
|
+
$spinner-arc-size: 270deg !default;
|
366
|
+
// Time it takes to expand and contract arc.
|
367
|
+
$spinner-arc-time: 1333ms !default;
|
368
|
+
// How much the start location of the arc should rotate each time.
|
369
|
+
$spinner-arc-start-rot: 216deg !default;
|
370
|
+
|
371
|
+
$spinner-duration: 360 * $spinner-arc-time /
|
372
|
+
(strip-units($spinner-arc-start-rot + (360deg - $spinner-arc-size)));
|
373
|
+
|
374
|
+
/* RADIO */
|
375
|
+
|
376
|
+
$radio-label-font-size: 16px !default;
|
377
|
+
$radio-label-height: 24px !default;
|
378
|
+
$radio-button-size: 16px !default;
|
379
|
+
$radio-inner-margin: $radio-button-size / 4;
|
380
|
+
$radio-padding: 8px !default;
|
381
|
+
$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;
|
382
|
+
$radio-ripple-size: 42px !default;
|
383
|
+
|
384
|
+
/* MENU */
|
385
|
+
|
386
|
+
$menu-expand-duration: 0.3s !default;
|
387
|
+
$menu-fade-duration: 0.2s !default;
|
388
|
+
|
389
|
+
/* LIST */
|
390
|
+
|
391
|
+
$list-border: 8px !default;
|
392
|
+
$list-min-height: 48px !default;
|
393
|
+
$list-min-padding: 16px !default;
|
394
|
+
$list-bottom-padding: 20px !default;
|
395
|
+
$list-avatar-text-left-distance: 72px !default;
|
396
|
+
$list-icon-text-left-distance: 72px !default;
|
397
|
+
|
398
|
+
$list-avatar-size: 40px !default;
|
399
|
+
$list-icon-size: 24px !default;
|
400
|
+
|
401
|
+
$list-two-line-height: 72px !default;
|
402
|
+
$list-three-line-height: 88px !default;
|
403
|
+
|
404
|
+
/* LAYOUT */
|
405
|
+
|
406
|
+
$layout-drawer-narrow: 240px !default;
|
407
|
+
$layout-drawer-wide: 456px !default;
|
408
|
+
$layout-drawer-width: $layout-drawer-narrow !default;
|
409
|
+
|
410
|
+
$layout-header-icon-size: 32px !default;
|
411
|
+
$layout-screen-size-threshold: 1024px !default;
|
412
|
+
$layout-header-icon-margin: 24px !default;
|
413
|
+
$layout-drawer-button-mobile-size: 32px !default;
|
414
|
+
$layout-drawer-button-desktop-size: 48px !default;
|
415
|
+
|
416
|
+
$layout-header-mobile-row-height: 56px !default;
|
417
|
+
$layout-mobile-header-height: $layout-header-mobile-row-height;
|
418
|
+
$layout-header-desktop-row-height: 64px !default;
|
419
|
+
$layout-desktop-header-height: $layout-header-desktop-row-height;
|
420
|
+
|
421
|
+
$layout-header-desktop-baseline: 80px !default;
|
422
|
+
$layout-header-mobile-baseline: 72px !default;
|
423
|
+
$layout-header-mobile-indent: 16px !default;
|
424
|
+
$layout-header-desktop-indent: 40px !default;
|
425
|
+
|
426
|
+
$layout-tab-font-size: 14px !default;
|
427
|
+
$layout-tab-bar-height: 48px !default;
|
428
|
+
$layout-tab-mobile-padding: 12px !default;
|
429
|
+
$layout-tab-desktop-padding: 24px !default;
|
430
|
+
$layout-tab-highlight-thickness: 2px !default;
|
431
|
+
|
432
|
+
/* ICON TOGGLE */
|
433
|
+
|
434
|
+
$icon-toggle-size: 32px !default;
|
435
|
+
$icon-toggle-font-size: 24px !default;
|
436
|
+
$icon-toggle-ripple-size: 36px !default;
|
437
|
+
|
438
|
+
/* FOOTER */
|
439
|
+
|
440
|
+
/*mega-footer*/
|
441
|
+
$footer-min-padding: 16px !default;
|
442
|
+
$footer-padding-sides: 40px !default;
|
443
|
+
$footer-heading-font-size: 14px !default;
|
444
|
+
$footer-heading-line-height: (1.7 * $footer-heading-font-size) !default;
|
445
|
+
$footer-btn-size: 36px !default;
|
446
|
+
|
447
|
+
/*mini-footer*/
|
448
|
+
$padding: 16px !default;
|
449
|
+
$footer-heading-font-size: 24px !default;
|
450
|
+
$footer-heading-line-height: (1.5 * $footer-heading-font-size) !default;
|
451
|
+
$footer-btn-size: 36px !default;
|
452
|
+
|
453
|
+
/* CHECKBOX */
|
454
|
+
|
455
|
+
$checkbox-label-font-size: 16px !default;
|
456
|
+
$checkbox-label-height: 24px !default;
|
457
|
+
$checkbox-button-size: 16px !default;
|
458
|
+
$checkbox-inner-margin: 2px !default;
|
459
|
+
$checkbox-padding: 8px !default;
|
460
|
+
$checkbox-top-offset: (
|
461
|
+
$checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin
|
462
|
+
) / 2;
|
463
|
+
$checkbox-ripple-size: $checkbox-label-height * 1.5;
|
464
|
+
|
465
|
+
/* CARD */
|
466
|
+
|
467
|
+
/* Card dimensions */
|
468
|
+
$card-width: 330px !default;
|
469
|
+
$card-height: 200px !default;
|
470
|
+
$card-font-size: 16px !default;
|
471
|
+
$card-title-font-size: 24px !default;
|
472
|
+
$card-subtitle-font-size: 14px !default;
|
473
|
+
$card-horizontal-padding: 16px !default;
|
474
|
+
$card-vertical-padding: 16px !default;
|
475
|
+
|
476
|
+
$card-title-perspective-origin-x: 165px !default;
|
477
|
+
$card-title-perspective-origin-y: 56px !default;
|
478
|
+
|
479
|
+
$card-title-transform-origin-x: 165px !default;
|
480
|
+
$card-title-transform-origin-y: 56px !default;
|
481
|
+
|
482
|
+
$card-title-text-transform-origin-x: 149px !default;
|
483
|
+
$card-title-text-transform-origin-y: 48px !default;
|
484
|
+
|
485
|
+
$card-supporting-text-font-size: 1rem !default;
|
486
|
+
$card-supporting-text-line-height: 18px !default;
|
487
|
+
|
488
|
+
$card-actions-font-size: 16px !default;
|
489
|
+
|
490
|
+
$card-title-text-font-weight: 300 !default;
|
491
|
+
$card-z-index: 1 !default;
|
492
|
+
|
493
|
+
/* Cover image */
|
494
|
+
$card-cover-image-height: 186px !default;
|
495
|
+
$card-background-image-url: "" !default;
|
496
|
+
|
497
|
+
/* BUTTON */
|
498
|
+
/**
|
499
|
+
*
|
500
|
+
* Dimensions
|
501
|
+
*
|
502
|
+
*/
|
503
|
+
$button-min-width: 64px !default;
|
504
|
+
$button-height: 36px !default;
|
505
|
+
$button-padding: 16px !default;
|
506
|
+
$button-margin: 4px !default;
|
507
|
+
$button-border-radius: 2px !default;
|
508
|
+
|
509
|
+
$button-fab-size: 56px !default;
|
510
|
+
$button-fab-size-mini: 40px !default;
|
511
|
+
$button-fab-font-size: 24px !default;
|
512
|
+
|
513
|
+
$button-icon-size: 32px !default;
|
514
|
+
$button-icon-size-mini: 24px !default;
|
515
|
+
|
516
|
+
/* ANIMATION */
|
517
|
+
$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
|
518
|
+
$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;
|
519
|
+
$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;
|
520
|
+
|
521
|
+
$animation-curve-default: $animation-curve-fast-out-slow-in !default;
|
522
|
+
|
523
|
+
/* PROGRESS */
|
524
|
+
$bar-height: 4px !default;
|
525
|
+
|
526
|
+
/* BADGE */
|
527
|
+
$badge-font-size: 12px !default;
|
528
|
+
$badge-color: unquote("rgb(#{$color-accent-contrast})") !default;
|
529
|
+
$badge-color-inverse: unquote("rgb(#{$color-accent})") !default;
|
530
|
+
$badge-background: unquote("rgb(#{$color-accent})") !default;
|
531
|
+
$badge-background-inverse: unquote(
|
532
|
+
"rgba(#{$color-accent-contrast},0.2)"
|
533
|
+
) !default;
|
534
|
+
$badge-size: 22px !default;
|
535
|
+
$badge-padding: 2px !default;
|
536
|
+
$badge-overlap: 12px !default;
|
537
|
+
|
538
|
+
/* SHADOWS */
|
539
|
+
|
540
|
+
$shadow-key-umbra-opacity: 0.2 !default;
|
541
|
+
$shadow-key-penumbra-opacity: 0.14 !default;
|
542
|
+
$shadow-ambient-shadow-opacity: 0.12 !default;
|
543
|
+
|
544
|
+
/* GRID */
|
545
|
+
|
546
|
+
$grid-desktop-columns: 12 !default;
|
547
|
+
$grid-desktop-gutter: 16px !default;
|
548
|
+
$grid-desktop-margin: 16px !default;
|
549
|
+
|
550
|
+
$grid-desktop-breakpoint: 840px !default;
|
551
|
+
|
552
|
+
$grid-tablet-columns: 8 !default;
|
553
|
+
$grid-tablet-gutter: $grid-desktop-gutter !default;
|
554
|
+
$grid-tablet-margin: $grid-desktop-margin !default;
|
555
|
+
|
556
|
+
$grid-tablet-breakpoint: 480px !default;
|
557
|
+
|
558
|
+
$grid-phone-columns: 4 !default;
|
559
|
+
$grid-phone-gutter: $grid-desktop-gutter !default;
|
560
|
+
$grid-phone-margin: $grid-desktop-margin !default;
|
561
|
+
|
562
|
+
$grid-cell-default-columns: $grid-phone-columns !default;
|
563
|
+
$grid-max-columns: $grid-desktop-columns !default;
|
564
|
+
|
565
|
+
/* DATA TABLE */
|
566
|
+
|
567
|
+
$data-table-font-size: 13px !default;
|
568
|
+
$data-table-header-font-size: 12px !default;
|
569
|
+
$data-table-header-sort-icon-size: 16px !default;
|
570
|
+
|
571
|
+
$data-table-header-color: rgba(#000, 0.54) !default;
|
572
|
+
$data-table-header-sorted-color: rgba(#000, 0.87) !default;
|
573
|
+
$data-table-header-sorted-icon-hover-color: rgba(#000, 0.26) !default;
|
574
|
+
$data-table-divider-color: rgba(#000, 0.12) !default;
|
575
|
+
|
576
|
+
$data-table-hover-color: #eeeeee !default;
|
577
|
+
$data-table-selection-color: #e0e0e0 !default;
|
578
|
+
|
579
|
+
$data-table-dividers: 1px solid $data-table-divider-color !default;
|
580
|
+
|
581
|
+
$data-table-row-height: 48px !default;
|
582
|
+
$data-table-last-row-height: 56px !default;
|
583
|
+
$data-table-header-height: 56px !default;
|
584
|
+
|
585
|
+
$data-table-column-spacing: 36px !default;
|
586
|
+
$data-table-column-padding: $data-table-column-spacing / 2;
|
587
|
+
|
588
|
+
$data-table-card-header-height: 64px !default;
|
589
|
+
$data-table-card-title-top: 20px !default;
|
590
|
+
$data-table-card-padding: 24px !default;
|
591
|
+
$data-table-button-padding-right: 16px !default;
|
592
|
+
$data-table-cell-top: $data-table-card-padding / 2;
|
593
|
+
|
594
|
+
/* DIALOG */
|
595
|
+
$dialog-content-color: $card-supporting-text-text-color;
|
596
|
+
|
597
|
+
/* SNACKBAR */
|
598
|
+
|
599
|
+
// Hard coded since the color is not present in any palette.
|
600
|
+
$snackbar-background-color: #323232 !default;
|
601
|
+
$snackbar-tablet-breakpoint: $grid-tablet-breakpoint;
|
602
|
+
$snackbar-action-color: unquote("rgb(#{$color-accent})") !default;
|
603
|
+
|
604
|
+
/* TOOLTIP */
|
605
|
+
$tooltip-font-size: 10px !default;
|
606
|
+
$tooltip-font-size-large: 14px !default;
|
607
|
+
|
608
|
+
/* CHIP */
|
609
|
+
$chip-bg-color: rgb(222, 222, 222) !default;
|
610
|
+
$chip-bg-active-color: rgb(214, 214, 214) !default;
|
611
|
+
$chip-height: 32px !default;
|
612
|
+
$chip-font-size: 13px !default;
|