fix(core): update old css variables names
This commit is contained in:
parent
48cafe8432
commit
9c6d935069
1 changed files with 16 additions and 16 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue