@madj2k/fe-frontend-kit 2.0.29 → 2.0.31
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
CHANGED
|
@@ -90,19 +90,44 @@
|
|
|
90
90
|
$wrap-class: '.fullwidth',
|
|
91
91
|
$default-padding: 16px,
|
|
92
92
|
$padding-class: $page-wrap-class,
|
|
93
|
-
$version: 1,
|
|
94
93
|
) {
|
|
95
94
|
|
|
95
|
+
/** addition class which simply contains the normal padding */
|
|
96
|
+
#{$padding-class}-padding {
|
|
97
|
+
@include page-padding-only($default-padding);
|
|
98
|
+
}
|
|
99
|
+
#{$padding-class}-padding-full {
|
|
100
|
+
@include page-padding-only($default-padding, 'full');
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/** default settings without breakpoint in class-name, but with different paddings/margins depending on breakpoint */
|
|
104
|
+
@each $breakpoint, $padding-x in $page-padding {
|
|
105
|
+
@include media-breakpoint-up($breakpoint) {
|
|
106
|
+
/** addition class which simply contains the normal padding */
|
|
107
|
+
#{$padding-class}-padding {
|
|
108
|
+
@include page-padding-only($padding-x);
|
|
109
|
+
}
|
|
110
|
+
#{$padding-class}-padding-full {
|
|
111
|
+
@include page-padding-only($padding-x, 'full');
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
body {
|
|
115
|
+
/** addition class which simply contains the normal padding */
|
|
116
|
+
#{$padding-class}-#{$breakpoint}-padding {
|
|
117
|
+
@include page-padding-only($padding-x);
|
|
118
|
+
}
|
|
119
|
+
#{$padding-class}-#{$breakpoint}-padding-full {
|
|
120
|
+
@include page-padding-only($padding-x, 'full');
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
96
126
|
#{$page-wrap-class} {
|
|
97
127
|
|
|
98
128
|
/** default settings without breakpoints **/
|
|
99
129
|
@include page-padding-only($default-padding);
|
|
100
130
|
|
|
101
|
-
/** addition class which simply contains the normal padding */
|
|
102
|
-
#{$padding-class}-padding {
|
|
103
|
-
@include page-padding-only($default-padding, 'full');
|
|
104
|
-
}
|
|
105
|
-
|
|
106
131
|
/** for usage as wrap around a container */
|
|
107
132
|
#{$wrap-class}-1 {
|
|
108
133
|
@include page-padding-container($default-padding);
|
|
@@ -138,16 +163,13 @@
|
|
|
138
163
|
@include page-padding-only-reset();
|
|
139
164
|
}
|
|
140
165
|
}
|
|
166
|
+
}
|
|
141
167
|
|
|
142
|
-
|
|
143
|
-
|
|
168
|
+
/** default settings without breakpoint in class-name, but with different paddings/margins depending on breakpoint */
|
|
169
|
+
@each $breakpoint, $padding-x in $page-padding {
|
|
170
|
+
@include media-breakpoint-up($breakpoint) {
|
|
144
171
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
/** addition class which simply contains the normal padding */
|
|
148
|
-
#{$padding-class}-padding {
|
|
149
|
-
@include page-padding-only($padding-x, 'full');
|
|
150
|
-
}
|
|
172
|
+
#{$page-wrap-class} {
|
|
151
173
|
|
|
152
174
|
/** for usage as wrap around a container */
|
|
153
175
|
#{$wrap-class}-1 {
|
|
@@ -170,12 +192,12 @@
|
|
|
170
192
|
|
|
171
193
|
/** reset */
|
|
172
194
|
#{$wrap-class}-0,
|
|
173
|
-
.row #{$wrap-class}-0{
|
|
195
|
+
.row #{$wrap-class}-0 {
|
|
174
196
|
@include page-padding-row-reset();
|
|
175
197
|
}
|
|
176
198
|
|
|
177
199
|
#{$wrap-class}-0 {
|
|
178
|
-
#{$wrap-class}-inner{
|
|
200
|
+
#{$wrap-class}-inner {
|
|
179
201
|
@include page-padding-inner-reset();
|
|
180
202
|
}
|
|
181
203
|
|
|
@@ -185,21 +207,15 @@
|
|
|
185
207
|
}
|
|
186
208
|
}
|
|
187
209
|
}
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
210
|
|
|
191
|
-
/** specific settings for classes with breakpoints in names. Has to be dominant */
|
|
192
|
-
@each $breakpoint, $padding-x in $page-padding {
|
|
193
|
-
@include media-breakpoint-up($breakpoint) {
|
|
194
211
|
|
|
212
|
+
/** ==================================================================================== */
|
|
213
|
+
/** specific settings for classes with breakpoints in names. Has to be dominant */
|
|
195
214
|
/** ensure dominance with body-prefix */
|
|
196
215
|
body #{$page-wrap-class} {
|
|
197
216
|
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
padding-left: $padding-x - math.div($grid-gutter-width, 2);
|
|
201
|
-
padding-right: $padding-x - math.div($grid-gutter-width, 2);
|
|
202
|
-
}
|
|
217
|
+
padding-left: $padding-x - math.div($grid-gutter-width, 2);
|
|
218
|
+
padding-right: $padding-x - math.div($grid-gutter-width, 2);
|
|
203
219
|
|
|
204
220
|
/** addition class which simply contains the normal padding */
|
|
205
221
|
#{$padding-class}-#{$breakpoint}-padding {
|