Change outline unit to em
This commit is contained in:
parent
e1ce4f2a5b
commit
a1f8381b8e
|
@ -94,7 +94,7 @@ body {
|
||||||
font-size: var(--clr-body-bg);
|
font-size: var(--clr-body-bg);
|
||||||
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background: #000000;
|
background: var(--clr-body-bg);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -149,10 +149,10 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.index__link:focus {
|
.index__link:focus {
|
||||||
outline-offset: 0.2rem;
|
outline-offset: 0.2em;
|
||||||
outline: 0.2rem solid var(--clr-body-txt);
|
outline: 0.2em solid var(--clr-body-txt);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus img {
|
a:focus img {
|
||||||
outline: 0.2rem solid var(--clr-body-txt);
|
outline: 0.2em solid var(--clr-body-txt);
|
||||||
}
|
}
|
|
@ -174,7 +174,7 @@ strong {
|
||||||
}
|
}
|
||||||
|
|
||||||
:focus {
|
:focus {
|
||||||
outline: 0.15rem solid var(--clr-body-txt);
|
outline: 0.15em solid var(--clr-body-txt);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -191,7 +191,7 @@ a:not([class]):focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus img {
|
a:focus img {
|
||||||
outline: 0.2rem solid var(--clr-body-txt);
|
outline: 0.2em solid var(--clr-body-txt);
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
|
@ -207,7 +207,7 @@ button:hover {
|
||||||
|
|
||||||
button:focus,
|
button:focus,
|
||||||
detail:focus {
|
detail:focus {
|
||||||
outline-offset: 0.2rem;
|
outline-offset: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
@ -276,8 +276,8 @@ summary {
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar a:focus {
|
.navbar a:focus {
|
||||||
outline-offset: 0.3rem;
|
outline-offset: 0.3em;
|
||||||
outline: 0.15rem solid var(--clr-navbar-link);
|
outline: 0.15em solid var(--clr-navbar-link);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav__menu {
|
.nav__menu {
|
||||||
|
@ -448,8 +448,8 @@ article, .content-container {
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-btn:focus {
|
.link-btn:focus {
|
||||||
outline-offset: 0.2rem;
|
outline-offset: 0.2em;
|
||||||
outline: 0.15rem solid var(--clr-link);
|
outline: 0.15em solid var(--clr-link);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Q&A accordion */
|
/* Q&A accordion */
|
||||||
|
|
Loading…
Reference in New Issue