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

flip face and highlight for window borders

Browse Source 
fixes #17
This commit is contained in:
Jordan Scales
2020-04-27 13:40:32 -04:00
parent 167f8423c4
commit bef9631345
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
style.css
View File

@@ -54,6 +54,12 @@
--border-sunken-inner: inset -2px -2px var(--button-face),
inset 2px 2px var(--button-shadow);
/* Window borders flip button-face and button-highlight */
--border-window-outer: inset -1px -1px var(--window-frame),
inset 1px 1px var(--button-face);
--border-window-inner: inset -2px -2px var(--button-shadow),
inset 2px 2px var(--button-highlight);
/* Field borders (checkbox, input, etc) flip window-frame and button-shadow */
--border-field: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
@@ -129,7 +135,7 @@ button {
padding: 0 12px;
}
.vertical-bar{
.vertical-bar {
width: 4px;
height: 20px;
background: #c0c0c0;
@@ -162,7 +168,7 @@ button::-moz-focus-inner {
}
.window {
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
box-shadow: var(--border-window-outer), var(--border-window-inner);
background: var(--surface);
padding: 3px;
}