alecodes/mini-strap
2
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages 2 Wiki Activity Actions

fix(core): update old css variables names

Browse source
This commit is contained in:
Alexander Navarro 2024-12-24 12:54:19 -03:00
parent 48cafe8432
commit 9c6d935069
1 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

32
packages/core/src/_utils.scss
View file

@ -69,29 +69,29 @@
} }
.msp-hstack { .msp-hstack {
--prj-gap: var(--prj-spacing-3); --msp-gap: var(--msp-spacing-3);
display: flex; display: flex;
gap: var(--prj-gap); gap: var(--msp-gap);
align-items: center; align-items: center;
} }
.msp-hstack-reverse { .msp-hstack-reverse {
--prj-gap: var(--prj-spacing-3); --msp-gap: var(--msp-spacing-3);
display: flex; display: flex;
gap: var(--prj-gap); gap: var(--msp-gap);
align-items: center; align-items: center;
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.msp-vstack { .msp-vstack {
--prj-gap: var(--prj-spacing-3); --msp-gap: var(--msp-spacing-3);
display: flex; display: flex;
gap: var(--prj-gap); gap: var(--msp-gap);
flex-direction: column; flex-direction: column;
} }
.msp-vstack-reverse { .msp-vstack-reverse {
--prj-gap: var(--prj-spacing-3); --msp-gap: var(--msp-spacing-3);
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
@ -140,16 +140,16 @@
} }
.msp-grid { .msp-grid {
--prj-gap: var(--prj-spacing-3); --msp-gap: var(--msp-spacing-3);
--prj-columns: repeat(3, 1fr); --msp-columns: repeat(3, 1fr);
--prj-min-col-width: 150px; --msp-min-col-width: 150px;
display: grid; display: grid;
grid-template-columns: var(--prj-columns); grid-template-columns: var(--msp-columns);
gap: var(--prj-gap); gap: var(--msp-gap);
} }
@mixin grid-cols($amount) { @mixin grid-cols($amount) {
--prj-columns: repeat(#{$amount}, minmax(var(--prj-min-col-width), 1fr)); --msp-columns: repeat(#{$amount}, minmax(var(--msp-min-col-width), 1fr));
} }
@for $i from 1 through 12 { @for $i from 1 through 12 {
@ -285,7 +285,7 @@
} }
.msp-gap-#{$name} { .msp-gap-#{$name} {
--prj-gap: #{$value}; --msp-gap: #{$value};
} }
} }
@ -306,11 +306,11 @@
} }
.msp-shadow-1 { .msp-shadow-1 {
box-shadow: 10px 10px 5px 0px var(--prj-shadow); box-shadow: 10px 10px 5px 0px var(--msp-shadow);
} }
.msp-border-radius { .msp-border-radius {
border-radius: var(--prj-border-radius); border-radius: var(--msp-border-radius);
} }
@each $index, $variable, $value in $spacings { @each $index, $variable, $value in $spacings {