consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use percentages in hsla Sass function

Browse Source 
After moving to Dart Sass, we were getting warnings like:

```
Deprecation Warning: $saturation: Passing a number without unit % (78)
is deprecated
Deprecation Warning: $lightness: Passing a number without unit % (93) is
deprecated
```

So we're passing percentages to the hsla function instead of passing
numbers without units.
This commit is contained in:
Javi Martín
2024-03-27 21:49:24 +01:00
parent 1a797f2808
commit 6ddafd9827
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/stylesheets/annotator_overrides.scss
View File

@@ -11,42 +11,42 @@
background: rgba(255, 249, 218, 0.75); background: rgba(255, 249, 218, 0.75);
&.weight-1 { &.weight-1 {
background: hsla(50, 100, 93, 0.5); background: hsla(50, 100%, 93%, 0.5);
.weight-1 { .weight-1 {
background: hsla(50, 100, 93, 0.75); background: hsla(50, 100%, 93%, 0.75);
} }
} }
&.weight-2 { &.weight-2 {
background: hsla(63, 78, 86, 0.5); background: hsla(63, 78%, 86%, 0.5);
.weight-2 { .weight-2 {
background: hsla(63, 78, 86, 0.75); background: hsla(63, 78%, 86%, 0.75);
} }
} }
&.weight-3 { &.weight-3 {
background: hsla(52, 100, 85, 0.5); background: hsla(52, 100%, 85%, 0.5);
.weight-3 { .weight-3 {
background: hsla(52, 100, 85, 0.75); background: hsla(52, 100%, 85%, 0.75);
} }
} }
&.weight-4 { &.weight-4 {
background: hsla(51, 91, 75, 0.5); background: hsla(51, 91%, 75%, 0.5);
.weight-4 { .weight-4 {
background: hsla(51, 91, 75, 0.75); background: hsla(51, 91%, 75%, 0.75);
} }
} }
&.weight-5 { &.weight-5 {
background: hsla(46, 83, 60, 0.5); background: hsla(46, 83%, 60%, 0.5);
.weight-5 { .weight-5 {
background: hsla(46, 83, 60, 0.5); background: hsla(46, 83%, 60%, 0.5);
} }
} }
} }