refactor: update $css-var-prefix name

This commit is contained in:
Lucas Larroche 2023-12-28 13:21:52 +07:00
parent 2c97dc3ae5
commit 3c96e6043b
41 changed files with 866 additions and 759 deletions

View file

@ -11,8 +11,8 @@
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: var(#{$}spacing);
padding-left: var(#{$}spacing);
padding-right: var(#{$css-var-prefix}spacing);
padding-left: var(#{$css-var-prefix}spacing);
}
.container {

View file

@ -39,13 +39,13 @@
-webkit-tap-highlight-color: transparent; // 5
-webkit-text-size-adjust: 100%; // 6
text-size-adjust: 100%; // 6
background-color: var(#{$}background-color);
color: var(#{$}color);
font-weight: var(#{$}font-weight);
font-size: var(#{$}font-size);
line-height: var(#{$}line-height); // 2
font-family: var(#{$}font-family);
text-underline-offset: var(#{$}text-underline-offset);
background-color: var(#{$css-var-prefix}background-color);
color: var(#{$css-var-prefix}color);
font-weight: var(#{$css-var-prefix}font-weight);
font-size: var(#{$css-var-prefix}font-size);
line-height: var(#{$css-var-prefix}line-height); // 2
font-family: var(#{$css-var-prefix}font-family);
text-underline-offset: var(#{$css-var-prefix}text-underline-offset);
text-rendering: optimizeLegibility;
overflow-wrap: break-word; // 3
cursor: default; // 1

View file

@ -8,8 +8,8 @@
*/
.grid {
grid-column-gap: var(#{$}grid-column-gap);
grid-row-gap: var(#{$}grid-row-gap);
grid-column-gap: var(#{$css-var-prefix}grid-column-gap);
grid-row-gap: var(#{$css-var-prefix}grid-row-gap);
display: grid;
grid-template-columns: 1fr;
margin: 0;

View file

@ -34,7 +34,8 @@
width: 100%;
margin-right: auto;
margin-left: auto;
padding: var(#{$}block-spacing-vertical) var(#{$}block-spacing-horizontal);
padding: var(#{$css-var-prefix}block-spacing-vertical)
var(#{$css-var-prefix}block-spacing-horizontal);
@if $enable-viewport {
@each $key, $values in $breakpoints {
@ -54,7 +55,7 @@
// Regular vertical spacings for <header>, <main>, <footer>
@else {
padding: var(#{$}block-spacing-vertical) 0;
padding: var(#{$css-var-prefix}block-spacing-vertical) 0;
}
}
}

View file

@ -14,8 +14,8 @@
overflow-x: auto;
figcaption {
padding: calc(var(#{$}spacing) * 0.5) 0;
color: var(#{$}muted-color);
padding: calc(var(#{$css-var-prefix}spacing) * 0.5) 0;
color: var(#{$css-var-prefix}muted-color);
}
}
}

View file

@ -7,6 +7,6 @@
*/
section {
margin-bottom: var(#{$}block-spacing-vertical);
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
}
}