use new syntax for CSS color function values (#196)

use new syntax for css color function values
mdn · Sep 9, 2024 · 82dc5e6 · 82dc5e6
1 parent 6d9753d
commit 82dc5e6
Show file tree

Hide file tree

Showing 117 changed files with 230 additions and 230 deletions.
diff --git a/assets/styles.css b/assets/styles.css
@@ -1,10 +1,10 @@
 /* Some default styling for cookbook examples */
 /*
-rgb(53,43,34)
-rgb(75,70,74)
-rgb(95,97,110)
-rgb(137,151,188)
-rgb(160,178,226)
+rgb(53 43 34)
+rgb(75 70 74)
+rgb(95 97 110)
+rgb(137 151 188)
+rgb(160 178 226)
 */
 body {
   background-color: #fff;

diff --git a/backdrop/styles.css b/backdrop/styles.css
@@ -1,10 +1,10 @@
 /* Some default styling for cookbook examples */
 /*
-rgb(53,43,34)
-rgb(75,70,74)
-rgb(95,97,110)
-rgb(137,151,188)
-rgb(160,178,226)
+rgb(53 43 34)
+rgb(75 70 74)
+rgb(95 97 110)
+rgb(137 151 188)
+rgb(160 178 226)
 */
 body {
   background-color: #fff;

diff --git a/box-alignment/flexbox/auto-margins.html b/box-alignment/flexbox/auto-margins.html
@@ -61,12 +61,12 @@
 
       .box {
         width: 500px;
-        border: 2px dotted rgb(96, 139, 168);
+        border: 2px dotted rgb(96 139 168);
       }
 
       .box > * {
         padding: 20px;
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }

diff --git a/box-alignment/flexbox/gap.html b/box-alignment/flexbox/gap.html
@@ -61,12 +61,12 @@
 
       .box {
         width: 500px;
-        border: 2px dotted rgb(96, 139, 168);
+        border: 2px dotted rgb(96 139 168);
       }
 
       .box > * {
         padding: 20px;
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }

diff --git a/box-alignment/overview/flex-align-items.html b/box-alignment/overview/flex-align-items.html
@@ -61,12 +61,12 @@
 
       .box {
         width: 500px;
-        border: 2px dotted rgb(96, 139, 168);
+        border: 2px dotted rgb(96 139 168);
       }
 
       .box > * {
         padding: 20px;
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }

diff --git a/box-alignment/overview/grid-align-items.html b/box-alignment/overview/grid-align-items.html
@@ -61,12 +61,12 @@
 
       .box {
         width: 500px;
-        border: 2px dotted rgb(96, 139, 168);
+        border: 2px dotted rgb(96 139 168);
       }
 
       .box > * {
         padding: 20px;
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }

diff --git a/box-alignment/overview/grid-gap.html b/box-alignment/overview/grid-gap.html
@@ -61,12 +61,12 @@
 
       .box {
         width: 500px;
-        border: 2px dotted rgb(96, 139, 168);
+        border: 2px dotted rgb(96 139 168);
       }
 
       .box > * {
         padding: 20px;
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }

diff --git a/css-cookbook/center--download.html b/css-cookbook/center--download.html
@@ -21,7 +21,7 @@
       }
 
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         height: 200px;
         display: flex;
@@ -30,7 +30,7 @@
       }
 
       .item {
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         padding: 20px;
         width: 10em;

diff --git a/css-cookbook/center.html b/css-cookbook/center.html
@@ -7,12 +7,12 @@
     <link rel="stylesheet" href="styles.css" />
     <style>
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
       }
 
       .item {
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         padding: 20px;
       }

diff --git a/css-cookbook/columns-flexbox--download.html b/css-cookbook/columns-flexbox--download.html
@@ -21,15 +21,15 @@
       }
 
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px 10px;
         display: flex;
       }
 
       .container > * {
         padding: 10px;
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         margin: 0 10px;
         flex: 1;

diff --git a/css-cookbook/columns-flexbox-wrapping--download.html b/css-cookbook/columns-flexbox-wrapping--download.html
@@ -21,7 +21,7 @@
       }
 
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px 10px;
         width: 500px;
@@ -31,7 +31,7 @@
 
       .container > * {
         padding: 10px;
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         margin: 0 10px;
         flex: 1 1 200px;

diff --git a/css-cookbook/columns-flexbox-wrapping.html b/css-cookbook/columns-flexbox-wrapping.html
@@ -11,15 +11,15 @@
 
     <style>
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px 10px;
         width: 500px;
       }
 
       .container > * {
         padding: 10px;
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
       }
     </style>

diff --git a/css-cookbook/columns-flexbox.html b/css-cookbook/columns-flexbox.html
@@ -11,14 +11,14 @@
 
     <style>
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px 10px;
       }
 
       .container > * {
         padding: 10px;
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
       }
     </style>

diff --git a/css-cookbook/columns-grid--download.html b/css-cookbook/columns-grid--download.html
@@ -21,7 +21,7 @@
       }
 
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px;
         width: 500px;
