Skip to content

Commit 8c040d9

Browse files
authored
Merge pull request #97 from wbamberg/remove-hsla
Use hsl, not hsla
2 parents 4b6a9d6 + 02df91d commit 8c040d9

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

learn/values-units/color-hsla.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -21,47 +21,47 @@
2121

2222
<style class="editable">
2323
.one {
24-
background-color: hsla(188, 97%, 28%, 0.3);
24+
background-color: hsl(188 97% 28% / 0.3);
2525
}
2626

2727
.two {
28-
background-color: hsla(321, 47%, 57%, 0.7);
28+
background-color: hsl(321 47% 57% / 0.7);
2929
}
3030

3131
.three {
32-
background-color: hsla(174, 77%, 31%, 0.9);
32+
background-color: hsl(174 77% 31% / 0.9);
3333
}
3434
</style>
3535
</head>
3636

3737
<body>
3838
<section class="preview">
3939
<div class="wrapper">
40-
<div class="box one">hsla(188, 97%, 28%, .3)</div>
41-
<div class="box two">hsla(321, 47%, 57%, .7)</div>
42-
<div class="box three">hsla(174, 77%, 31%, .9)</div>
40+
<div class="box one">hsl(188 97% 28% / .3)</div>
41+
<div class="box two">hsl(321 47% 57% / .7)</div>
42+
<div class="box three">hsl(174 77% 31% / .9)</div>
4343
</div>
4444
</section>
4545

46-
<textarea class="playable playable-css" style="height: 240px;">
46+
<textarea class="playable playable-css" style="height: 240px">
4747
.one {
48-
background-color: hsla(188, 97%, 28%, .3);
48+
background-color: hsl(188 97% 28% / .3);
4949
}
5050

5151
.two {
52-
background-color: hsla(321, 47%, 57%, .7);
52+
background-color: hsl(321 47% 57% / .7);
5353
}
5454

5555
.three {
56-
background-color: hsla(174, 77%, 31%, .9);
56+
background-color: hsl(174 77% 31% / .9);
5757
}
5858
</textarea>
5959

60-
<textarea class="playable playable-html" style="height: 130px;">
60+
<textarea class="playable playable-html" style="height: 130px">
6161
<div class="wrapper">
62-
<div class="box one">hsla(188, 97%, 28%, .3)</div>
63-
<div class="box two">hsla(321, 47%, 57%, .7)</div>
64-
<div class="box three">hsla(174, 77%, 31%, .9)</div>
62+
<div class="box one">hsl(188 97% 28% / .3)</div>
63+
<div class="box two">hsl(321 47% 57% / .7)</div>
64+
<div class="box three">hsl(174 77% 31% / .9)</div>
6565
</div>
6666
</textarea>
6767

0 commit comments

Comments
 (0)