Calm Business: Fix button hover color issue

This commit is contained in:
Takashi Irie 2019-06-04 02:42:29 +01:00
parent b143a1555d
commit 7c573a7d5a
4 changed files with 31 additions and 27 deletions

View file

@ -7,7 +7,7 @@ $color__background-input: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: #2E2E2E;
$color__background-button: #8D6708;
$color__background-button-hover: #111;
$color__background-button-hover: darken(#8D6708, 10%);
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

View file

@ -11,7 +11,7 @@
}
.site-main #infinite-handle span button:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -21,7 +21,7 @@
}
.site-main #infinite-handle span button:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}

View file

@ -897,7 +897,7 @@ button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -915,7 +915,7 @@ button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}
@ -2644,7 +2644,7 @@ body.page .main-navigation {
}
.entry .entry-content a.button:hover {
background: #111;
background: #5d4405;
color: #FAF8F5;
cursor: pointer;
}
@ -3711,13 +3711,13 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
background: #5d4405;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}
@ -3749,11 +3749,11 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
border-color: #5d4405;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
color: #111;
color: #5d4405;
}
.entry .entry-content .wp-block-archives,
@ -4354,12 +4354,12 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}
@ -4428,6 +4428,10 @@ body.page .main-navigation {
margin: 0 auto;
}
.entry .entry-content .wp-block-media-text a {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text:before {
content: '';
@ -4784,7 +4788,7 @@ body.page .main-navigation {
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -4827,7 +4831,7 @@ body.page .main-navigation {
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -4837,7 +4841,7 @@ body.page .main-navigation {
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}

View file

@ -897,7 +897,7 @@ button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -915,7 +915,7 @@ button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}
@ -2650,7 +2650,7 @@ body.page .main-navigation {
}
.entry .entry-content a.button:hover {
background: #111;
background: #5d4405;
color: #FAF8F5;
cursor: pointer;
}
@ -3723,13 +3723,13 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
background: #5d4405;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}
@ -3761,11 +3761,11 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
border-color: #5d4405;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
color: #111;
color: #5d4405;
}
.entry .entry-content .wp-block-archives,
@ -4366,12 +4366,12 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}
@ -4800,7 +4800,7 @@ body.page .main-navigation {
}
.entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -4843,7 +4843,7 @@ body.page .main-navigation {
}
.entry .entry-content .a8c-posts-list__view-all:hover {
background: #111;
background: #5d4405;
cursor: pointer;
}
@ -4853,7 +4853,7 @@ body.page .main-navigation {
}
.entry .entry-content .a8c-posts-list__view-all:focus {
background: #111;
background: #5d4405;
outline: thin dotted;
outline-offset: -4px;
}