viniBaxter-spa_landing 0.9 → 10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/viniBaxter/sass/bootstrap/_buttons.scss +2 -2
- data/lib/viniBaxter/sass/bootstrap/_forms.scss +29 -12
- data/lib/viniBaxter/sass/bootstrap/_grid.scss +1 -2
- data/lib/viniBaxter/sass/bootstrap/_navbar.scss +1 -7
- data/lib/viniBaxter/sass/bootstrap/_reboot.scss +49 -21
- data/lib/viniBaxter/sass/bootstrap/_type.scss +37 -13
- data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -1
- data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -1
- data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +5 -2
- data/lib/viniBaxter/sass/spa_landing/theme/_landin-page.scss +39 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_navbar.scss +4 -1
- data/lib/viniBaxter/sass/spa_landing/theme/_navbar_creative.scss +38 -7
- data/lib/viniBaxter/sass/spa_landing/theme/_theme-basic-nav.scss +6 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_theme.scss +7 -0
- data/lib/viniBaxter/sass/spa_landing/theme/_type.scss +7 -8
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_1068.scss +44 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_735.scss +56 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_OS_style.scss +211 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_index.scss +3 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_os_card.scss +152 -0
- data/lib/viniBaxter/sass/spa_landing/theme/iOS/_safari__blur__effect.scss +50 -0
- data/lib/viniBaxter/sass/spa_landing/theme/mixins/_navbar.scss +45 -25
- data/lib/viniBaxter/spa_landing/version.rb +1 -1
- metadata +9 -3
- data/lib/viniBaxter/sass/bootstrap/_functions.scss +0 -164
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
.section-card-tiles {
|
|
2
|
+
margin: 0 auto;
|
|
3
|
+
max-width: 1440px;
|
|
4
|
+
|
|
5
|
+
@include media-breakpoint-up(lg) {
|
|
6
|
+
top: 110px;
|
|
7
|
+
position: relative;
|
|
8
|
+
}
|
|
9
|
+
.cards-tiles-list {
|
|
10
|
+
padding: 0px;
|
|
11
|
+
list-style: none;
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-wrap: wrap;
|
|
14
|
+
margin: 0px 30px 30px 30px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.card-tile {
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
max-width: 50%;
|
|
20
|
+
flex-basis: 50%;
|
|
21
|
+
position: relative;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
|
|
24
|
+
&:nth-child(odd) {
|
|
25
|
+
border-right: 15px solid #fff;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&:nth-child(even) {
|
|
29
|
+
border-left: 15px solid #fff;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&:nth-child(1),
|
|
33
|
+
&:nth-child(2) {
|
|
34
|
+
border-bottom: 15px solid #fff;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&:nth-child(3),
|
|
38
|
+
&:nth-child(4) {
|
|
39
|
+
border-top: 15px solid #fff;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&:hover .cat-tile-dark-layer {
|
|
43
|
+
opacity: 0.3;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.jump-tile-link {
|
|
48
|
+
position: absolute;
|
|
49
|
+
width: 100%;
|
|
50
|
+
height: 100%;
|
|
51
|
+
top: 0;
|
|
52
|
+
left: 0;
|
|
53
|
+
z-index: 1;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.jump-tile-video {
|
|
57
|
+
opacity: 0;
|
|
58
|
+
transition: opacity 0.2s ease-in;
|
|
59
|
+
width: 100%;
|
|
60
|
+
position: absolute;
|
|
61
|
+
|
|
62
|
+
video {
|
|
63
|
+
width: 100%;
|
|
64
|
+
height: 100%;
|
|
65
|
+
-o-object-fit: cover;
|
|
66
|
+
object-fit: cover;
|
|
67
|
+
display: block;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.cat-tile-bg {
|
|
72
|
+
background-size: cover;
|
|
73
|
+
background-position: center;
|
|
74
|
+
padding-bottom: 100%;
|
|
75
|
+
width: 100%;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.cat-tile-dark-layer {
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 100%;
|
|
81
|
+
position: absolute;
|
|
82
|
+
top: 0;
|
|
83
|
+
opacity: 0.2;
|
|
84
|
+
transition: opacity 0.4s;
|
|
85
|
+
background-color: black;
|
|
86
|
+
z-index: 2;
|
|
87
|
+
pointer-events: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.cat-tile-copy {
|
|
91
|
+
width: 100%;
|
|
92
|
+
z-index: 2;
|
|
93
|
+
text-align: left;
|
|
94
|
+
position: absolute;
|
|
95
|
+
pointer-events: none;
|
|
96
|
+
top: 28%;
|
|
97
|
+
|
|
98
|
+
h2,
|
|
99
|
+
a {
|
|
100
|
+
max-width: 80%;
|
|
101
|
+
padding-left: 15%;
|
|
102
|
+
font-weight: 500;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
h2 {
|
|
106
|
+
color: #fff;
|
|
107
|
+
text-align: left;
|
|
108
|
+
// font-family: $font-family-sans-serif;
|
|
109
|
+
|
|
110
|
+
font-size: 32px;
|
|
111
|
+
|
|
112
|
+
@media screen and (min-width: 1068px) {
|
|
113
|
+
font-size: 56px;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
&:hover {
|
|
117
|
+
cursor: pointer;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
a {
|
|
122
|
+
display: inline-block;
|
|
123
|
+
color: #fff;
|
|
124
|
+
justify-self: start;
|
|
125
|
+
pointer-events: all;
|
|
126
|
+
margin-top: 32px;
|
|
127
|
+
font-size: 24px;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.card-tile-set {
|
|
132
|
+
h2 {
|
|
133
|
+
max-width: 398px;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.cat-tile-bg {
|
|
137
|
+
background-repeat: no-repeat;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
@import '_1068';
|
|
142
|
+
@import '_735';
|
|
143
|
+
|
|
144
|
+
.more:after {
|
|
145
|
+
font-family: 'Nucleo Outline';
|
|
146
|
+
content: '\ea3b';
|
|
147
|
+
font-weight: bold;
|
|
148
|
+
margin-left: 10px;
|
|
149
|
+
color: #fff;
|
|
150
|
+
font-size: 15px;
|
|
151
|
+
line-height: 1;
|
|
152
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
.header_TEST {
|
|
2
|
+
height: 60px;
|
|
3
|
+
// height: 100%;
|
|
4
|
+
margin: 0;
|
|
5
|
+
// position: absolute;
|
|
6
|
+
top: 0;
|
|
7
|
+
right: 0;
|
|
8
|
+
left: 0;
|
|
9
|
+
background: rgba(255, 255, 255, 31%);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.overlay_TEST {
|
|
13
|
+
height: 60px;
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0;
|
|
16
|
+
right: 0;
|
|
17
|
+
left: 0;
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
z-index: 2;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.clone_TEST {
|
|
23
|
+
height: 80px;
|
|
24
|
+
padding: 3em 0em 0em 1em;
|
|
25
|
+
position: absolute;
|
|
26
|
+
top: 0;
|
|
27
|
+
right: 0;
|
|
28
|
+
left: 0;
|
|
29
|
+
bottom: 0;
|
|
30
|
+
/* overflow: hidden;
|
|
31
|
+
-webkit-filter: blur(5px);
|
|
32
|
+
filter: blur(5px);
|
|
33
|
+
-webkit-user-select: none;
|
|
34
|
+
-moz-user-select: none;
|
|
35
|
+
-ms-user-select: none; */
|
|
36
|
+
user-select: none;
|
|
37
|
+
backdrop-filter: saturate(180%) blur(20px);
|
|
38
|
+
/* backdrop-filter: saturate(250%) blur(5px); */
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.content_TEST {
|
|
42
|
+
padding: 3em 1em 1em;
|
|
43
|
+
position: absolute;
|
|
44
|
+
top: 0;
|
|
45
|
+
right: 0;
|
|
46
|
+
bottom: 0;
|
|
47
|
+
left: 0;
|
|
48
|
+
overflow: auto;
|
|
49
|
+
z-index: 1;
|
|
50
|
+
}
|
|
@@ -4,6 +4,28 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.navbar {
|
|
7
|
+
.navbar-toggler-bar {
|
|
8
|
+
display: block;
|
|
9
|
+
position: relative;
|
|
10
|
+
width: 22px;
|
|
11
|
+
height: 1px;
|
|
12
|
+
border-radius: 1px;
|
|
13
|
+
background: $black;
|
|
14
|
+
|
|
15
|
+
& + .navbar-toggler-bar {
|
|
16
|
+
margin-top: 7px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&.bar2 {
|
|
20
|
+
width: 17px;
|
|
21
|
+
transition: width 0.2s linear;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
&.relative-top {
|
|
25
|
+
.navbar-toggler-bar {
|
|
26
|
+
background: $white;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
7
29
|
.navbar-nav {
|
|
8
30
|
margin-top: 53px;
|
|
9
31
|
position: relative;
|
|
@@ -69,26 +91,8 @@
|
|
|
69
91
|
padding: 0.5rem 1rem;
|
|
70
92
|
}
|
|
71
93
|
|
|
72
|
-
.navbar-toggler-bar {
|
|
73
|
-
display: block;
|
|
74
|
-
position: relative;
|
|
75
|
-
width: 22px;
|
|
76
|
-
height: 1px;
|
|
77
|
-
border-radius: 1px;
|
|
78
|
-
background: $black;
|
|
79
|
-
|
|
80
|
-
& + .navbar-toggler-bar {
|
|
81
|
-
margin-top: 7px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
&.bar2 {
|
|
85
|
-
width: 17px;
|
|
86
|
-
transition: width 0.2s linear;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
94
|
&.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
|
|
91
|
-
background: $
|
|
95
|
+
background: $dark;
|
|
92
96
|
}
|
|
93
97
|
}
|
|
94
98
|
|
|
@@ -171,6 +175,21 @@
|
|
|
171
175
|
}
|
|
172
176
|
|
|
173
177
|
@mixin navbar-collapse() {
|
|
178
|
+
#globalnav {
|
|
179
|
+
background: $opacity-2;
|
|
180
|
+
user-select: none;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
@supports (
|
|
184
|
+
(-webkit-backdrop-filter: $small-backdrop-filter) or
|
|
185
|
+
(backdrop-filter: $small-backdrop-filter)
|
|
186
|
+
) {
|
|
187
|
+
#globalnav {
|
|
188
|
+
background: $opacity-2;
|
|
189
|
+
-webkit-backdrop-filter: $small-backdrop-filter;
|
|
190
|
+
backdrop-filter: $small-backdrop-filter;
|
|
191
|
+
}
|
|
192
|
+
}
|
|
174
193
|
.navbar-collapse {
|
|
175
194
|
position: fixed;
|
|
176
195
|
display: block !important;
|
|
@@ -185,8 +204,6 @@
|
|
|
185
204
|
border-top: none;
|
|
186
205
|
text-align: left;
|
|
187
206
|
|
|
188
|
-
max-height: none !important;
|
|
189
|
-
|
|
190
207
|
@include transform-translate-x(300px);
|
|
191
208
|
@include custom_transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
|
|
192
209
|
|
|
@@ -266,9 +283,9 @@
|
|
|
266
283
|
@include custom_transition(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
|
|
267
284
|
}
|
|
268
285
|
}
|
|
269
|
-
@mixin navbar-hover-link {
|
|
286
|
+
@mixin navbar-hover-link($color, $border) {
|
|
270
287
|
padding-top: 10px;
|
|
271
|
-
color:
|
|
288
|
+
color: $color;
|
|
272
289
|
font-size: 14px;
|
|
273
290
|
line-height: $line-height-nav-link;
|
|
274
291
|
display: block;
|
|
@@ -280,7 +297,7 @@
|
|
|
280
297
|
&:after {
|
|
281
298
|
display: block;
|
|
282
299
|
content: '';
|
|
283
|
-
border-bottom: $border
|
|
300
|
+
border-bottom: $border;
|
|
284
301
|
transform: scaleX(0);
|
|
285
302
|
transition: transform $transition-border;
|
|
286
303
|
}
|
|
@@ -291,8 +308,11 @@
|
|
|
291
308
|
transform-origin: 0% 50%;
|
|
292
309
|
}
|
|
293
310
|
&:focus {
|
|
294
|
-
color: $
|
|
311
|
+
color: $color;
|
|
295
312
|
opacity: 1;
|
|
296
313
|
text-decoration: none !important;
|
|
297
314
|
}
|
|
315
|
+
p {
|
|
316
|
+
font-weight: $font-weight-normal;
|
|
317
|
+
}
|
|
298
318
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: viniBaxter-spa_landing
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '0
|
|
4
|
+
version: '10.0'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- vini baxter
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-09-
|
|
11
|
+
date: 2020-09-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -86,7 +86,6 @@ files:
|
|
|
86
86
|
- lib/viniBaxter/sass/bootstrap/_custom-forms.scss
|
|
87
87
|
- lib/viniBaxter/sass/bootstrap/_dropdown.scss
|
|
88
88
|
- lib/viniBaxter/sass/bootstrap/_forms.scss
|
|
89
|
-
- lib/viniBaxter/sass/bootstrap/_functions.scss
|
|
90
89
|
- lib/viniBaxter/sass/bootstrap/_grid.scss
|
|
91
90
|
- lib/viniBaxter/sass/bootstrap/_images.scss
|
|
92
91
|
- lib/viniBaxter/sass/bootstrap/_input-group.scss
|
|
@@ -193,6 +192,7 @@ files:
|
|
|
193
192
|
- lib/viniBaxter/sass/spa_landing/theme/_icon.scss
|
|
194
193
|
- lib/viniBaxter/sass/spa_landing/theme/_images.scss
|
|
195
194
|
- lib/viniBaxter/sass/spa_landing/theme/_input-group.scss
|
|
195
|
+
- lib/viniBaxter/sass/spa_landing/theme/_landin-page.scss
|
|
196
196
|
- lib/viniBaxter/sass/spa_landing/theme/_list-group.scss
|
|
197
197
|
- lib/viniBaxter/sass/spa_landing/theme/_list.scss
|
|
198
198
|
- lib/viniBaxter/sass/spa_landing/theme/_mixins.scss
|
|
@@ -214,6 +214,12 @@ files:
|
|
|
214
214
|
- lib/viniBaxter/sass/spa_landing/theme/_theme.scss
|
|
215
215
|
- lib/viniBaxter/sass/spa_landing/theme/_type.scss
|
|
216
216
|
- lib/viniBaxter/sass/spa_landing/theme/_utilities.scss
|
|
217
|
+
- lib/viniBaxter/sass/spa_landing/theme/iOS/_1068.scss
|
|
218
|
+
- lib/viniBaxter/sass/spa_landing/theme/iOS/_735.scss
|
|
219
|
+
- lib/viniBaxter/sass/spa_landing/theme/iOS/_OS_style.scss
|
|
220
|
+
- lib/viniBaxter/sass/spa_landing/theme/iOS/_index.scss
|
|
221
|
+
- lib/viniBaxter/sass/spa_landing/theme/iOS/_os_card.scss
|
|
222
|
+
- lib/viniBaxter/sass/spa_landing/theme/iOS/_safari__blur__effect.scss
|
|
217
223
|
- lib/viniBaxter/sass/spa_landing/theme/mixins/_badge.scss
|
|
218
224
|
- lib/viniBaxter/sass/spa_landing/theme/mixins/_buttons.scss
|
|
219
225
|
- lib/viniBaxter/sass/spa_landing/theme/mixins/_dropdown.scss
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
// Bootstrap functions
|
|
2
|
-
//
|
|
3
|
-
// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
|
|
4
|
-
|
|
5
|
-
// Ascending
|
|
6
|
-
// Used to evaluate Sass maps like our grid breakpoints.
|
|
7
|
-
@mixin _assert-ascending($map, $map-name) {
|
|
8
|
-
$prev-key: null;
|
|
9
|
-
$prev-num: null;
|
|
10
|
-
@each $key, $num in $map {
|
|
11
|
-
@if $prev-num == null or unit($num) == '%' or unit($prev-num) == '%' {
|
|
12
|
-
// Do nothing
|
|
13
|
-
} @else if not comparable($prev-num, $num) {
|
|
14
|
-
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
|
15
|
-
} @else if $prev-num >= $num {
|
|
16
|
-
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
|
17
|
-
}
|
|
18
|
-
$prev-key: $key;
|
|
19
|
-
$prev-num: $num;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// Starts at zero
|
|
24
|
-
// Used to ensure the min-width of the lowest breakpoint starts at 0.
|
|
25
|
-
@mixin _assert-starts-at-zero($map, $map-name: '$grid-breakpoints') {
|
|
26
|
-
@if length($map) > 0 {
|
|
27
|
-
$values: map-values($map);
|
|
28
|
-
$first-value: nth($values, 1);
|
|
29
|
-
@if $first-value != 0 {
|
|
30
|
-
@warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
// Replace `$search` with `$replace` in `$string`
|
|
36
|
-
// Used on our SVG icon backgrounds for custom forms.
|
|
37
|
-
//
|
|
38
|
-
// @author Hugo Giraudel
|
|
39
|
-
// @param {String} $string - Initial string
|
|
40
|
-
// @param {String} $search - Substring to replace
|
|
41
|
-
// @param {String} $replace ('') - New value
|
|
42
|
-
// @return {String} - Updated string
|
|
43
|
-
@function str-replace($string, $search, $replace: '') {
|
|
44
|
-
$index: str-index($string, $search);
|
|
45
|
-
|
|
46
|
-
@if $index {
|
|
47
|
-
@return str-slice($string, 1, $index - 1) + $replace +
|
|
48
|
-
str-replace(
|
|
49
|
-
str-slice($string, $index + str-length($search)),
|
|
50
|
-
$search,
|
|
51
|
-
$replace
|
|
52
|
-
);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
@return $string;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
// See https://codepen.io/kevinweber/pen/dXWoRw
|
|
59
|
-
@function escape-svg($string) {
|
|
60
|
-
@if str-index($string, 'data:image/svg+xml') {
|
|
61
|
-
@each $char, $encoded in $escaped-characters {
|
|
62
|
-
// Do not escape the url brackets
|
|
63
|
-
@if str-index($string, 'url(') == 1 {
|
|
64
|
-
$string: url('#{str-replace(str-slice($string, 6, -3), $char, $encoded)}');
|
|
65
|
-
} @else {
|
|
66
|
-
$string: str-replace($string, $char, $encoded);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
@return $string;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
// Color contrast
|
|
75
|
-
@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
|
|
76
|
-
$r: red($color);
|
|
77
|
-
$g: green($color);
|
|
78
|
-
$b: blue($color);
|
|
79
|
-
|
|
80
|
-
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
|
|
81
|
-
|
|
82
|
-
@if ($yiq >= $yiq-contrasted-threshold) {
|
|
83
|
-
@return $dark;
|
|
84
|
-
} @else {
|
|
85
|
-
@return $light;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
// Retrieve color Sass maps
|
|
90
|
-
@function color($key: 'blue') {
|
|
91
|
-
@return map-get($colors, $key);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
@function theme-color($key: 'primary') {
|
|
95
|
-
@return map-get($theme-colors, $key);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
@function gray($key: '100') {
|
|
99
|
-
@return map-get($grays, $key);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
// Request a theme color level
|
|
103
|
-
@function theme-color-level($color-name: 'primary', $level: 0) {
|
|
104
|
-
$color: theme-color($color-name);
|
|
105
|
-
$color-base: if($level > 0, $black, $white);
|
|
106
|
-
$level: abs($level);
|
|
107
|
-
|
|
108
|
-
@return mix($color-base, $color, $level * $theme-color-interval);
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
// Return valid calc
|
|
112
|
-
@function add($value1, $value2, $return-calc: true) {
|
|
113
|
-
@if $value1 == null {
|
|
114
|
-
@return $value2;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
@if $value2 == null {
|
|
118
|
-
@return $value1;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
@if type-of($value1) ==
|
|
122
|
-
number and
|
|
123
|
-
type-of($value2) ==
|
|
124
|
-
number and
|
|
125
|
-
comparable($value1, $value2)
|
|
126
|
-
{
|
|
127
|
-
@return $value1 + $value2;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
@return if(
|
|
131
|
-
$return-calc == true,
|
|
132
|
-
calc(#{$value1} + #{$value2}),
|
|
133
|
-
$value1 + unquote(' + ') + $value2
|
|
134
|
-
);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
@function subtract($value1, $value2, $return-calc: true) {
|
|
138
|
-
@if $value1 == null and $value2 == null {
|
|
139
|
-
@return null;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
@if $value1 == null {
|
|
143
|
-
@return -$value2;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
@if $value2 == null {
|
|
147
|
-
@return $value1;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
@if type-of($value1) ==
|
|
151
|
-
number and
|
|
152
|
-
type-of($value2) ==
|
|
153
|
-
number and
|
|
154
|
-
comparable($value1, $value2)
|
|
155
|
-
{
|
|
156
|
-
@return $value1 - $value2;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
@return if(
|
|
160
|
-
$return-calc == true,
|
|
161
|
-
calc(#{$value1} - #{$value2}),
|
|
162
|
-
$value1 + unquote(' - ') + $value2
|
|
163
|
-
);
|
|
164
|
-
}
|