errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add support for touch active

Browse source
This commit is contained in:
Mu-An Chiou 2020-04-23 17:25:10 -04:00
parent b02cb0035f
commit 0cf8f9623c
No known key found for this signature in database
GPG key ID: CD0B1EEC7A35239E
5 changed files with 24 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
build/98.css
View file

@ -133,6 +133,14 @@ button:not(:disabled):active {
inset 2px 2px #808080; inset 2px 2px #808080;
} }
@media (not(hover)) {
button:not(:disabled):hover {
box-shadow: inset -1px -1px #ffffff,
inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf,
inset 2px 2px #808080;
}
}
button:focus { button:focus {
outline: 1px dotted #000000; outline: 1px dotted #000000;
outline-offset: -4px; outline-offset: -4px;

8
docs/98.css
View file

@ -133,6 +133,14 @@ button:not(:disabled):active {
inset 2px 2px #808080; inset 2px 2px #808080;
} }
@media (not(hover)) {
button:not(:disabled):hover {
box-shadow: inset -1px -1px #ffffff,
inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf,
inset 2px 2px #808080;
}
}
button:focus { button:focus {
outline: 1px dotted #000000; outline: 1px dotted #000000;
outline-offset: -4px; outline-offset: -4px;

2
docs/index.html
View file

@ -18,7 +18,7 @@
<link rel="stylesheet" href="docs.css"></style> <link rel="stylesheet" href="docs.css"></style>
<link rel="stylesheet" href="vs.css"></style> <link rel="stylesheet" href="vs.css"></style>
</head> </head>
<body> <body ontouchstart>
<aside> <aside>
<ul class="tree-view"> <ul class="tree-view">
<li><a href="#intro">Intro</a></li> <li><a href="#intro">Intro</a></li>

2
docs/index.html.ejs
View file

@ -18,7 +18,7 @@
<link rel="stylesheet" href="docs.css"></style> <link rel="stylesheet" href="docs.css"></style>
<link rel="stylesheet" href="vs.css"></style> <link rel="stylesheet" href="vs.css"></style>
</head> </head>
<body> <body ontouchstart>
<aside> <aside>
<ul class="tree-view"> <ul class="tree-view">
<li><a href="#intro">Intro</a></li> <li><a href="#intro">Intro</a></li>

6
style.css
View file

@ -133,6 +133,12 @@ button:not(:disabled):active {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner); box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
} }
@media (not(hover)) {
button:not(:disabled):hover {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
}
}
button:focus { button:focus {
outline: 1px dotted #000000; outline: 1px dotted #000000;
outline-offset: -4px; outline-offset: -4px;