host/julienmonnerie
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use SASS variables instead of CSS custom properties

Browse source
This commit is contained in:
Paul Nicoué 2025-05-24 12:40:09 +02:00
parent 9afaa44c4b
commit 2f9bf8cd78
2 changed files with 23 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

18
assets/css/base/_base.scss
View file

@ -7,14 +7,14 @@
// Fonts and colors
body {
font-family: var(--text-font-family);
font-size: var(--text-font-size);
line-height: var(--text-line-height);
color: var(--black);
font-family: $text-font-family;
font-size: $text-font-size;
line-height: $text-line-height;
color: $black;
}
strong {
font-weight: var(--bold-font-weight);
font-weight: $bold-font-weight;
}
em {
@ -24,7 +24,7 @@ em {
// Link style
a {
color: var(--black);
color: $black;
text-decoration: none;
transition: text-decoration 200ms ease-in-out;
@ -35,7 +35,7 @@ a {
}
&:focus-visible {
outline: 1px dashed var(--black);
outline: 1px dashed $black;
outline-offset: 2px;
}
}
@ -68,8 +68,8 @@ body {
display: flex;
justify-content: center;
align-items: center;
width: var(--icon-size);
height: var(--icon-size);
width: $icon-size;
height: $icon-size;
svg {
width: 100%;