@@ -32,7 +32,7 @@
 
       .container > * {
         padding: 10px;
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         margin: 0;
       }

diff --git a/css-cookbook/columns-grid.html b/css-cookbook/columns-grid.html
@@ -11,15 +11,15 @@
 
     <style>
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px;
         width: 500px;
       }
 
       .container > * {
         padding: 10px;
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         margin: 0;
       }

diff --git a/css-cookbook/columns-multicol--download.html b/css-cookbook/columns-multicol--download.html
@@ -23,11 +23,11 @@
       }
 
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px;
         column-width: 10em;
-        column-rule: 1px solid rgb(75, 70, 74);
+        column-rule: 1px solid rgb(75 70 74);
       }
     </style>
   </head>

diff --git a/css-cookbook/columns-multicol.html b/css-cookbook/columns-multicol.html
@@ -11,7 +11,7 @@
 
     <style>
       .container {
-        border: 2px solid rgb(75, 70, 74);
+        border: 2px solid rgb(75 70 74);
         border-radius: 0.5em;
         padding: 20px;
       }
@@ -20,7 +20,7 @@
     <style class="editable">
       .container {
         column-width: 10em;
-        column-rule: 1px solid rgb(75, 70, 74);
+        column-rule: 1px solid rgb(75 70 74);
       }
     </style>
   </head>
@@ -51,7 +51,7 @@
     <textarea class="playable playable-css">
 .container {
   column-width: 10em;
-  column-rule: 1px solid rgb(75, 70, 74);
+  column-rule: 1px solid rgb(75 70 74);
 }</textarea
     >
 

diff --git a/css-cookbook/grid-wrapper--download.html b/css-cookbook/grid-wrapper--download.html
@@ -31,7 +31,7 @@
       }
 
       .grid > * {
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         padding: 20px;
       }

diff --git a/css-cookbook/grid-wrapper.html b/css-cookbook/grid-wrapper.html
@@ -17,7 +17,7 @@
       }
 
       .grid > * {
-        border: 2px solid rgb(95, 97, 110);
+        border: 2px solid rgb(95 97 110);
         border-radius: 0.5em;
         padding: 20px;
       }

diff --git a/css-cookbook/sticky-footer--download.html b/css-cookbook/sticky-footer--download.html
@@ -44,7 +44,7 @@
 
       .page-header,
       .page-footer {
-        background-color: rgb(75, 70, 74);
+        background-color: rgb(75 70 74);
         color: #fff;
         padding: 20px;
       }

diff --git a/css-cookbook/sticky-footer-flexbox--download.html b/css-cookbook/sticky-footer-flexbox--download.html
@@ -45,7 +45,7 @@
       }
       .page-header,
       .page-footer {
-        background-color: rgb(75, 70, 74);
+        background-color: rgb(75 70 74);
         color: #fff;
         padding: 20px;
       }

diff --git a/css-cookbook/sticky-footer-flexbox.html b/css-cookbook/sticky-footer-flexbox.html
@@ -23,7 +23,7 @@
 
       .page-header,
       .page-footer {
-        background-color: rgb(75, 70, 74);
+        background-color: rgb(75 70 74);
         color: #fff;
         padding: 20px;
       }

diff --git a/css-cookbook/sticky-footer.html b/css-cookbook/sticky-footer.html
@@ -25,7 +25,7 @@
 
       .page-header,
       .page-footer {
-        background-color: rgb(75, 70, 74);
+        background-color: rgb(75 70 74);
         color: #fff;
         padding: 20px;
       }

diff --git a/css-cookbook/styles.css b/css-cookbook/styles.css
@@ -1,10 +1,10 @@
 /* Some default styling for cookbook examples */
 /*
-rgb(53,43,34)
-rgb(75,70,74)
-rgb(95,97,110)
-rgb(137,151,188)
-rgb(160,178,226)
+rgb(53 43 34)
+rgb(75 70 74)
+rgb(95 97 110)
+rgb(137 151 188)
+rgb(160 178 226)
 */
 body {
   background-color: #fff;

diff --git a/css-text/styles.css b/css-text/styles.css
@@ -1,10 +1,10 @@
 /* Some default styling for cookbook examples */
 /*
-rgb(53,43,34)
-rgb(75,70,74)
-rgb(95,97,110)
-rgb(137,151,188)
-rgb(160,178,226)
+rgb(53 43 34)
+rgb(75 70 74)
+rgb(95 97 110)
+rgb(137 151 188)
+rgb(160 178 226)
 */
 body {
   background-color: #fff;

diff --git a/display/multi-keyword/inline-flex.html b/display/multi-keyword/inline-flex.html
@@ -60,7 +60,7 @@
       }
 
       .flex > div {
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }

diff --git a/display/multi-keyword/multi-keyword-flex.html b/display/multi-keyword/multi-keyword-flex.html
@@ -65,7 +65,7 @@
       }
 
       .flex > * {
-        border: 2px solid rgb(96, 139, 168);
+        border: 2px solid rgb(96 139 168);
         border-radius: 5px;
         background-color: rgb(96 139 168 / 0.2);
       }