viniBaxter-spa_landing 0.9 → 10.0
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/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
|
-
}
|