@madj2k/fe-frontend-kit 2.0.29 → 2.0.30

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madj2k/fe-frontend-kit",
3
- "version": "2.0.29",
3
+ "version": "2.0.30",
4
4
  "description": "Shared frontend utilities, menus and mixins for projects",
5
5
  "main": "index.js",
6
6
  "style": "index.scss",
@@ -93,16 +93,33 @@
93
93
  $version: 1,
94
94
  ) {
95
95
 
96
+ /** addition class which simply contains the normal padding */
97
+ #{$padding-class}-padding {
98
+ @include page-padding-only($default-padding, 'full');
99
+ }
100
+
101
+ /** default settings without breakpoint in class-name, but with different paddings/margins depending on breakpoint */
102
+ @each $breakpoint, $padding-x in $page-padding {
103
+ @include media-breakpoint-up($breakpoint) {
104
+ /** addition class which simply contains the normal padding */
105
+ #{$padding-class}-padding {
106
+ @include page-padding-only($padding-x, 'full');
107
+ }
108
+
109
+ body {
110
+ /** addition class which simply contains the normal padding */
111
+ #{$padding-class}-#{$breakpoint}-padding {
112
+ @include page-padding-only($padding-x, 'full');
113
+ }
114
+ }
115
+ }
116
+ }
117
+
96
118
  #{$page-wrap-class} {
97
119
 
98
120
  /** default settings without breakpoints **/
99
121
  @include page-padding-only($default-padding);
100
122
 
101
- /** addition class which simply contains the normal padding */
102
- #{$padding-class}-padding {
103
- @include page-padding-only($default-padding, 'full');
104
- }
105
-
106
123
  /** for usage as wrap around a container */
107
124
  #{$wrap-class}-1 {
108
125
  @include page-padding-container($default-padding);
@@ -138,16 +155,13 @@
138
155
  @include page-padding-only-reset();
139
156
  }
140
157
  }
158
+ }
141
159
 
142
- /** default settings without breakpoint in class-name, but with different paddings/margins depending on breakpoint */
143
- @each $breakpoint, $padding-x in $page-padding {
144
-
145
- @include media-breakpoint-up($breakpoint) {
160
+ /** default settings without breakpoint in class-name, but with different paddings/margins depending on breakpoint */
161
+ @each $breakpoint, $padding-x in $page-padding {
162
+ @include media-breakpoint-up($breakpoint) {
146
163
 
147
- /** addition class which simply contains the normal padding */
148
- #{$padding-class}-padding {
149
- @include page-padding-only($padding-x, 'full');
150
- }
164
+ #{$page-wrap-class} {
151
165
 
152
166
  /** for usage as wrap around a container */
153
167
  #{$wrap-class}-1 {
@@ -170,12 +184,12 @@
170
184
 
171
185
  /** reset */
172
186
  #{$wrap-class}-0,
173
- .row #{$wrap-class}-0{
187
+ .row #{$wrap-class}-0 {
174
188
  @include page-padding-row-reset();
175
189
  }
176
190
 
177
191
  #{$wrap-class}-0 {
178
- #{$wrap-class}-inner{
192
+ #{$wrap-class}-inner {
179
193
  @include page-padding-inner-reset();
180
194
  }
181
195
 
@@ -185,13 +199,10 @@
185
199
  }
186
200
  }
187
201
  }
188
- }
189
- }
190
202
 
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
203
 
204
+ /** ==================================================================================== */
205
+ /** specific settings for classes with breakpoints in names. Has to be dominant */
195
206
  /** ensure dominance with body-prefix */
196
207
  body #{$page-wrap-class} {
197
208