website-utilities 1.0.286 → 1.0.288
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/_fonts.scss +150 -0
- package/_variables.scss +34 -0
- package/index.scss +358 -0
- package/package.json +6 -3
package/_fonts.scss
ADDED
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
/** region open sans */
|
|
2
|
+
/*** region light */
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: open-sans;
|
|
5
|
+
/* stylelint-disable property-no-unknown */
|
|
6
|
+
font-path: "fonts/open-sans/light/open-sans-light";
|
|
7
|
+
/* stylelint-enable property-no-unknown */
|
|
8
|
+
font-weight: 300;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
}
|
|
11
|
+
/*** endregion */
|
|
12
|
+
/*** region light italic */
|
|
13
|
+
@font-face {
|
|
14
|
+
font-family: open-sans;
|
|
15
|
+
/* stylelint-disable property-no-unknown */
|
|
16
|
+
font-path: "fonts/open-sans/light-italic/open-sans-light-italic";
|
|
17
|
+
/* stylelint-enable property-no-unknown */
|
|
18
|
+
font-weight: 300;
|
|
19
|
+
font-style: italic;
|
|
20
|
+
}
|
|
21
|
+
/*** endregion */
|
|
22
|
+
/*** region regular */
|
|
23
|
+
@font-face {
|
|
24
|
+
font-family: open-sans;
|
|
25
|
+
/* stylelint-disable property-no-unknown */
|
|
26
|
+
font-path: "fonts/open-sans/regular/open-sans-regular";
|
|
27
|
+
/* stylelint-enable property-no-unknown */
|
|
28
|
+
font-weight: normal;
|
|
29
|
+
font-style: normal;
|
|
30
|
+
}
|
|
31
|
+
/*** endregion */
|
|
32
|
+
/*** region italic */
|
|
33
|
+
@font-face {
|
|
34
|
+
font-family: open-sans;
|
|
35
|
+
/* stylelint-disable property-no-unknown */
|
|
36
|
+
font-path: "fonts/open-sans/italic/open-sans-italic";
|
|
37
|
+
/* stylelint-enable property-no-unknown */
|
|
38
|
+
font-weight: normal;
|
|
39
|
+
font-style: italic;
|
|
40
|
+
}
|
|
41
|
+
/*** endregion */
|
|
42
|
+
/*** region semi-bold */
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: open-sans;
|
|
45
|
+
/* stylelint-disable property-no-unknown */
|
|
46
|
+
font-path: "fonts/open-sans/semi-bold/open-sans-semi-bold";
|
|
47
|
+
/* stylelint-enable property-no-unknown */
|
|
48
|
+
font-weight: 600;
|
|
49
|
+
font-style: normal;
|
|
50
|
+
}
|
|
51
|
+
/*** endregion */
|
|
52
|
+
/*** region semi-bold italic */
|
|
53
|
+
@font-face {
|
|
54
|
+
font-family: open-sans;
|
|
55
|
+
/* stylelint-disable property-no-unknown */
|
|
56
|
+
font-path: "fonts/open-sans/semi-bold-italic/open-sans-semi-bold-italic";
|
|
57
|
+
/* stylelint-enable property-no-unknown */
|
|
58
|
+
font-weight: 600;
|
|
59
|
+
font-style: italic;
|
|
60
|
+
}
|
|
61
|
+
/*** endregion */
|
|
62
|
+
/*** region bold */
|
|
63
|
+
@font-face {
|
|
64
|
+
font-family: open-sans;
|
|
65
|
+
/* stylelint-disable property-no-unknown */
|
|
66
|
+
font-path: "fonts/open-sans/bold/open-sans-bold";
|
|
67
|
+
/* stylelint-enable property-no-unknown */
|
|
68
|
+
font-weight: bold;
|
|
69
|
+
font-style: normal;
|
|
70
|
+
}
|
|
71
|
+
/*** endregion */
|
|
72
|
+
/*** region bold italic */
|
|
73
|
+
@font-face {
|
|
74
|
+
font-family: open-sans;
|
|
75
|
+
/* stylelint-disable property-no-unknown */
|
|
76
|
+
font-path: "fonts/open-sans/bold-italic/open-sans-bold-italic";
|
|
77
|
+
/* stylelint-enable property-no-unknown */
|
|
78
|
+
font-weight: bold;
|
|
79
|
+
font-style: italic;
|
|
80
|
+
}
|
|
81
|
+
/*** endregion */
|
|
82
|
+
/*** region extrabold */
|
|
83
|
+
@font-face {
|
|
84
|
+
font-family: open-sans;
|
|
85
|
+
/* stylelint-disable property-no-unknown */
|
|
86
|
+
font-path: "fonts/open-sans/extra-bold/open-sans-extra-bold";
|
|
87
|
+
/* stylelint-enable property-no-unknown */
|
|
88
|
+
font-weight: 800;
|
|
89
|
+
font-style: normal;
|
|
90
|
+
}
|
|
91
|
+
/*** endregion */
|
|
92
|
+
/*** region extrabold italic */
|
|
93
|
+
@font-face {
|
|
94
|
+
font-family: open-sans;
|
|
95
|
+
/* stylelint-disable property-no-unknown */
|
|
96
|
+
font-path: "fonts/open-sans/extra-bold-italic/open-sans-extra-bold-italic";
|
|
97
|
+
/* stylelint-enable property-no-unknown */
|
|
98
|
+
font-weight: 800;
|
|
99
|
+
font-style: italic;
|
|
100
|
+
}
|
|
101
|
+
/*** endregion */
|
|
102
|
+
/** endregion */
|
|
103
|
+
/** region open sans condensed */
|
|
104
|
+
/*** region bold */
|
|
105
|
+
@font-face {
|
|
106
|
+
font-family: open-sans-condensed;
|
|
107
|
+
/* stylelint-disable property-no-unknown */
|
|
108
|
+
font-path: "fonts/open-sans-condensed/condensed-bold/open-sans-condensed-bold";
|
|
109
|
+
/* stylelint-enable property-no-unknown */
|
|
110
|
+
font-weight: bold;
|
|
111
|
+
font-style: normal;
|
|
112
|
+
}
|
|
113
|
+
/*** endregion */
|
|
114
|
+
/*** region open sans light */
|
|
115
|
+
@font-face {
|
|
116
|
+
font-family: open-sans-condensed;
|
|
117
|
+
/* stylelint-disable property-no-unknown */
|
|
118
|
+
font-path: "fonts/open-sans-condensed/condensed-light/open-sans-condensed-light";
|
|
119
|
+
/* stylelint-enable property-no-unknown */
|
|
120
|
+
font-weight: 300;
|
|
121
|
+
font-style: normal;
|
|
122
|
+
}
|
|
123
|
+
/*** endregion */
|
|
124
|
+
/*** region open sans italic */
|
|
125
|
+
@font-face {
|
|
126
|
+
font-family: open-sans-condensed;
|
|
127
|
+
/* stylelint-disable property-no-unknown */
|
|
128
|
+
font-path: "fonts/open-sans-condensed/condensed-light-italic/open-sans-condensed-light-italic";
|
|
129
|
+
/* stylelint-enable property-no-unknown */
|
|
130
|
+
font-weight: 300;
|
|
131
|
+
font-style: italic;
|
|
132
|
+
}
|
|
133
|
+
/*** endregion */
|
|
134
|
+
/** endregion */
|
|
135
|
+
/** region glyphicons halflings */
|
|
136
|
+
@font-face {
|
|
137
|
+
font-family: "Glyphicons Halflings";
|
|
138
|
+
/* stylelint-disable property-no-unknown */
|
|
139
|
+
font-path: "fonts/glyphicons-halflings/glyphicons-halflings-regular";
|
|
140
|
+
/* stylelint-enable property-no-unknown */
|
|
141
|
+
}
|
|
142
|
+
/** endregion */
|
|
143
|
+
/** region glyphicons social regular */
|
|
144
|
+
@font-face {
|
|
145
|
+
font-family: "Glyphicons Social Regular";
|
|
146
|
+
/* stylelint-disable property-no-unknown */
|
|
147
|
+
font-path: "fonts/glyphicons-halflings/glyphicons-halflings-social-regular";
|
|
148
|
+
/* stylelint-enable property-no-unknown */
|
|
149
|
+
}
|
|
150
|
+
/** endregion */
|
package/_variables.scss
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* colors */
|
|
2
|
+
$theme-background: #fff !default;
|
|
3
|
+
$theme-primary: #76b82a !default;
|
|
4
|
+
$theme-on-primary: #f0f6fc !default;
|
|
5
|
+
$theme-secondary: #238636 !default;
|
|
6
|
+
$theme-on-secondary: #d6e9da !default;
|
|
7
|
+
$theme-error: #723637 !default;
|
|
8
|
+
$theme-on-error: #fff !default;
|
|
9
|
+
$theme-surface: #21262d !default;
|
|
10
|
+
$theme-on-surface: #bbc2ca !default;
|
|
11
|
+
/* typography */
|
|
12
|
+
/*
|
|
13
|
+
NOTE: Browser has default "font-size" of "16px". We shouldn't overwrite
|
|
14
|
+
this behaviour.
|
|
15
|
+
|
|
16
|
+
Fallback order:
|
|
17
|
+
|
|
18
|
+
Arial
|
|
19
|
+
Helvetica
|
|
20
|
+
Lucida Sans
|
|
21
|
+
Tahoma
|
|
22
|
+
Trebuchet MS
|
|
23
|
+
Verdana
|
|
24
|
+
*/
|
|
25
|
+
$typography-font-family: "Open Sans", open-sans, sans-serif !default;
|
|
26
|
+
$typography-font-family-headline: "Open Sans Condensed", open-sans-condensed, sans-serif !default;
|
|
27
|
+
$typography-font-family-social: "Glyphicons Halflings", sans-serif !default;
|
|
28
|
+
/* spaces */
|
|
29
|
+
$default-space: 20px !default;
|
|
30
|
+
$extra-extra-small-width: 360px !default;
|
|
31
|
+
$extra-small-width: 500px !default;
|
|
32
|
+
$small-width: 768px !default;
|
|
33
|
+
$medium-width: 992px !default;
|
|
34
|
+
$large-width: 1200px !default;
|
package/index.scss
ADDED
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
/* !/usr/bin/env css
|
|
2
|
+
-*- coding: utf-8 -*- */
|
|
3
|
+
/* region header
|
|
4
|
+
Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
|
|
5
|
+
|
|
6
|
+
License
|
|
7
|
+
-------
|
|
8
|
+
|
|
9
|
+
This library written by Torben Sickert stand under a creative commons naming
|
|
10
|
+
3.0 unported license. See https://creativecommons.org/licenses/by/3.0/deed.de
|
|
11
|
+
endregion */
|
|
12
|
+
@use "fonts";
|
|
13
|
+
@use "variables" as v;
|
|
14
|
+
|
|
15
|
+
:root {
|
|
16
|
+
/* region custom-properties */
|
|
17
|
+
--w-default-space: v.$default-space;
|
|
18
|
+
/** region dimensions */
|
|
19
|
+
--w-extra-extra-small-width: v.$extra-extra-small-width;
|
|
20
|
+
--w-extra-small-width: v.$extra-small-width;
|
|
21
|
+
--w-small-width: v.$small-width;
|
|
22
|
+
--w-medium-width: v.$medium-width;
|
|
23
|
+
--w-large-width: v.$large-width;
|
|
24
|
+
/*** region extra small dimension */
|
|
25
|
+
@custom-media --w-extra-extra-small (min-width: v.$extra-extra-small-width);
|
|
26
|
+
@custom-media --w-extra-small (min-width: v.$extra-small-width));
|
|
27
|
+
/*** endregion */
|
|
28
|
+
/*** region default media query dimensions */
|
|
29
|
+
@custom-media --w-small (min-width: v.$small-width);
|
|
30
|
+
@custom-media --medium (min-width: v.$medium-width);
|
|
31
|
+
@custom-media --large (min-width: v.$large-width);
|
|
32
|
+
/*** endregion */
|
|
33
|
+
/** endregion */
|
|
34
|
+
/** region color */
|
|
35
|
+
--w-background-color: v.$theme-background;
|
|
36
|
+
--w-theme-primary: $theme-primary;
|
|
37
|
+
--w-theme-on-primary: $theme-on-primary;
|
|
38
|
+
--w-theme-secondary: $theme-secondary;
|
|
39
|
+
--w-theme-on-secondary: $theme-on-secondary;
|
|
40
|
+
--w-theme-error: $theme-error;
|
|
41
|
+
--w-theme-on-error: $theme-on-error;
|
|
42
|
+
--w-theme-surface: $theme-surface;
|
|
43
|
+
--w-theme-on-surface: $theme-on-surface;
|
|
44
|
+
/** endregion */
|
|
45
|
+
/** region font */
|
|
46
|
+
--w-font-family: $typography-font-family;
|
|
47
|
+
--w-font-family-headline: $typography-font-family-headline;
|
|
48
|
+
/** endregion */
|
|
49
|
+
/* endregion */
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.wu {
|
|
53
|
+
margin: 0;
|
|
54
|
+
|
|
55
|
+
font-family: var(--w-font-family, v.$typography-font-family);
|
|
56
|
+
font-size: 14px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.wu-lang-replacement,
|
|
60
|
+
.wu lang-replacement {
|
|
61
|
+
display: none;
|
|
62
|
+
}
|
|
63
|
+
/* region generic dom nodes */
|
|
64
|
+
/** region headline */
|
|
65
|
+
.wu-h1,
|
|
66
|
+
.wu h1,
|
|
67
|
+
.wu-h2,
|
|
68
|
+
.wu h2,
|
|
69
|
+
.wu-h3,
|
|
70
|
+
.wu h3,
|
|
71
|
+
.wu-h4,
|
|
72
|
+
.wu h4,
|
|
73
|
+
.wu-h5,
|
|
74
|
+
.wu h5,
|
|
75
|
+
.wu-h6,
|
|
76
|
+
.wu h6 {
|
|
77
|
+
font-family: var(--w-font-family, v.$typography-font-family);
|
|
78
|
+
line-height: 1.1;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.wu-h1,
|
|
82
|
+
.wu h1,
|
|
83
|
+
.wu-h2,
|
|
84
|
+
.wu h2 {
|
|
85
|
+
font-family: var(--w-font-family-headline, v.$typography-font-family-headline);
|
|
86
|
+
font-weight: normal;
|
|
87
|
+
font-size: 3em;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.wu-h2,
|
|
91
|
+
.wu h2 {
|
|
92
|
+
font-size: 2em;
|
|
93
|
+
}
|
|
94
|
+
/** endregion */
|
|
95
|
+
/** region link */
|
|
96
|
+
a.wu-a,
|
|
97
|
+
.wu a,
|
|
98
|
+
a.wu-a:hover,
|
|
99
|
+
.wu a:hover,
|
|
100
|
+
a.wu-a:focus,
|
|
101
|
+
.wu a:focus,
|
|
102
|
+
a.wu-a:visited,
|
|
103
|
+
.wu a:visited {
|
|
104
|
+
outline: none;
|
|
105
|
+
text-decoration: none;
|
|
106
|
+
}
|
|
107
|
+
/** endregion */
|
|
108
|
+
/* endregion */
|
|
109
|
+
/* region generic classes */
|
|
110
|
+
/* Disables and hides a scrolling and scrollbar. */
|
|
111
|
+
.tools-disable-scrolling {
|
|
112
|
+
height: 100% !important;
|
|
113
|
+
overflow: hidden !important;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.wu-action,
|
|
117
|
+
.wu .action {
|
|
118
|
+
cursor: pointer;
|
|
119
|
+
}
|
|
120
|
+
/* Overlay the whole page till everything is loaded completely. */
|
|
121
|
+
.wu-window-loading-cover,
|
|
122
|
+
.wu .window-loading-cover {
|
|
123
|
+
background-color: var(--w-background-color, v.$theme-background);
|
|
124
|
+
/* always cover full viewport */
|
|
125
|
+
position: fixed;
|
|
126
|
+
height: 100%;
|
|
127
|
+
width: 100%;
|
|
128
|
+
z-index: 1002 !important;
|
|
129
|
+
|
|
130
|
+
& > div {
|
|
131
|
+
/* Positioning the loading spinner in center in the loading overlay. */
|
|
132
|
+
position: absolute;
|
|
133
|
+
top: 50%;
|
|
134
|
+
left: 50%;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
/** region icons */
|
|
138
|
+
.wu-icon,
|
|
139
|
+
.wu .icon,
|
|
140
|
+
.wu-icon-social,
|
|
141
|
+
.wu .icon-social {
|
|
142
|
+
font-family: var(--w-font-family-social, v.$typography-font-family-social);
|
|
143
|
+
font-style: normal;
|
|
144
|
+
font-weight: 400;
|
|
145
|
+
|
|
146
|
+
line-height: 1;
|
|
147
|
+
|
|
148
|
+
display: inline-block;
|
|
149
|
+
position: relative;
|
|
150
|
+
|
|
151
|
+
text-decoration: none;
|
|
152
|
+
|
|
153
|
+
top: 1px;
|
|
154
|
+
vertical-align: middle;
|
|
155
|
+
|
|
156
|
+
zoom: 1;
|
|
157
|
+
|
|
158
|
+
-webkit-font-smoothing: antialiased;
|
|
159
|
+
-moz-osx-font-smoothing: grayscale;
|
|
160
|
+
|
|
161
|
+
&::before {
|
|
162
|
+
font-family: var(--w-font-family-social, v.$typography-font-family-social);
|
|
163
|
+
|
|
164
|
+
display: inline-block;
|
|
165
|
+
|
|
166
|
+
left: 0;
|
|
167
|
+
margin: 0 5px 0 0;
|
|
168
|
+
position: absolute;
|
|
169
|
+
top: 0;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.wu-icon,
|
|
174
|
+
.wu .icon {
|
|
175
|
+
&-arrow-left::before { content: "\E091"; }
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.wu-icon-social,
|
|
179
|
+
.wu .icon-social {
|
|
180
|
+
&::before {
|
|
181
|
+
font: 24px/1em "Glyphicons Social Regular", sans-serif;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
&-white::before { color: #fff; }
|
|
185
|
+
&-pinterest::before { content: "\E001"; }
|
|
186
|
+
&-dropbox::before { content: "\E002"; }
|
|
187
|
+
&-google_plus::before { content: "\E003"; }
|
|
188
|
+
&-jolicloud::before { content: "\E004"; }
|
|
189
|
+
&-yahoo::before { content: "\E005"; }
|
|
190
|
+
&-blogger::before { content: "\E006"; }
|
|
191
|
+
&-picasa::before { content: "\E007"; }
|
|
192
|
+
&-amazon::before { content: "\E008"; }
|
|
193
|
+
&-tumblr::before { content: "\E009"; }
|
|
194
|
+
&-wordpress::before { content: "\E010"; }
|
|
195
|
+
&-instapaper::before { content: "\E011"; }
|
|
196
|
+
&-evernote::before { content: "\E012"; }
|
|
197
|
+
&-xing::before { content: "\E013"; }
|
|
198
|
+
&-zootool::before { content: "\E014"; }
|
|
199
|
+
&-dribbble::before { content: "\E015"; }
|
|
200
|
+
&-deviantart::before { content: "\E016"; }
|
|
201
|
+
&-read_it_later::before { content: "\E017"; }
|
|
202
|
+
&-linked_in::before { content: "\E018"; }
|
|
203
|
+
&-forrst::before { content: "\E019"; }
|
|
204
|
+
&-pinboard::before { content: "\E020"; }
|
|
205
|
+
&-behance::before { content: "\E021"; }
|
|
206
|
+
&-github::before { content: "\E022"; }
|
|
207
|
+
&-youtube::before { content: "\E023"; }
|
|
208
|
+
&-skitch::before { content: "\E024"; }
|
|
209
|
+
&-foursquare::before { content: "\E025"; }
|
|
210
|
+
&-quora::before { content: "\E026"; }
|
|
211
|
+
&-badoo::before { content: "\E027"; }
|
|
212
|
+
&-spotify::before { content: "\E028"; }
|
|
213
|
+
&-stumbleupon::before { content: "\E029"; }
|
|
214
|
+
&-readability::before { content: "\E030"; }
|
|
215
|
+
&-facebook::before { content: "\E031"; }
|
|
216
|
+
&-twitter::before { content: "\E032"; }
|
|
217
|
+
&-instagram::before { content: "\E033"; }
|
|
218
|
+
&-posterous_spaces::before { content: "\E034"; }
|
|
219
|
+
&-vimeo::before { content: "\E035"; }
|
|
220
|
+
&-flickr::before { content: "\E036"; }
|
|
221
|
+
&-last_fm::before { content: "\E037"; }
|
|
222
|
+
&-rss::before { content: "\E038"; }
|
|
223
|
+
&-skype::before { content: "\E039"; }
|
|
224
|
+
&-e-mail::before { content: "\E040"; }
|
|
225
|
+
&-vine::before { content: "\E041"; }
|
|
226
|
+
&-myspace::before { content: "\E042"; }
|
|
227
|
+
&-goodreads::before { content: "\E043"; }
|
|
228
|
+
&-apple::before { content: "\F8FF"; }
|
|
229
|
+
&-windows::before { content: "\E045"; }
|
|
230
|
+
&-yelp::before { content: "\E046"; }
|
|
231
|
+
&-playstation::before { content: "\E047"; }
|
|
232
|
+
&-xbox::before { content: "\E048"; }
|
|
233
|
+
&-android::before { content: "\E049"; }
|
|
234
|
+
&-ios::before { content: "\E050"; }
|
|
235
|
+
}
|
|
236
|
+
/** endregion */
|
|
237
|
+
/** region form */
|
|
238
|
+
/*** region styled select */
|
|
239
|
+
.wu-select,
|
|
240
|
+
.wu .select {
|
|
241
|
+
position: relative;
|
|
242
|
+
|
|
243
|
+
&__arrow {
|
|
244
|
+
position: absolute;
|
|
245
|
+
top: 3px;
|
|
246
|
+
right: 15px;
|
|
247
|
+
pointer-events: none;
|
|
248
|
+
|
|
249
|
+
& span {
|
|
250
|
+
vertical-align: bottom;
|
|
251
|
+
font-size: 10px;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
& select {
|
|
256
|
+
position: initial !important;
|
|
257
|
+
padding-left: 7px !important;
|
|
258
|
+
padding-right: 25px !important;
|
|
259
|
+
/* hide default down arrow in IE10 */
|
|
260
|
+
&::-ms-expand { display: none; }
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
/*** endregion */
|
|
264
|
+
/*** region styled checkbox */
|
|
265
|
+
.wu-checkbox,
|
|
266
|
+
.wu .checkbox {
|
|
267
|
+
margin-top: 2px;
|
|
268
|
+
padding-top: 3px;
|
|
269
|
+
|
|
270
|
+
& label {
|
|
271
|
+
padding-left: 40px;
|
|
272
|
+
|
|
273
|
+
& .checkbox__wrapper {
|
|
274
|
+
margin-top: -2px;
|
|
275
|
+
margin-left: -40px;
|
|
276
|
+
position: absolute;
|
|
277
|
+
|
|
278
|
+
& .checkbox__wrapper__styled {
|
|
279
|
+
border-radius: 4px;
|
|
280
|
+
border: 2px solid var(--w-theme-primary, v.$theme-primary);
|
|
281
|
+
cursor: pointer;
|
|
282
|
+
float: right;
|
|
283
|
+
height: 25px;
|
|
284
|
+
padding: 0;
|
|
285
|
+
width: 25px;
|
|
286
|
+
|
|
287
|
+
& .checkbox__wrapper__styled__checked {
|
|
288
|
+
background: transparent;
|
|
289
|
+
border: 3px solid var(--w-theme-on-primary, v.$theme-on-primary);
|
|
290
|
+
border-top: none;
|
|
291
|
+
border-right: none;
|
|
292
|
+
height: 8px;
|
|
293
|
+
left: 4px;
|
|
294
|
+
opacity: 0;
|
|
295
|
+
position: absolute;
|
|
296
|
+
top: 5px;
|
|
297
|
+
transform: rotate(-45deg);
|
|
298
|
+
width: 13px;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
& input[type="checkbox"] {
|
|
303
|
+
display: none;
|
|
304
|
+
|
|
305
|
+
&:checked ~ .checkbox-styled > .checkbox-styled-checked {
|
|
306
|
+
opacity: 1;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
&:disabled ~ .checkbox-styled {
|
|
310
|
+
background-color: var(--w-theme-surface, v.$theme-surface);
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
/*** endregion */
|
|
317
|
+
/** endregion */
|
|
318
|
+
/* endregion */
|
|
319
|
+
/* Initially hide/show javaScript dependent dom nodes. */
|
|
320
|
+
.tools-hidden-on-javascript-enabled { display: none; }
|
|
321
|
+
.tools-visible-on-javascript-enabled { display: initial; }
|
|
322
|
+
/* region spinner animation */
|
|
323
|
+
@keyframes spinner-line-fade-more {
|
|
324
|
+
0%,
|
|
325
|
+
100% {
|
|
326
|
+
opacity: 0;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
1% {
|
|
330
|
+
opacity: 1;
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
@keyframes spinner-line-fade-quick {
|
|
334
|
+
0%,
|
|
335
|
+
39%,
|
|
336
|
+
100% {
|
|
337
|
+
opacity: 0.25;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
40% {
|
|
341
|
+
opacity: 1;
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
@keyframes spinner-line-fade-default {
|
|
345
|
+
0%,
|
|
346
|
+
100% {
|
|
347
|
+
opacity: 0.22;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
1% {
|
|
351
|
+
opacity: 1;
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
/* endregion */
|
|
355
|
+
/* region vim modline
|
|
356
|
+
vim: set tabstop=4 shiftwidth=4 expandtab:
|
|
357
|
+
vim: foldmethod=marker foldmarker=region,endregion:
|
|
358
|
+
endregion */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "website-utilities",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.288",
|
|
4
4
|
"description": "extend your web app",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jquery",
|
|
@@ -21,12 +21,15 @@
|
|
|
21
21
|
"files": [
|
|
22
22
|
"deploy.d.ts",
|
|
23
23
|
"deploy.js",
|
|
24
|
+
"index.compiled.css",
|
|
24
25
|
"index.d.ts",
|
|
25
26
|
"index.js",
|
|
26
|
-
"index.
|
|
27
|
+
"index.scss",
|
|
27
28
|
"fonts",
|
|
28
29
|
"fonts.compiled",
|
|
29
|
-
"type.d.ts"
|
|
30
|
+
"type.d.ts",
|
|
31
|
+
"_fonts.scss",
|
|
32
|
+
"_variables.scss"
|
|
30
33
|
],
|
|
31
34
|
"bin": {
|
|
32
35
|
"website-utilities": "deploy.js"
|