@profitlich/template-toolkit 2.2.3 → 2.3.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.
- package/package.json +1 -1
- package/scss/core/hamburger.scss +17 -16
- package/scss/core/layout.scss +6 -2
package/package.json
CHANGED
package/scss/core/hamburger.scss
CHANGED
|
@@ -57,10 +57,27 @@
|
|
|
57
57
|
display: block;
|
|
58
58
|
top: 50%;
|
|
59
59
|
margin-top: calc($hamburger-line-width / -2);
|
|
60
|
+
|
|
60
61
|
transition:
|
|
61
62
|
transform $hamburger-turn-speed cubic-bezier(0.55, 0.055, 0.675, 0.19),
|
|
62
63
|
background-color $hamburger-color-timing;
|
|
63
64
|
|
|
65
|
+
&::before {
|
|
66
|
+
top: calc(($hamburger-line-gap + $hamburger-line-width) * -1);
|
|
67
|
+
transition:
|
|
68
|
+
top $hamburger-turn-speed $hamburger-compression-speed ease,
|
|
69
|
+
opacity $hamburger-turn-speed ease,
|
|
70
|
+
background-color $hamburger-color-timing;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&::after {
|
|
74
|
+
bottom: calc(($hamburger-line-gap + $hamburger-line-width) * -1);
|
|
75
|
+
transition:
|
|
76
|
+
bottom $hamburger-turn-speed $hamburger-compression-speed ease,
|
|
77
|
+
transform $hamburger-turn-speed cubic-bezier(0.55, 0.055, 0.675, 0.19),
|
|
78
|
+
background-color $hamburger-color-timing;
|
|
79
|
+
}
|
|
80
|
+
|
|
64
81
|
&,
|
|
65
82
|
&::before,
|
|
66
83
|
&::after {
|
|
@@ -76,22 +93,6 @@
|
|
|
76
93
|
content: "";
|
|
77
94
|
display: block;
|
|
78
95
|
}
|
|
79
|
-
|
|
80
|
-
&::before {
|
|
81
|
-
top: calc(($hamburger-line-gap + $hamburger-line-width) * -1);
|
|
82
|
-
transition:
|
|
83
|
-
top $hamburger-turn-speed $hamburger-compression-speed ease,
|
|
84
|
-
opacity $hamburger-turn-speed ease,
|
|
85
|
-
background-color $hamburger-color-timing;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
&::after {
|
|
89
|
-
bottom: calc(($hamburger-line-gap + $hamburger-line-width) * -1);
|
|
90
|
-
transition:
|
|
91
|
-
bottom $hamburger-turn-speed $hamburger-compression-speed ease,
|
|
92
|
-
transform $hamburger-turn-speed cubic-bezier(0.55, 0.055, 0.675, 0.19),
|
|
93
|
-
background-color $hamburger-color-timing;
|
|
94
|
-
}
|
|
95
96
|
}
|
|
96
97
|
|
|
97
98
|
body[data-menu-active='true'] & {
|
package/scss/core/layout.scss
CHANGED
|
@@ -195,10 +195,14 @@ $mediaqueries: (
|
|
|
195
195
|
|
|
196
196
|
|
|
197
197
|
// Distance
|
|
198
|
-
@mixin marginPadding($layout, $mode, $position, $top: 0, $right: 0, $bottom: 0, $left: 0) {
|
|
198
|
+
@mixin marginPadding($layout, $mode, $position, $top: 0, $right: 0, $bottom: 0, $left: 0, $important: null) {
|
|
199
199
|
|
|
200
200
|
// @include mode($layout, padding/margin, all/top/right/bottom/left, 0, 0, 0, 0)
|
|
201
201
|
|
|
202
|
+
@if $important == true {
|
|
203
|
+
$important: !important;
|
|
204
|
+
}
|
|
205
|
+
|
|
202
206
|
@if ( map.get(config.$units, $layout) == 'px' ) {
|
|
203
207
|
$top: $top + px;
|
|
204
208
|
$right: $right + px;
|
|
@@ -221,7 +225,7 @@ $mediaqueries: (
|
|
|
221
225
|
}
|
|
222
226
|
|
|
223
227
|
@if $position == all {
|
|
224
|
-
#{$mode}: $top $right $bottom $left;
|
|
228
|
+
#{$mode}: $top $right $bottom $left $important;
|
|
225
229
|
}
|
|
226
230
|
@if $position == top {
|
|
227
231
|
#{$mode}-top: $top;
|