malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Update focus border styles

Browse Source
This commit is contained in:
Tetrakern 2023-01-26 13:44:37 +01:00
parent 7a151009ff
commit 81b08abd8a
10 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/chapter.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
src/scss/_card.scss
View File

@ -92,7 +92,6 @@
&__delete {
--focus-offset: -8px;
--focus-border-radius: 8px;
cursor: pointer;
position: absolute;
top: 0;
@ -427,7 +426,6 @@
&__info-toggle {
--focus-offset: -8px;
--focus-border-radius: 8px;
cursor: pointer;
position: absolute;
top: 0;

1
src/scss/_follows.scss
View File

@ -104,7 +104,6 @@
.follow-item {
--focus-offset: -6px;
--focus-border-radius: 6px;
&:not(:last-child) {
border-bottom: 1px solid var(--navigation-item-active-submenu-secant);

1
src/scss/_lightbox.scss
View File

@ -16,7 +16,6 @@
&__close {
--focus-offset: -12px;
--focus-border-radius: 16px;
position: absolute;
top: -0.5rem;
right: -0.5rem;

2
src/scss/_reader-settings.scss
View File

@ -81,7 +81,7 @@
.toggle {
--focus-offset: 2px;
--focus-border-radius: 50%;
border-radius: 50%;
input {
&:checked + span {

1
src/scss/common/_blocks.scss
View File

@ -248,7 +248,6 @@ figure {
// =============================================================================
.wp-block-image {
--focus-offset: 2px;
flex-wrap: wrap;
figcaption {

1
src/scss/common/_inputs.scss
View File

@ -183,7 +183,6 @@ input[type=checkbox] {
}
input[type=radio] {
--focus-border-radius: 50%;
border-radius: 50%;
&:checked {

3
src/scss/common/_setup.scss
View File

@ -21,7 +21,6 @@ input:is([type=checkbox], [type=radio], [type=range]):focus-visible,
.oauth-login-link button:focus-visible,
.story__thumbnail a:focus-visible img,
.comment-respond-option-toggle:focus-visible {
border-radius: var(--focus-border-radius, var(--layout-border-radius-small));
outline: var(--focus-outline);
outline-offset: var(--focus-offset, 0);
}
@ -32,7 +31,6 @@ input:is([type=checkbox], [type=radio], [type=range]):focus-visible,
.card__link-list li:has(a:focus-visible),
.oauth-login-link:has(:focus-visible),
.follow-item:has(:focus-visible) {
border-radius: var(--focus-border-radius, var(--layout-border-radius-small));
outline: var(--focus-outline);
outline-offset: var(--focus-offset, 0);
}
@ -64,6 +62,7 @@ body {
main {
img {
--focus-offset: 2px;
max-width: 100%;
max-height: 100%;
}