소스 검색

Elegant Business: Fix Cover Block text to respect Block Editor controls

Allan Cole 6 년 전
부모
커밋
cdc90e21c6

+ 5 - 21
elegant-business/sass/blocks/_blocks.scss

@@ -527,14 +527,7 @@
 			margin-top: $size__vertical-spacing-unit;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			font-weight: bold;
-			line-height: 1.25;
-			padding: 0;
+		.wp-block-cover__inner-container {
 			color: #fff;
 			text-align: center;
 			-ms-hyphens: auto;
@@ -543,23 +536,18 @@
 			hyphens: auto;
 
 			@include media(tablet) {
-				font-size: $font__size-xl;
 				max-width: 100%;
 			}
 		}
 
 		&.has-left-content {
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				text-align: left;
 			}
 		}
 
 		&.has-right-content {
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				text-align: right;
 			}
 		}
@@ -575,9 +563,7 @@
 
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				@include postContentMaxWidth();
 			}
 
@@ -588,9 +574,7 @@
 				width: calc( 125% + 150px );
 				max-width: calc( 125% + 150px );
 
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
+				.wp-block-cover__inner-container {
 					padding: 0;
 					max-width: 100%;
 				}

+ 26 - 13
elegant-business/style-editor-customizer.css

@@ -19,7 +19,8 @@ html[lang="ckb"] .wp-block *,
 html[lang="fa-IR"] .wp-block *,
 html[lang="haz"] .wp-block *,
 html[lang="ps"] .wp-block * {
-  font-family: Tahoma, Arial, sans-serif !important; }
+  font-family: Tahoma, Arial, sans-serif !important;
+}
 
 /* Cyrillic */
 html[lang="be"] .wp-block *,
@@ -32,51 +33,63 @@ html[lang="sah"] .wp-block *,
 html[lang="sr-RS"] .wp-block *,
 html[lang="tt-RU"] .wp-block *,
 html[lang="uk"] .wp-block * {
-  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; }
+  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+}
 
 /* Chinese (Hong Kong) */
 html[lang="zh-HK"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
 
 /* Chinese (Taiwan) */
 html[lang="zh-TW"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
 
 /* Chinese (China) */
 html[lang="zh-CN"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
 
 /* Devanagari */
 html[lang="bn-BD"] .wp-block *,
 html[lang="hi-IN"] .wp-block *,
 html[lang="mr"] .wp-block *,
 html[lang="ne-NP"] .wp-block * {
-  font-family: Arial, sans-serif !important; }
+  font-family: Arial, sans-serif !important;
+}
 
 /* Greek */
 html[lang="el"] .wp-block * {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+}
 
 /* Gujarati */
 html[lang="gu"] .wp-block * {
-  font-family: Arial, sans-serif !important; }
+  font-family: Arial, sans-serif !important;
+}
 
 /* Hebrew */
 html[lang="he-IL"] .wp-block * {
-  font-family: 'Arial Hebrew', Arial, sans-serif !important; }
+  font-family: 'Arial Hebrew', Arial, sans-serif !important;
+}
 
 /* Japanese */
 html[lang="ja"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+}
 
 /* Korean */
 html[lang="ko-KR"] .wp-block * {
-  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; }
+  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+}
 
 /* Thai */
 html[lang="th"] .wp-block * {
-  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; }
+  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+}
 
 /* Vietnamese */
 html[lang="vi"] .wp-block * {
-  font-family: 'Libre Franklin', sans-serif !important; }
+  font-family: 'Libre Franklin', sans-serif !important;
+}

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 455 - 300
elegant-business/style-editor.css


+ 5 - 18
elegant-business/style-editor.scss

@@ -260,12 +260,7 @@ figcaption,
 
 	min-height: 420px;
 
-	h2,
-	.wp-block-cover-text {
-		font-family: $font__heading;
-		font-size: $font__size-lg;
-		font-weight: bold;
-		line-height: 1.4;
+	.wp-block-cover__inner-container {
 		padding-left: $size__spacing-unit;
 		padding-right: $size__spacing-unit;
 
@@ -284,18 +279,13 @@ figcaption,
 		min-height: 560px;
 		padding-left: 10%;
 		padding-right: 10%;
-
-		h2,
-		.wp-block-cover-text {
-			font-size: $font__size-xl;
-		}
 	}
 }
 
 .wp-block[data-type="core/cover"][data-align="left"],
 .wp-block[data-type="core/cover"][data-align="right"] {
 
-	.editor-block-list__block-edit {
+	.wp-block-cover__inner-container {
 		width: calc(4 * (100vw / 12));
 	}
 
@@ -316,16 +306,14 @@ figcaption,
 
 	@include media(tablet) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: calc(8 * (100vw / 12));
 		}
 	}
 
 	@include media(desktop) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: calc(6 * (100vw / 12));
 		}
 	}
