瀏覽代碼

Calm Business: Fix button hover color issue

Takashi Irie 6 年之前
父節點
當前提交
7c573a7d5a
共有 4 個文件被更改,包括 31 次插入27 次删除
  1. 1 1
      calm-business/sass/variables-site/_colors.scss
  2. 2 2
      calm-business/style-jetpack.css
  3. 16 12
      calm-business/style-rtl.css
  4. 12 12
      calm-business/style.css

+ 1 - 1
calm-business/sass/variables-site/_colors.scss

@@ -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% );

+ 2 - 2
calm-business/style-jetpack.css

@@ -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;
 }

+ 16 - 12
calm-business/style-rtl.css

@@ -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;
 }

+ 12 - 12
calm-business/style.css

@@ -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;
 }