@appartmint/mint 0.12.12 → 0.12.14
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.
- package/dist/css/mint.css +21 -17
- package/dist/css/mint.css.map +1 -1
- package/dist/css/mint.min.css +1 -1
- package/dist/css/mint.min.css.map +1 -1
- package/dist/js/imports/components/header.d.ts +2 -2
- package/dist/js/imports/components/header.d.ts.map +1 -1
- package/dist/js/index.js +9 -5
- package/dist/js/index.js.map +1 -1
- package/dist/js/index.min.js +1 -1
- package/dist/js/index.min.js.map +1 -1
- package/package.json +3 -2
- package/src/scss/imports/components/_header.scss +32 -16
- package/src/scss/imports/util/_vars.scss +38 -16
|
@@ -4,9 +4,6 @@
|
|
|
4
4
|
/// @group Vars
|
|
5
5
|
@charset 'utf-8';
|
|
6
6
|
|
|
7
|
-
/// Default theme
|
|
8
|
-
$theme-default: light !default;
|
|
9
|
-
|
|
10
7
|
/// Global Colors
|
|
11
8
|
$bitcoin: #FF9900;
|
|
12
9
|
$ethereum: #3C3C3D;
|
|
@@ -87,13 +84,6 @@ $border-radius: 1rem !default;
|
|
|
87
84
|
|
|
88
85
|
/// Header
|
|
89
86
|
$header-height: 4rem !default;
|
|
90
|
-
$header-bg: brand-2 !default;
|
|
91
|
-
$header-fg: fore !default;
|
|
92
|
-
|
|
93
|
-
@if ($theme-default == dark) {
|
|
94
|
-
$header-bg: brand-4;
|
|
95
|
-
$header-fg: back;
|
|
96
|
-
}
|
|
97
87
|
|
|
98
88
|
/// Default Shadows
|
|
99
89
|
$shadow-color: glow-2 !default;
|
|
@@ -120,12 +110,6 @@ $btn-fore: fore !default;
|
|
|
120
110
|
$btn-fore-alt: $btn-fore !default;
|
|
121
111
|
$btn-fore-hover: back !default;
|
|
122
112
|
$btn-fore-alt-hover: $btn-fore-hover !default;
|
|
123
|
-
$btn-back: brand-2 !default;
|
|
124
|
-
$btn-border: brand-4 !default;
|
|
125
|
-
@if ($theme-default == dark) {
|
|
126
|
-
$btn-back: brand-2;
|
|
127
|
-
$btn-border: brand-4;
|
|
128
|
-
}
|
|
129
113
|
$btn-back-alt: trans !default;
|
|
130
114
|
$btn-back-alt-hover: accent-2 !default;
|
|
131
115
|
|
|
@@ -158,3 +142,41 @@ $texture-border-color: null !default;
|
|
|
158
142
|
$texture-border-image: null !default;
|
|
159
143
|
$texture-border-slice: 42 42 !default;
|
|
160
144
|
$texture-border-repeat: round !default;
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
/// Themes
|
|
148
|
+
$theme-default: light !default;
|
|
149
|
+
|
|
150
|
+
/// Default Theme (light)
|
|
151
|
+
|
|
152
|
+
/// Buttons
|
|
153
|
+
$btn-back-default: brand-2;
|
|
154
|
+
$btn-back: $btn-back-default !default;
|
|
155
|
+
|
|
156
|
+
$btn-border-default: brand-4;
|
|
157
|
+
$btn-border: $btn-border-default !default;
|
|
158
|
+
|
|
159
|
+
/// Header
|
|
160
|
+
$header-back-default: brand-2;
|
|
161
|
+
$header-back: $header-back-default !default;
|
|
162
|
+
|
|
163
|
+
$header-fore-default: fore;
|
|
164
|
+
$header-fore: $header-fore-default !default;
|
|
165
|
+
|
|
166
|
+
$header-link-fore-default: fore;
|
|
167
|
+
$header-link-fore: $header-link-fore-default !default;
|
|
168
|
+
|
|
169
|
+
$header-link-fore-hover-default: back;
|
|
170
|
+
$header-link-fore-hover: $header-link-fore-hover-default !default;
|
|
171
|
+
|
|
172
|
+
/// Dark Theme
|
|
173
|
+
@if ($theme-default == dark) {
|
|
174
|
+
|
|
175
|
+
/// Buttons
|
|
176
|
+
$btn-back: if($btn-back != $btn-back-default, $btn-back, brand-5);
|
|
177
|
+
$btn-border: if($btn-border != $btn-border-default, $btn-border, brand-2);
|
|
178
|
+
|
|
179
|
+
/// Header
|
|
180
|
+
$header-back: if($header-back != $header-back-default, $header-back, brand-4);
|
|
181
|
+
$header-fore: if($header-fore != $header-fore-default, $header-fore, back);
|
|
182
|
+
}
|