fix(core): update old css variables names

This commit is contained in:
Alexander Navarro 2024-12-24 12:54:19 -03:00
parent 48cafe8432
commit 9c6d935069

View file

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