@@ -335,8 +323,7 @@ figcaption,
 
 	@include media(tablet) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: 100%;
 		}
 

+ 35 - 18
elegant-business/style-jetpack.css

@@ -12,7 +12,8 @@
 .site-main #infinite-handle span button:hover,
 .site-main #infinite-handle span button:focus {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  background: #c43d80; }
+  background: #c43d80;
+}
 
 .site-main #infinite-handle span button,
 .site-main #infinite-handle span button:hover,
@@ -20,37 +21,44 @@
 div.sharedaddy > *,
 #content div.sharedaddy > *,
 #main div.sharedaddy > * {
-  margin-bottom: 1rem; }
+  margin-bottom: 1rem;
+}
 
 .entry div.sharedaddy h3.sd-title,
 .entry h3.sd-title {
   font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  letter-spacing: normal; }
+  letter-spacing: normal;
+}
 
 .entry div.sharedaddy h3.sd-title:before,
 .entry h3.sd-title:before,
 .entry #jp-relatedposts h3.jp-relatedposts-headline:before {
-  display: none; }
+  display: none;
+}
 
 /**
  * Related Posts
  */
 .entry #jp-relatedposts h3.jp-relatedposts-headline {
   font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  letter-spacing: normal; }
+  letter-spacing: normal;
+}
 
 .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
   font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  letter-spacing: normal; }
+  letter-spacing: normal;
+}
 
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
-  font-size: 0.8888888889em;
-  font-weight: 700; }
+  font-size: 0.88889em;
+  font-weight: 700;
+}
 
 /**
  * Stats
@@ -63,17 +71,20 @@ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedp
  */
 /* Authors Widget */
 .widget_authors > ul > li > a {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /* Display WordPress Posts */
 /* GoodReads */
 /* EU cookie law */
 .widget_eu_cookie_law_widget #eu-cookie-law {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /* RSS Links */
 .widget_rss_links li {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /**
  * Content Options
@@ -83,23 +94,29 @@ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedp
  */
 /* Content Form */
 .contact-form label span {
-  color: #767676; }
+  color: #767676;
+}
 
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
-  width: 100%; }
+  width: 100%;
+}
 
 .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
-  font-size: 0.7111111111em; }
+  font-size: 0.71111em;
+}
 
 /* Business Hours - Temp Fix */
 .jetpack-business-hours dt,
 .jetpack-business-hours dd {
-  float: left; }
+  float: left;
+}
 
 .jetpack-business-hours dt {
   clear: both;
-  margin-right: 0.5rem; }
+  margin-right: 0.5rem;
+}
 
 .jetpack-business-hours dd {
-  margin: 0; }
+  margin: 0;
+}

+ 15 - 49
elegant-business/style-rtl.css

@@ -3885,17 +3885,8 @@ body.page .main-navigation {
   margin-top: 32px;
 }
 
-.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image h2,
-.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover .wp-block-cover-text,
-.entry .entry-content .wp-block-cover h2 {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  font-size: 1.6875em;
-  font-weight: bold;
-  line-height: 1.25;
-  padding: 0;
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
   color: #fff;
   text-align: center;
   -ms-hyphens: auto;
@@ -3904,32 +3895,19 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image h2,
-  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover h2 {
-    font-size: 2.25em;
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }
 
-.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.has-left-content h2,
-.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.has-left-content h2 {
+.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover__inner-container {
   text-align: right;
 }
 
-.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.has-right-content h2,
-.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.has-right-content h2 {
+.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover__inner-container {
   text-align: left;
 }
 
@@ -3948,23 +3926,15 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12) - 28px);
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
@@ -3978,12 +3948,8 @@ body.page .main-navigation {
     width: calc( 125% + 150px);
     max-width: calc( 125% + 150px);
   }
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     padding: 0;
     max-width: 100%;
   }
@@ -4210,7 +4176,7 @@ body.page .main-navigation {
   padding-left: 1rem;
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 782px) {
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     margin-top: 0;
   }

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 1032 - 646
elegant-business/style.css


이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.