js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixing appearance='text' selectors in depth styling

Browse Source
This commit is contained in:
Brian Talbot
2024-06-27 11:59:09 -04:00
parent 236ecd0240
commit c4d5e9d2f0
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/themes/depth_2_chunky.css
View File

@@ -45,7 +45,7 @@ wa-button {
--wa-transition-normal: 0ms;
--wa-transition-fast: 0ms;
&:not([variant='text']) {
&:not([appearance='text']) {
--box-shadow: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s)
var(--box-shadow-color);
margin-bottom: var(--wa-shadow-offset-y-s);

2
src/themes/depth_3_punchy.css
View File

@@ -40,7 +40,7 @@
}
/* #region Buttons */
wa-button:not([variant='text']) {
wa-button:not([appearance='text']) {
--box-shadow: inset 0 0.0625rem 0 0 rgb(255 255 255 / 0.2) /* shine */,
inset 0 0.0625rem 0.125rem 0 rgb(255 255 255 / 0.2) /* inner highlight */,
inset 0 -0.0625rem 0.0625rem 0 rgb(0 0 0 / 0.2) /* inner shadow */, var(--wa-shadow-s) /* outer shadow */;

2
src/themes/depth_4_glossy.css
View File

@@ -97,7 +97,7 @@
/* #endregion */
/* #region Buttons */
wa-button:not([variant='text']) {
wa-button:not([appearance='text']) {
--box-shadow: inset 0 0.0625rem 0 0 rgb(255 255 255 / 0.2) /* shine */,
inset 0 0.125rem 0 0 rgb(255 255 255 / 0.1) /* top highlight */,
inset 0 1.25em 0 0 rgb(255 255 255 / 0.1) /* upper tint */, inset 0 -1.125em 0 0 rgb(0 0 0 / 0.04) /* lower shade */,