From f04654ad7d48c5461976c0c2efeb76fd3b64045f Mon Sep 17 00:00:00 2001 From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Wed, 28 Aug 2024 09:34:14 +0530 Subject: [PATCH] use new syntax for css color function values --- assets/styles.css | 10 +- backdrop/styles.css | 10 +- box-alignment/flexbox/auto-margins.html | 4 +- box-alignment/flexbox/gap.html | 4 +- box-alignment/overview/flex-align-items.html | 4 +- box-alignment/overview/grid-align-items.html | 4 +- box-alignment/overview/grid-gap.html | 4 +- css-cookbook/center--download.html | 4 +- css-cookbook/center.html | 4 +- css-cookbook/columns-flexbox--download.html | 4 +- .../columns-flexbox-wrapping--download.html | 4 +- css-cookbook/columns-flexbox-wrapping.html | 4 +- css-cookbook/columns-flexbox.html | 4 +- css-cookbook/columns-grid--download.html | 4 +- css-cookbook/columns-grid.html | 4 +- css-cookbook/columns-multicol--download.html | 4 +- css-cookbook/columns-multicol.html | 6 +- css-cookbook/grid-wrapper--download.html | 2 +- css-cookbook/grid-wrapper.html | 2 +- css-cookbook/sticky-footer--download.html | 2 +- .../sticky-footer-flexbox--download.html | 2 +- css-cookbook/sticky-footer-flexbox.html | 2 +- css-cookbook/sticky-footer.html | 2 +- css-cookbook/styles.css | 10 +- css-text/styles.css | 10 +- display/multi-keyword/inline-flex.html | 2 +- display/multi-keyword/multi-keyword-flex.html | 2 +- .../pages/border-top-color/index.html | 2 +- feature-queries/step1.html | 4 +- feature-queries/step2.html | 4 +- feature-queries/step3.html | 4 +- feature-queries/step4.html | 4 +- flexbox/alignment/align-content-column.html | 4 +- flexbox/alignment/align-content.html | 4 +- flexbox/alignment/align-items.html | 4 +- flexbox/alignment/align-self-column.html | 4 +- flexbox/alignment/align-self.html | 4 +- flexbox/alignment/auto-margins.html | 4 +- flexbox/alignment/intro.html | 4 +- flexbox/alignment/justify-content-column.html | 4 +- .../alignment/justify-content-reverse.html | 4 +- .../justify-content-writing-mode.html | 4 +- flexbox/alignment/justify-content.html | 4 +- flexbox/basics/align-items.html | 4 +- flexbox/basics/flex-direction.html | 4 +- flexbox/basics/flex-flow.html | 4 +- flexbox/basics/flex-properties.html | 4 +- flexbox/basics/flex-shorthands.html | 4 +- flexbox/basics/flex-wrap.html | 4 +- flexbox/basics/justify-content.html | 4 +- flexbox/basics/simple-example-anon.html | 4 +- flexbox/basics/simple-example.html | 4 +- flexbox/basics/the-flex-container.html | 4 +- flexbox/browsers/float.html | 4 +- flexbox/browsers/inline-block.html | 4 +- flexbox/browsers/table-cell.html | 4 +- flexbox/browsers/vertical-align.html | 4 +- flexbox/order/flex-direction.html | 4 +- flexbox/order/negative-order.html | 4 +- flexbox/order/order.html | 4 +- flexbox/order/usecase-order.html | 2 +- flexbox/ratios/flex-basis.html | 4 +- flexbox/ratios/flex-grow-ratios.html | 4 +- flexbox/ratios/flex-grow.html | 4 +- flexbox/ratios/flex-shrink-min-content.html | 4 +- flexbox/ratios/flex-shrink-ratios.html | 4 +- flexbox/ratios/flex-shrink.html | 4 +- flexbox/ratios/min-max-content.html | 8 +- flexbox/relationship/display-contents.html | 4 +- flexbox/relationship/flex-layout.html | 4 +- flexbox/relationship/floats.html | 4 +- flexbox/relationship/grid-layout.html | 4 +- flexbox/relationship/writing-modes.html | 4 +- flexbox/use-cases/cards.html | 2 +- flexbox/use-cases/center.html | 4 +- flexbox/use-cases/input-button.html | 6 +- flexbox/use-cases/label-input-button.html | 6 +- flexbox/use-cases/media-flipped.html | 2 +- flexbox/use-cases/media.html | 2 +- flexbox/use-cases/navigation-flex.html | 2 +- flexbox/use-cases/navigation.html | 2 +- flexbox/use-cases/split-navigation.html | 2 +- flexbox/wrapping/column-wrap.html | 4 +- flexbox/wrapping/flex-grid.html | 4 +- flexbox/wrapping/gaps.html | 6 +- flexbox/wrapping/grid-example.html | 4 +- flexbox/wrapping/row-reverse-wrap.html | 4 +- flexbox/wrapping/row-wrap.html | 4 +- flexbox/wrapping/visibility-collapse.html | 4 +- .../wrapping/wrapped-visibility-collapse.html | 4 +- flow/formatting-contexts/bfc-flow-root.html | 4 +- flow/formatting-contexts/bfc-overflow.html | 4 +- flow/formatting-contexts/float.html | 4 +- font-features/styles.css | 10 +- grid/styles.css | 10 +- grid/subgrid/adding-line-names.html | 2 +- grid/subgrid/both.html | 2 +- grid/subgrid/columns.html | 2 +- grid/subgrid/gap.html | 2 +- grid/subgrid/line-names.html | 2 +- grid/subgrid/rows.html | 2 +- howto/center.html | 2 +- howto/styles.css | 10 +- images/styles.css | 10 +- logical/float.html | 2 +- logical/intro-feature-queries.html | 2 +- logical/intro-grid-example.html | 2 +- logical/margin-longhands.html | 2 +- logical/padding-longhands.html | 2 +- logical/positioning-inset.html | 2 +- logical/size-inline-block.html | 2 +- logical/size-max.html | 2 +- logical/size-min.html | 2 +- logical/size-resize.html | 2 +- modules/compositing.html | 2 +- modules/transforms.html | 974 +++++++++--------- time/styles.css | 10 +- 117 files changed, 718 insertions(+), 718 deletions(-) diff --git a/assets/styles.css b/assets/styles.css index 11945fee..f46d5bc4 100644 --- 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 index 11945fee..f46d5bc4 100644 --- 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 index b1d9394a..91a94d8b 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/box-alignment/flexbox/gap.html b/box-alignment/flexbox/gap.html index 92521b3c..9624a4d3 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/box-alignment/overview/flex-align-items.html b/box-alignment/overview/flex-align-items.html index 35b17061..7de4509f 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/box-alignment/overview/grid-align-items.html b/box-alignment/overview/grid-align-items.html index 5f8c0481..79e7ab92 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/box-alignment/overview/grid-gap.html b/box-alignment/overview/grid-gap.html index 4bfd1fa7..ce77098b 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/css-cookbook/center--download.html b/css-cookbook/center--download.html index cf6480df..37757470 100644 --- 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 index 4404204f..8862bb43 100644 --- a/css-cookbook/center.html +++ b/css-cookbook/center.html @@ -7,12 +7,12 @@ diff --git a/css-cookbook/columns-flexbox.html b/css-cookbook/columns-flexbox.html index cbcd6c5a..f1921840 100644 --- a/css-cookbook/columns-flexbox.html +++ b/css-cookbook/columns-flexbox.html @@ -11,14 +11,14 @@ diff --git a/css-cookbook/columns-grid--download.html b/css-cookbook/columns-grid--download.html index 91349f2d..be9b851e 100644 --- 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 index ffbc7af1..75ec4044 100644 --- a/css-cookbook/columns-grid.html +++ b/css-cookbook/columns-grid.html @@ -11,7 +11,7 @@ diff --git a/css-cookbook/columns-multicol.html b/css-cookbook/columns-multicol.html index e8bea1af..b6794a8d 100644 --- a/css-cookbook/columns-multicol.html +++ b/css-cookbook/columns-multicol.html @@ -11,7 +11,7 @@ @@ -51,7 +51,7 @@ diff --git a/css-cookbook/grid-wrapper--download.html b/css-cookbook/grid-wrapper--download.html index 7c5706a0..95dfc3f0 100644 --- 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 index 166418bb..62802904 100644 --- 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 index 0ec88b6a..c4bd3ba7 100644 --- 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 index 60b1c7bc..8a447013 100644 --- 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 index 7d764a60..e460daba 100644 --- 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 index 2f238620..eccb73b5 100644 --- 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 index 11945fee..f46d5bc4 100644 --- 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 index 11945fee..f46d5bc4 100644 --- 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 index 702395ae..459a5ed1 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/display/multi-keyword/multi-keyword-flex.html b/display/multi-keyword/multi-keyword-flex.html index a7c4f126..a351e5cf 100644 --- 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: rgba(96, 139, 168, 0.2); } diff --git a/editable-samples-2/pages/border-top-color/index.html b/editable-samples-2/pages/border-top-color/index.html index 72d9a32d..d971f961 100644 --- a/editable-samples-2/pages/border-top-color/index.html +++ b/editable-samples-2/pages/border-top-color/index.html @@ -21,7 +21,7 @@ 
border-top-color: red;
border-top-color: rgb(255, 128, 0);
border-top-color: hsla(240, 50%, 25%, 0.75);
border-top-color: #ffbb00;
border-top-color: currentColor;
border-top-color: transparent;
+ id="example-choice-list">
border-top-color: red;
border-top-color: rgb(255 128 0);
border-top-color: hsl(240 50% 25% / 0.75);
border-top-color: #ffbb00;
border-top-color: currentColor;
border-top-color: transparent;
diff --git a/feature-queries/step1.html b/feature-queries/step1.html index cceec733..e390d100 100644 --- a/feature-queries/step1.html +++ b/feature-queries/step1.html @@ -18,7 +18,7 @@ .box { float: left; width: 33%; - border: 2px solid rgb(95, 97, 110); + border: 2px solid rgb(95 97 110); border-radius: 0.5em; padding: 20px; } @@ -41,7 +41,7 @@ .box { float: left; width: 33%; - border: 2px solid rgb(95, 97, 110); + border: 2px solid rgb(95 97 110); border-radius: .5em; padding: 20px; } * { padding: 20px; - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); flex: 1 1 100px; diff --git a/flexbox/alignment/align-content.html b/flexbox/alignment/align-content.html index 01d44a27..6c3038f1 100644 --- a/flexbox/alignment/align-content.html +++ b/flexbox/alignment/align-content.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: rgba(96, 139, 168, 0.2); flex: 1 1 100px; diff --git a/flexbox/alignment/align-items.html b/flexbox/alignment/align-items.html index 64bfb2ba..79607379 100644 --- a/flexbox/alignment/align-items.html +++ b/flexbox/alignment/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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/align-self-column.html b/flexbox/alignment/align-self-column.html index ed51545d..7bb91c3a 100644 --- a/flexbox/alignment/align-self-column.html +++ b/flexbox/alignment/align-self-column.html @@ -63,12 +63,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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/align-self.html b/flexbox/alignment/align-self.html index 8242c1af..911ce28c 100644 --- a/flexbox/alignment/align-self.html +++ b/flexbox/alignment/align-self.html @@ -63,12 +63,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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/auto-margins.html b/flexbox/alignment/auto-margins.html index b1d9394a..91a94d8b 100644 --- a/flexbox/alignment/auto-margins.html +++ b/flexbox/alignment/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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/intro.html b/flexbox/alignment/intro.html index daf59e71..53609cfe 100644 --- a/flexbox/alignment/intro.html +++ b/flexbox/alignment/intro.html @@ -62,11 +62,11 @@ .box { width: 500px; height: 300px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/justify-content-column.html b/flexbox/alignment/justify-content-column.html index 77a58baa..3b145e60 100644 --- a/flexbox/alignment/justify-content-column.html +++ b/flexbox/alignment/justify-content-column.html @@ -64,12 +64,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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/justify-content-reverse.html b/flexbox/alignment/justify-content-reverse.html index 0dfbca02..387d5e87 100644 --- a/flexbox/alignment/justify-content-reverse.html +++ b/flexbox/alignment/justify-content-reverse.html @@ -64,12 +64,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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/justify-content-writing-mode.html b/flexbox/alignment/justify-content-writing-mode.html index 0641bf04..55e86cce 100644 --- a/flexbox/alignment/justify-content-writing-mode.html +++ b/flexbox/alignment/justify-content-writing-mode.html @@ -63,12 +63,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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/alignment/justify-content.html b/flexbox/alignment/justify-content.html index d91fe21c..4ce1f66f 100644 --- a/flexbox/alignment/justify-content.html +++ b/flexbox/alignment/justify-content.html @@ -63,12 +63,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: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/basics/align-items.html b/flexbox/basics/align-items.html index ea069b37..eb264d05 100644 --- a/flexbox/basics/align-items.html +++ b/flexbox/basics/align-items.html @@ -62,11 +62,11 @@ .box { width: 500px; height: 130px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/basics/flex-direction.html b/flexbox/basics/flex-direction.html index 32f201ae..4913c819 100644 --- a/flexbox/basics/flex-direction.html +++ b/flexbox/basics/flex-direction.html @@ -60,14 +60,14 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/basics/flex-shorthands.html b/flexbox/basics/flex-shorthands.html index 62e1899c..f88a9f55 100644 --- a/flexbox/basics/flex-shorthands.html +++ b/flexbox/basics/flex-shorthands.html @@ -60,7 +60,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } @@ -68,7 +68,7 @@ .box { display: flex; width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/basics/flex-wrap.html b/flexbox/basics/flex-wrap.html index 46f9c041..4abeaa05 100644 --- a/flexbox/basics/flex-wrap.html +++ b/flexbox/basics/flex-wrap.html @@ -60,7 +60,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); width: 200px; @@ -68,7 +68,7 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/basics/justify-content.html b/flexbox/basics/justify-content.html index 1d09ba04..5d188c87 100644 --- a/flexbox/basics/justify-content.html +++ b/flexbox/basics/justify-content.html @@ -61,11 +61,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/basics/simple-example-anon.html b/flexbox/basics/simple-example-anon.html index c20959cd..f85932ef 100644 --- a/flexbox/basics/simple-example-anon.html +++ b/flexbox/basics/simple-example-anon.html @@ -62,11 +62,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); padding: 10px; diff --git a/flexbox/basics/simple-example.html b/flexbox/basics/simple-example.html index 9b4eb8b8..c35bfd93 100644 --- a/flexbox/basics/simple-example.html +++ b/flexbox/basics/simple-example.html @@ -62,11 +62,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); padding: 10px; diff --git a/flexbox/basics/the-flex-container.html b/flexbox/basics/the-flex-container.html index 851c4441..4348ceaf 100644 --- a/flexbox/basics/the-flex-container.html +++ b/flexbox/basics/the-flex-container.html @@ -62,11 +62,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/browsers/float.html b/flexbox/browsers/float.html index bb0b608f..5b42dfb8 100644 --- a/flexbox/browsers/float.html +++ b/flexbox/browsers/float.html @@ -61,7 +61,7 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box::after { @@ -71,7 +71,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/browsers/inline-block.html b/flexbox/browsers/inline-block.html index 7ba8aa85..fee82b67 100644 --- a/flexbox/browsers/inline-block.html +++ b/flexbox/browsers/inline-block.html @@ -61,11 +61,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/browsers/table-cell.html b/flexbox/browsers/table-cell.html index 48053b09..9308cc95 100644 --- a/flexbox/browsers/table-cell.html +++ b/flexbox/browsers/table-cell.html @@ -61,11 +61,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/browsers/vertical-align.html b/flexbox/browsers/vertical-align.html index 3fd94397..fff18fa0 100644 --- a/flexbox/browsers/vertical-align.html +++ b/flexbox/browsers/vertical-align.html @@ -61,11 +61,11 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } diff --git a/flexbox/order/flex-direction.html b/flexbox/order/flex-direction.html index 0d1227b8..f5cb926b 100644 --- a/flexbox/order/flex-direction.html +++ b/flexbox/order/flex-direction.html @@ -60,7 +60,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); padding: 10px; @@ -73,7 +73,7 @@ .box { width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/ratios/flex-grow-ratios.html b/flexbox/ratios/flex-grow-ratios.html index 2a9806b2..d7e85941 100644 --- a/flexbox/ratios/flex-grow-ratios.html +++ b/flexbox/ratios/flex-grow-ratios.html @@ -60,7 +60,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } @@ -68,7 +68,7 @@ .box { display: flex; width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/ratios/flex-grow.html b/flexbox/ratios/flex-grow.html index fddaef3a..c04cadae 100644 --- a/flexbox/ratios/flex-grow.html +++ b/flexbox/ratios/flex-grow.html @@ -62,7 +62,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } @@ -70,7 +70,7 @@ .box { display: flex; width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/ratios/flex-shrink-min-content.html b/flexbox/ratios/flex-shrink-min-content.html index 8be690b7..b23d7d07 100644 --- a/flexbox/ratios/flex-shrink-min-content.html +++ b/flexbox/ratios/flex-shrink-min-content.html @@ -62,14 +62,14 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } .box { display: flex; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/ratios/flex-shrink-ratios.html b/flexbox/ratios/flex-shrink-ratios.html index 3c38f8d5..135e219a 100644 --- a/flexbox/ratios/flex-shrink-ratios.html +++ b/flexbox/ratios/flex-shrink-ratios.html @@ -62,7 +62,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } @@ -70,7 +70,7 @@ .box { display: flex; width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/ratios/flex-shrink.html b/flexbox/ratios/flex-shrink.html index 59f09660..5b2fa4af 100644 --- a/flexbox/ratios/flex-shrink.html +++ b/flexbox/ratios/flex-shrink.html @@ -62,7 +62,7 @@ } .box > * { - border: 2px solid rgb(96, 139, 168); + border: 2px solid rgb(96 139 168); border-radius: 5px; background-color: rgba(96, 139, 168, 0.2); } @@ -70,7 +70,7 @@ .box { display: flex; width: 500px; - border: 2px dotted rgb(96, 139, 168); + border: 2px dotted rgb(96 139 168); } diff --git a/flexbox/ratios/min-max-content.html b/flexbox/ratios/min-max-content.html index 758f1dcf..cb18b334 100644 --- a/flexbox/ratios/min-max-content.html +++ b/flexbox/ratios/min-max-content.html @@ -63,11 +63,11 @@ @@ -86,11 +86,11 @@