mirror_css/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2025-09-02 18:33:01 +02:00
Code Issues Releases Wiki Activity

Added styling selectors

Browse Source
This commit is contained in:
Vincent Langlois
2024-01-22 17:59:09 -05:00
parent cb247db8d3
commit 723995d5d2
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
style.css
View File

@@ -64,14 +64,6 @@
--default-button-border-sunken-inner: inset -2px -2px var(--button-highlight), inset 3px 3px var(--button-shadow), inset -3px -3px var(--button-face); --default-button-border-sunken-inner: inset -2px -2px var(--button-highlight), inset 3px 3px var(--button-shadow), inset -3px -3px var(--button-face);
.default {
box-shadow: var(--default-button-border-raised-outer), var(--default-button-border-raised-inner);
}
.default:active {
box-shadow: var(--default-button-border-sunken-outer), var(--default-button-border-sunken-inner);
}
/* Window borders flip button-face and button-highlight */ /* Window borders flip button-face and button-highlight */
--border-window-outer: inset -1px -1px var(--window-frame), --border-window-outer: inset -1px -1px var(--window-frame),
inset 1px 1px var(--button-face); inset 1px 1px var(--button-face);
@@ -166,6 +158,12 @@ input[type="reset"] {
padding: 0 12px; padding: 0 12px;
} }
button.default,
input[type="submit"].default,
input[type="reset"].default {
box-shadow: var(--default-button-border-raised-outer), var(--default-button-border-raised-inner);
}
.vertical-bar { .vertical-bar {
width: 4px; width: 4px;
height: 20px; height: 20px;
@@ -180,6 +178,12 @@ input[type="reset"]:not(:disabled):active {
text-shadow: 1px 1px var(--text-color); text-shadow: 1px 1px var(--text-color);
} }
button.default:not(:disabled):active,
input[type="submit"].default:not(:disabled):active,
input[type="reset"].default:not(:disabled):active {
box-shadow: var(--default-button-border-sunken-outer), var(--default-button-border-sunken-inner);
}
@media (not(hover)) { @media (not(hover)) {
button:not(:disabled):hover, button:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover, input[type="submit"]:not(:disabled):hover,