diff options
| author | Henry Jameson <me@hjkos.com> | 2018-11-23 00:30:28 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-11-23 00:30:28 +0300 |
| commit | 7af6be84bb8d019510b14dfe2e614156c92ff201 (patch) | |
| tree | cf0a0807b69a6d7130ce437f546d35fbf3f3e317 | |
| parent | 29082e9aee3dc50acfd5f1635f1a09017b83a893 (diff) | |
fake borders fallback
| -rw-r--r-- | src/App.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/App.scss b/src/App.scss index 3059d753..8732d23c 100644 --- a/src/App.scss +++ b/src/App.scss @@ -58,7 +58,7 @@ button { border-radius: $fallback--btnRadius; border-radius: var(--btnRadius, $fallback--btnRadius); cursor: pointer; - box-shadow: 0px 0px 2px black; + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: var(--buttonShadow); font-size: 14px; font-family: sans-serif; @@ -78,6 +78,7 @@ button { } &:active { + box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset; box-shadow: var(--buttonPressedShadow); } @@ -103,7 +104,7 @@ input, textarea, .select { border: none; border-radius: $fallback--inputRadius; border-radius: var(--inputRadius, $fallback--inputRadius); - box-shadow: 0px 0px 2px black inset; + box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 0px 2px 0px rgba(0, 0, 0, 1) inset; box-shadow: var(--inputShadow); background-color: $fallback--fg; background-color: var(--input, $fallback--fg); |