Kessinen/Paskajoululeffa25
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: standardize HSL color syntax to comma-separated format

Browse Source
This commit is contained in:
Esa Kataja
2025-11-21 15:47:47 +02:00
parent 9ffb87475b
commit 628f140d89
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/PlayFieldButton.vue
+7 -7
View File
@@ -46,11 +46,11 @@ $button-size: 80px;
padding: 0.4rem; padding: 0.4rem;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border: 1px solid hsl(0 74% 10% / 50%); border: 1px solid hsl(0, 74%, 10%, 0.5);
border-bottom-color: hsl(0 74% 80% / 10%); border-bottom-color: hsl(0, 74%, 80%, 0.1);
border-radius: 0.5rem; border-radius: 0.5rem;
background-image: linear-gradient(to bottom, hsl(0 74% 80%), hsl(0 74% 70%)); 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%); box-shadow: inset 3px 3px 0.5rem hsl(0, 74%, 20%);
font-size: 0.2rem; font-size: 0.2rem;
overflow: hidden; overflow: hidden;
@@ -70,9 +70,9 @@ $button-size: 80px;
} }
&.pressed { &.pressed {
background-image: linear-gradient(to bottom, hsl(0 74% 80%), hsl(0 74% 70%)); 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%); box-shadow: inset 3px 3px 0.5rem hsl(0, 74%, 20%);
border: 9px solid hsl(0 74% 10% / 50%); border: 9px solid hsl(0, 74%, 10%, 0.5);
} }