davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

Merge pull request #204 from frankier/add-field-borders

Browse Source 
Add classes for generic usages of (status) field borders
This commit is contained in:
Juani Garay
2024-11-30 12:42:48 -03:00
committed by GitHub
parent 880ac4ffa0 4674ef949f
commit dc3b4488d6
2 changed files with 81 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
style.css
View File

@@ -73,6 +73,7 @@
--border-field: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
inset 2px 2px var(--window-frame);
--border-status-field: inset -1px -1px var(--button-face), inset 1px 1px var(--button-shadow);
/* Tabs */
--border-tab: inset -1px 0 var(--window-frame),
@@ -320,7 +321,7 @@ input[type="reset"]:disabled,
}
.status-bar-field {
box-shadow: inset -1px -1px #dfdfdf, inset 1px 1px #808080;
box-shadow: var(--border-status-field);
flex-grow: 1;
padding: 2px 3px;
margin: 0;
@@ -973,3 +974,21 @@ table > tbody > tr > * {
background-repeat: repeat;
background-size: 18px 100%;
}
.field-border {
background: var(--button-highlight);
box-shadow: var(--border-field);
padding: 2px;
}
.field-border-disabled {
background: var(--surface);
box-shadow: var(--border-field);
padding: 2px;
}
.status-field-border {
background: var(--surface);
box-shadow: var(--border-status-field);
padding: 1px;
}