archive/pelican-mg
1
0
Fork 0
mirror of https://github.com/c0de-archive/pelican-mg.git synced 2025-07-30 13:30:17 +00:00
Code Issues Projects Releases Wiki Activity

Adding accessibility skiplinks

Browse Source
This commit is contained in:
Lucas Cimon
2017-08-18 12:05:32 +02:00
parent 1219b7b8ef
commit 2487505c29
2 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
static/css/main.css
View File

@@ -83,6 +83,7 @@ a {
.mg-header {
overflow: hidden; /* to hide the absolutely positioned mg-skiplinks child */
background-color: #39b39d; }
.mg-header-content {
@@ -94,8 +95,7 @@ a {
font-style: italic;
font-size: 2.5em;
padding-left: 0;
color: white;
text-decoration: none; }
color: white; }
.mg-brand:hover, .mg-brand:focus {
color: white; }
@media (max-width: 767px) {
@@ -130,8 +130,7 @@ a {
text-transform: uppercase;
cursor: pointer; }
.mg-tag-filter:hover {
border-color: #b2b2b2;
text-decoration: none; }
border-color: #b2b2b2; }
.mg-tag-filter-include {
background-color: #33b5e5; }
.mg-tag-filter-exclude {
@@ -174,7 +173,6 @@ a {
.mg-feed {
color: #bf4d00; }
.mg-feed:hover {
text-decoration: none;
color: #FF6600; }
.mg-tags {
@@ -204,8 +202,6 @@ a {
.mg-icon-link {
padding: .3rem; }
.mg-icon-link:hover {
text-decoration: none; }
.mg-icons-small {
margin-bottom: 1em; }
@@ -299,3 +295,19 @@ a {
max-height: 0;
transition: max-height 1s ease-out;
}
/* Accessibility */
a:focus, .uk-link:focus, .uk-navbar-brand:focus {
outline: 1px dotted !important; /* resetting an outline - damn uikit :( */
}
.mg-skiplinks {
list-style-type: none;
}
.mg-skiplinks a {
color: #39b39d;
}
.mg-skiplinks a:focus {
color: white;
}