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

Using [role] and [aria] attributes

Browse Source
This commit is contained in:
CaptainFalcon92
2020-04-24 14:18:50 +02:00
committed by Juan Garay
parent 9cfa36b5c0
commit ce7c9b492e
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
style.css
View File

@@ -738,7 +738,12 @@ summary:focus {
background-image: svg-load("./icon/button-right.svg"); background-image: svg-load("./icon/button-right.svg");
} }
menu.tabs { .window[role=tabpanel] {
position: relative;
z-index: 2;
}
menu[role=tablist] {
position: relative; position: relative;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
text-indent: 0; text-indent: 0;
@@ -747,13 +752,14 @@ menu.tabs {
padding-left: 3px; padding-left: 3px;
} }
menu.tabs li { menu[role=tablist] > li {
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
box-shadow: var(--border-tab); box-shadow: var(--border-tab);
z-index: 1; z-index: 1;
} }
menu.tabs > li.active {
menu[role=tablist] > li[aria-selected] {
padding-bottom: 2px; padding-bottom: 2px;
margin-top: -2px; margin-top: -2px;
background-color: var(--surface); background-color: var(--surface);
@@ -762,20 +768,20 @@ menu.tabs > li.active {
margin-left: -3px; margin-left: -3px;
} }
menu.tabs > li > a { menu[role=tablist] > li > a {
display: block; display: block;
color: #222; color: #222;
margin: 6px; margin: 6px;
text-decoration: none; text-decoration: none;
} }
menu.tabs > li.active > a:focus { menu[role=tablist] > li[aria-selected] > a:focus {
outline: none; outline: none;
} }
menu.tabs > li > a:focus { menu[role=tablist] > li > a:focus {
outline: 1px dotted #222; outline: 1px dotted #222;
} }
menu.tabs.justified > li { menu[role=tablist].justified > li {
flex-grow: 1; flex-grow: 1;
text-align: center; text-align: center;
} }