Skip to content

Commit

Permalink
Merge branch 'main' into newcolor_syntax
Browse files Browse the repository at this point in the history
  • Loading branch information
@OnkarRuikar
OnkarRuikar authored Sep 9, 2024
2 parents f04654a + 6d9753d commit 0195b3b
Show file tree
Hide file tree
Showing 90 changed files with 135 additions and 135 deletions.
2 changes: 1 addition & 1 deletion box-alignment/flexbox/auto-margins.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion box-alignment/flexbox/gap.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion box-alignment/overview/flex-align-items.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion box-alignment/overview/grid-align-items.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion box-alignment/overview/grid-gap.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
4 changes: 2 additions & 2 deletions display/multi-keyword/inline-block.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
</style>
<style class="editable">
.ib {
background-color: rgba(0, 0, 0, 0.4);
background-color: rgb(0 0 0 / 0.4);
color: #fff;
padding: 10px;
display: inline-block;
Expand All @@ -84,7 +84,7 @@
</section>
<textarea class="playable-css" style="height: 180px">
.ib {
background-color: rgba(0,0,0,.4);
background-color: rgb(0 0 0 / .4);
color: #fff;
padding: 10px;
display: inline-block;
Expand Down
2 changes: 1 addition & 1 deletion display/multi-keyword/inline-flex.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.flex > div {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion display/multi-keyword/multi-keyword-flex.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
.flex > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
4 changes: 2 additions & 2 deletions editable-samples-2/css/editable.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ body {
height: 200px;
background-color: white;
padding: 1em 0;
box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 0.1);
}

#example-element {
Expand Down Expand Up @@ -49,7 +49,7 @@ body {
.example-choice.selected {
background-color: white;
transition: background-color 0.2s ease-in;
box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 2px 2px -2px rgb(0 0 0 / 0.2);
cursor: text;
}

Expand Down
2 changes: 1 addition & 1 deletion editable-samples/codemirror/mode/css/less.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ <h2>LESS mode</h2>
.box-shadow(0, 1px, 8px, 0.6);

&.docked {
background-color: hsla(210, 60%, 40%, 0.4);
background-color: hsl(210 60% 40% / 0.4);
}
&:hover {
background-color: @blue;
Expand Down
10 changes: 5 additions & 5 deletions editable-samples/css/editable.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@ body {
}

.CodeMirror {
box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.2);
border-top: 1px solid rgba(0, 0, 0, 0.3);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 2px 2px -2px rgb(0 0 0 / 0.2);
border: 1px solid rgb(0 0 0 / 0.2);
border-top: 1px solid rgb(0 0 0 / 0.3);
border-bottom: 1px solid rgb(0 0 0 / 0.1);
}

#editor {
Expand All @@ -41,5 +41,5 @@ body {
background-color: white;
padding: 1em;
box-sizing: border-box;
box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 0.1);
}
2 changes: 1 addition & 1 deletion flexbox/alignment/align-content-column.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
flex: 1 1 100px;
}
</style>
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/align-content.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
flex: 1 1 100px;
}
</style>
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/align-items.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/align-self-column.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/align-self.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/auto-margins.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/intro.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/justify-content-column.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/justify-content-reverse.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/justify-content-writing-mode.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/alignment/justify-content.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
padding: 20px;
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/align-items.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/flex-direction.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}

.box {
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/flex-flow.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
width: 200px;
}

Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/flex-properties.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}

.box {
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/flex-shorthands.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}

.box {
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/flex-wrap.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
width: 200px;
}

Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/justify-content.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/simple-example-anon.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
padding: 10px;
margin: 0;
}
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/simple-example.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
padding: 10px;
}
</style>
Expand Down
2 changes: 1 addition & 1 deletion flexbox/basics/the-flex-container.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/browsers/float.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/browsers/inline-block.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/browsers/table-cell.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/browsers/vertical-align.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}
</style>
<style class="editable">
Expand Down
2 changes: 1 addition & 1 deletion flexbox/order/flex-direction.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
padding: 10px;
}

Expand Down
2 changes: 1 addition & 1 deletion flexbox/order/negative-order.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
padding: 10px;
}

Expand Down
2 changes: 1 addition & 1 deletion flexbox/order/order.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
padding: 10px;
}

Expand Down
2 changes: 1 addition & 1 deletion flexbox/order/usecase-order.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
.card {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
padding: 10px;
}
</style>
Expand Down
2 changes: 1 addition & 1 deletion flexbox/ratios/flex-basis.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
.box > * {
border: 2px solid rgb(96 139 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, 0.2);
background-color: rgb(96 139 168 / 0.2);
}

.box {
Expand Down
Loading

0 comments on commit 0195b3b

Please sign in to comment.