Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrmrs
mrmrs committed Sep 12, 2023
1 parent 3ff3dfb commit 6b8c744
Show file tree
Hide file tree
Showing 5 changed files with 25 additions and 10 deletions.
13 changes: 8 additions & 5 deletions css/tachyons.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -592,7 +592,7 @@ template { display: none; }
*/
.container-size { container-type: size; }
.container-inline { container-type: inline-size; }
.root, .container-inline { container-type: inline-size; }
.container-normal { container-type: normal; }
@container (min-width:30em) {
.container-size-s { container-type: size; }
Expand Down Expand Up @@ -1164,10 +1164,11 @@ img { display: block; max-width: 100%; }
*/
/* Box shadow based borders */
.shadow-border-1 { box-shadow: inset 0 0 var( --shadow-border-width, 1px ) 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); }
.shadow-border-2 { box-shadow: inset 0 0 var( --shadow-border-width ) 0 currentColor; }
.shadow-border-3 { box-shadow: inset 0 0 2px 0 rgb( var( --shadow-color-light, 255 255 255 ) / var( --shadow-opacity, .125 ) ); }
.shadow-border-4 { box-shadow: inset 0 0 2px 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); }
.shadow-border-5 { box-shadow: inset 0 0 2px 0 currentColor; }
.shadow-border-2 { box-shadow: inset 0 0 var( --shadow-border-width, 1px ) 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .25 ) ); }
.shadow-border-3 { box-shadow: inset 0 0 var( --shadow-border-width ) 0 currentColor; }
.shadow-border-4 { box-shadow: inset 0 0 2px 0 rgb( var( --shadow-color-light, 255 255 255 ) / var( --shadow-opacity, .125 ) ); }
.shadow-border-5 { box-shadow: inset 0 0 2px 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); }
.shadow-border-6 { box-shadow: inset 0 0 2px 0 currentColor; }
.shadow-1 { box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 16px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); }
.shadow-2 { box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); }
.shadow-3 { --shadow-opacity: .11; box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 16px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 32px 32px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ); }
Expand Down Expand Up @@ -3669,6 +3670,8 @@ img { display: block; max-width: 100%; }
.bg-cyan-9 { background-color: var( --cyan-9 ); }
.bg-cyan-10 { background-color: var( --cyan-10 ); }
.bg-cyan-11 { background-color: var( --cyan-11 ); }
.dark { background-color: black; color: white; }
.light { background-color: white; color: black; }
.blue { background-color: var( --blue-5 ); color: var( --gray-11 ); }
.blue-dark { background-color: var( --blue-3 ); color: var( --blue-9 ); }
.blue-light { color: var( --blue-3 ); background-color: var( --blue-10 ); }
Expand Down
2 changes: 1 addition & 1 deletion css/tachyons.min.css
View file

Large diffs are not rendered by default.

9 changes: 5 additions & 4 deletions src/_box-shadow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,10 +37,11 @@
/* Box shadow based borders */

.shadow-border-1 { box-shadow: inset 0 0 var(--shadow-border-width, 1px) 0 rgb(var(--shadow-color, 0 0 0) / var(--shadow-opacity, .125)); }
.shadow-border-2 { box-shadow: inset 0 0 var(--shadow-border-width) 0 currentColor; }
.shadow-border-3 { box-shadow: inset 0 0 2px 0 rgb(var(--shadow-color-light, 255 255 255) / var(--shadow-opacity, .125)); }
.shadow-border-4 { box-shadow: inset 0 0 2px 0 rgb(var(--shadow-color, 0 0 0) / var(--shadow-opacity, .125))}
.shadow-border-5 { box-shadow: inset 0 0 2px 0 currentColor; }
.shadow-border-2 { box-shadow: inset 0 0 var(--shadow-border-width, 1px) 0 rgb(var(--shadow-color, 0 0 0) / var(--shadow-opacity, .25)); }
.shadow-border-3 { box-shadow: inset 0 0 var(--shadow-border-width) 0 currentColor; }
.shadow-border-4 { box-shadow: inset 0 0 2px 0 rgb(var(--shadow-color-light, 255 255 255) / var(--shadow-opacity, .125)); }
.shadow-border-5 { box-shadow: inset 0 0 2px 0 rgb(var(--shadow-color, 0 0 0) / var(--shadow-opacity, .125))}
.shadow-border-6 { box-shadow: inset 0 0 2px 0 currentColor; }

.shadow-1 {
box-shadow:
Expand Down
1 change: 1 addition & 0 deletions src/_container-type.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
*/

.container-size { container-type: size; }
.root,
.container-inline { container-type: inline-size; }
.container-normal { container-type: normal; }

Expand Down
10 changes: 10 additions & 0 deletions src/_skins.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -401,6 +401,16 @@
.bg-cyan-10 { background-color: var(--cyan-10); }
.bg-cyan-11 { background-color: var(--cyan-11); }

.dark {
background-color: black;
color: white;
}

.light {
background-color: white;
color: black;
}

.blue {
background-color: var(--blue-5);
color: var(--gray-11);
Expand Down

0 comments on commit 6b8c744

Please sign in to comment.