mirror/chota
1
0
Fork 0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #53 from yne/master

Browse Source 
Alias .current with aria-current=page
This commit is contained in:
Jenil Gogari 2020-10-19 10:01:51 -04:00 committed by GitHub
commit a76d3b822a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
dist/chota.css vendored
View File

@ -716,6 +716,7 @@ button:disabled:hover {
padding: 1rem 2rem; padding: 1rem 2rem;
color: var(--color-darkGrey); color: var(--color-darkGrey);
} }
.nav [aria-current="page"]:not(.button),
.nav .active:not(.button) { .nav .active:not(.button) {
color: #000; /* fallback */ color: #000; /* fallback */
color: var(--color-primary); color: var(--color-primary);
@ -763,11 +764,13 @@ button:disabled:hover {
border-bottom: 2px solid var(--color-lightGrey); border-bottom: 2px solid var(--color-lightGrey);
text-align: center; text-align: center;
} }
.tabs > a[aria-current="page"],
.tabs > a.active, .tabs > a.active,
.tabs > a:hover { .tabs > a:hover {
opacity: 1; opacity: 1;
border-bottom: 2px solid var(--color-darkGrey); border-bottom: 2px solid var(--color-darkGrey);
} }
.tabs > a[aria-current="page"],
.tabs > a.active { .tabs > a.active {
border-color: var(--color-primary); border-color: var(--color-primary);
} }

2
dist/chota.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
src/_nav.css
View File

@ -53,6 +53,7 @@
color: var(--color-darkGrey); color: var(--color-darkGrey);
} }
.nav [aria-current="page"]:not(.button),
.nav .active:not(.button) { .nav .active:not(.button) {
color: #000; /* fallback */ color: #000; /* fallback */
color: var(--color-primary); color: var(--color-primary);

2
src/_tab.css
View File

@ -15,12 +15,14 @@
text-align: center; text-align: center;
} }
.tabs > a[aria-current="page"],
.tabs > a.active, .tabs > a.active,
.tabs > a:hover { .tabs > a:hover {
opacity: 1; opacity: 1;
border-bottom: 2px solid var(--color-darkGrey); border-bottom: 2px solid var(--color-darkGrey);
} }
.tabs > a[aria-current="page"],
.tabs > a.active { .tabs > a.active {
border-color: var(--color-primary); border-color: var(--color-primary);
} }