Browse Source

Professional Business: Fix link color inheriting for the Cover block

Takashi Irie 6 years ago
parent
commit
7cf3689e56

+ 4 - 0
professional-business/sass/blocks/_blocks.scss

@@ -521,6 +521,10 @@
 			-webkit-hyphens: auto;
 			hyphens: auto;
 
+			a {
+				color: inherit;
+			}
+
 			@include media(tablet) {
 				max-width: 100%;
 			}

+ 7 - 3
professional-business/style-editor.css

@@ -251,7 +251,7 @@ figcaption,
   margin: auto;
 }
 
-.wp-block-cover h2,
+.wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-text {
   font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
   font-size: 1.6875em;
@@ -260,13 +260,13 @@ figcaption,
   padding-right: 1rem;
 }
 
-.wp-block-cover h2 strong,
+.wp-block-cover .wp-block-cover__inner-container strong,
 .wp-block-cover .wp-block-cover-text strong {
   font-weight: bolder;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block-cover h2,
+  .wp-block-cover .wp-block-cover__inner-container,
   .wp-block-cover .wp-block-cover-text {
     margin-left: auto;
     margin-right: auto;
@@ -274,6 +274,10 @@ figcaption,
   }
 }
 
+.wp-block-cover .wp-block-cover__inner-container a {
+  color: inherit;
+}
+
 @media only screen and (min-width: 768px) {
   .wp-block-cover {
     min-height: 460px;

+ 7 - 1
professional-business/style-editor.scss

@@ -252,7 +252,7 @@ figcaption,
 		margin: auto;
 	}
 
-	h2,
+	.wp-block-cover__inner-container,
 	.wp-block-cover-text {
 		font-family: $font__heading;
 		font-size: $font__size-lg;
@@ -271,6 +271,12 @@ figcaption,
 		}
 	}
 
+	.wp-block-cover__inner-container {
+		a {
+			color: inherit;
+		}
+	}
+
 	@include media(tablet) {
 		min-height: 460px;
 		padding-left: 10%;

+ 24 - 26
professional-business/style-rtl.css

@@ -137,8 +137,7 @@ abbr[title] {
   /* 1 */
   text-decoration: underline;
   /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline dotted;
   /* 2 */
 }
 
@@ -575,18 +574,14 @@ h6 {
 .error-404 .page-title,
 .comments-title,
 blockquote {
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
   word-break: break-word;
 }
 
 /* Do not hyphenate entry title on tablet view and bigger. */
 @media only screen and (min-width: 768px) {
   .entry-title {
-    -webkit-hyphens: none;
-        -ms-hyphens: none;
-            hyphens: none;
+    hyphens: none;
   }
 }
 
@@ -738,6 +733,10 @@ html {
   box-sizing: border-box;
 }
 
+::-moz-selection {
+  background-color: #bfdcea;
+}
+
 ::selection {
   background-color: #bfdcea;
 }
@@ -1279,8 +1278,6 @@ body.page .main-navigation {
     left: 0;
     right: auto;
     display: block;
-    width: -webkit-max-content;
-    width: -moz-max-content;
     width: max-content;
   }
 }
@@ -1367,8 +1364,6 @@ body.page .main-navigation {
     left: 0;
     right: auto;
     display: table;
-    width: -webkit-max-content;
-    width: -moz-max-content;
     width: max-content;
   }
 }
@@ -1622,10 +1617,7 @@ body.page .main-navigation {
 
 .post-navigation .nav-links a .meta-nav {
   color: #1e1e1e;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 
 .post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
@@ -1637,9 +1629,7 @@ body.page .main-navigation {
 }
 
 .post-navigation .nav-links a .post-title {
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
 }
 
 .post-navigation .nav-links a:hover {
@@ -1765,8 +1755,7 @@ body.page .main-navigation {
 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-          clip-path: inset(50%);
+  clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
@@ -1782,8 +1771,7 @@ body.page .main-navigation {
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
-  -webkit-clip-path: none;
-          clip-path: none;
+  clip-path: none;
   color: #21759b;
   display: block;
   font-size: 14px;
@@ -2060,6 +2048,7 @@ body.page .main-navigation {
 .site-header.featured-image .social-navigation svg,
 .site-header.featured-image .site-featured-image svg {
   /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
+  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
 }
 
@@ -2081,12 +2070,11 @@ body.page .main-navigation {
   /* When image filters are active, make it grayscale to colorize it blue. */
 }
 
-@supports ((-o-object-fit: cover) or (object-fit: cover)) {
+@supports (object-fit: cover) {
   .site-header.featured-image .site-featured-image .post-thumbnail img {
     height: 100%;
     right: 0;
-    -o-object-fit: cover;
-       object-fit: cover;
+    object-fit: cover;
     top: 0;
     transform: none;
     width: 100%;
@@ -2265,6 +2253,10 @@ body.page .main-navigation {
   }
 }
 
+.site-header.featured-image ::-moz-selection {
+  background: rgba(255, 255, 255, 0.17);
+}
+
 .site-header.featured-image ::selection {
   background: rgba(255, 255, 255, 0.17);
 }
@@ -3864,10 +3856,16 @@ body.page .main-navigation {
   padding: 0;
   color: #fff;
   -ms-hyphens: auto;
+  -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
 }
 
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container a,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container a {
+  color: inherit;
+}
+
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
   .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {

+ 5 - 0
professional-business/style.css

@@ -3880,6 +3880,11 @@ body.page .main-navigation {
   hyphens: auto;
 }
 
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container a,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container a {
+  color: inherit;
+}
+
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
   .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {