Skip to content

Commit 8838b88

Browse files
svgeesussvgeesus
committed
[css-color] generate correct HSL table, see w3c#3088 
1 parent ec8ace9 commit 8838b88

File tree

4 files changed

+134
-12
lines changed

4 files changed

+134
-12
lines changed

‎css-color-4/workings/hsl-tables-for-color-3-errata/hsl-table-maker.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,17 @@
22
<html lang="en" >
33
<head>
44
<meta charset="UTF-8">
5-
<title>CodePen - HSL tables for Color 3 errata</title>
5+
<title>HSL tables for Color 3 errata</title>
66
<link rel="stylesheet" href="./style.css">
77

88
</head>
99
<body>
1010
<!-- partial:index.partial.html -->
1111

1212
<!-- partial -->
13-
<script src='https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.6/bliss.min.js'></script><script src="./script.js"></script>
13+
<script src='https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.6/bliss.min.js'></script>
14+
<script src="https://colorjs.io/color.js" type=module></script>
15+
<script src="./script.js"></script>
1416

1517
</body>
1618
</html>

‎css-color-4/workings/hsl-tables-for-color-3-errata/hslstyle.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
#hsltable {
2+
background: rgb(46.63% 46.63% 46.63%);
3+
}
4+
5+
div#hsltable {
6+
display: flex;
7+
flex-flow: row wrap;
8+
justify-content: space-around;
9+
gap: 2em;
10+
}
11+
12+
#hsltable>table {
13+
table-layout: fixed;
14+
}
15+
16+
#hsltable td {
17+
padding: .75em;
18+
}

0 commit comments

Comments
 (0)