@hestia-earth/ui-components 0.28.3 → 0.28.4
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/styles.scss +5 -9
package/package.json
CHANGED
package/styles.scss
CHANGED
|
@@ -367,12 +367,7 @@ svg-icon > svg {
|
|
|
367
367
|
}
|
|
368
368
|
}
|
|
369
369
|
|
|
370
|
-
@mixin content-screen-padding($
|
|
371
|
-
$prop: padding-inline;
|
|
372
|
-
@if ($suffix != '') {
|
|
373
|
-
$prop: padding-inline-#{$suffix};
|
|
374
|
-
}
|
|
375
|
-
|
|
370
|
+
@mixin content-screen-padding($prop, $offset: 0px) {
|
|
376
371
|
#{$prop}: var(--content-screen-padding-min-size);
|
|
377
372
|
|
|
378
373
|
@include desktop {
|
|
@@ -385,13 +380,14 @@ svg-icon > svg {
|
|
|
385
380
|
}
|
|
386
381
|
|
|
387
382
|
.content-screen-padding {
|
|
388
|
-
@include content-screen-padding();
|
|
383
|
+
@include content-screen-padding('padding-inline-end', var(--content-screen-padding-offset-end));
|
|
384
|
+
@include content-screen-padding('padding-inline-start', var(--content-screen-padding-offset-start));
|
|
389
385
|
}
|
|
390
386
|
|
|
391
387
|
.content-screen-padding-end {
|
|
392
|
-
@include content-screen-padding('end', var(--content-screen-padding-offset-end));
|
|
388
|
+
@include content-screen-padding('padding-inline-end', var(--content-screen-padding-offset-end));
|
|
393
389
|
}
|
|
394
390
|
|
|
395
391
|
.content-screen-padding-start {
|
|
396
|
-
@include content-screen-padding('start', var(--content-screen-padding-offset-start));
|
|
392
|
+
@include content-screen-padding('padding-inline-start', var(--content-screen-padding-offset-start));
|
|
397
393
|
}
|