style: standardize HSL color syntax to comma-separated format

This commit is contained in:
Esa Kataja
2025-11-21 15:47:47 +02:00
parent 9ffb87475b
commit 628f140d89
+7 -7
View File
@@ -46,11 +46,11 @@ $button-size: 80px;
padding: 0.4rem;
justify-content: center;
align-items: center;
border: 1px solid hsl(0 74% 10% / 50%);
border-bottom-color: hsl(0 74% 80% / 10%);
border: 1px solid hsl(0, 74%, 10%, 0.5);
border-bottom-color: hsl(0, 74%, 80%, 0.1);
border-radius: 0.5rem;
background-image: linear-gradient(to bottom, hsl(0 74% 80%), hsl(0 74% 70%));
box-shadow: inset 3px 3px 0.5rem hsl(0 74% 20%);
background-image: linear-gradient(to bottom, hsl(0, 74%, 80%), hsl(0, 74%, 70%));
box-shadow: inset 3px 3px 0.5rem hsl(0, 74%, 20%);
font-size: 0.2rem;
overflow: hidden;
@@ -70,9 +70,9 @@ $button-size: 80px;
}
&.pressed {
background-image: linear-gradient(to bottom, hsl(0 74% 80%), hsl(0 74% 70%));
box-shadow: inset 3px 3px 0.5rem hsl(0 74% 20%);
border: 9px solid hsl(0 74% 10% / 50%);
background-image: linear-gradient(to bottom, hsl(0, 74%, 80%), hsl(0, 74%, 70%));
box-shadow: inset 3px 3px 0.5rem hsl(0, 74%, 20%);
border: 9px solid hsl(0, 74%, 10%, 0.5);
}