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

Prevent layout issues for active button (#150)

Browse Source
This commit is contained in:
robert-ryu7
2022-11-13 18:16:47 +01:00
committed by GitHub
parent 984bdadaaf
commit fff3262e3c
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
style.css
View File

@@ -6,6 +6,7 @@
:root { :root {
/* Color */ /* Color */
--text-color: #222222;
--surface: #c0c0c0; --surface: #c0c0c0;
--button-highlight: #ffffff; --button-highlight: #ffffff;
--button-face: #dfdfdf; --button-face: #dfdfdf;
@@ -89,7 +90,7 @@
body { body {
font-family: Arial; font-family: Arial;
font-size: 12px; font-size: 12px;
color: #222222; color: var(--text-color);
} }
button, button,
@@ -132,6 +133,8 @@ input[type="submit"],
input[type="reset"] { input[type="reset"] {
box-sizing: border-box; box-sizing: border-box;
border: none; border: none;
color: transparent;
text-shadow: 0 0 var(--text-color);
background: var(--surface); background: var(--surface);
box-shadow: var(--border-raised-outer), var(--border-raised-inner); box-shadow: var(--border-raised-outer), var(--border-raised-inner);
border-radius: 0; border-radius: 0;
@@ -152,7 +155,7 @@ button:not(:disabled):active,
input[type="submit"]:not(:disabled):active, input[type="submit"]:not(:disabled):active,
input[type="reset"]:not(:disabled):active { input[type="reset"]:not(:disabled):active {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner); box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
padding: 2px 11px 0 13px; text-shadow: 1px 1px var(--text-color);
} }
@media (not(hover)) { @media (not(hover)) {