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

Swap box-shadows with actual borders

Browse Source
This commit is contained in:
robert-ryu7
2022-11-16 08:01:06 +00:00
parent d39788c788
commit b957c65c3a
7 changed files with 84 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/docs.css
View File

@@ -112,8 +112,8 @@ button.focused {
}
button.active {
box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a,
inset -2px -2px #dfdfdf, inset 2px 2px #808080;
border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230a0a0a' d='M0 0h4v1H0z'/%3E%3Cpath fill='%230a0a0a' d='M0 0h1v4H0z'/%3E%3Cpath fill='gray' d='M1 1h2v1H1z'/%3E%3Cpath fill='gray' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;
text-shadow: 1px 1px #222;
}
@media (max-width: 480px) {