Ver código fonte

Exford: Increase Headings font-size when in a Cover block

Thomas Guillot 6 anos atrás
pai
commit
9655423ac4

+ 28 - 0
exford/sass/_extra-child-theme.scss

@@ -193,6 +193,34 @@ a {
 	text-align: left;
 }
 
+// Cover
+.wp-block-cover,
+.wp-block-cover-image {
+	h1 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xxxxl")};
+	}
+
+	h2 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xxxl")};
+	}
+
+	h3 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xxl")};
+	}
+
+	h4 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xl")};
+	}
+
+	h5 {
+		font-size: #{map-deep-get($config-global, "font", "size", "lg")};
+	}
+
+	h6 {
+		font-size: #{map-deep-get($config-global, "font", "size", "md")};
+	}
+}
+
 /**
  * Widgets
  */

+ 28 - 0
exford/sass/style-child-theme-editor.scss

@@ -38,3 +38,31 @@
 .editor-post-title__input {
 	text-align: center;
 }
+
+// Cover
+.wp-block-cover,
+.wp-block-cover-image {
+	h1 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xxxxl")};
+	}
+
+	h2 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xxxl")};
+	}
+
+	h3 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xxl")};
+	}
+
+	h4 {
+		font-size: #{map-deep-get($config-global, "font", "size", "xl")};
+	}
+
+	h5 {
+		font-size: #{map-deep-get($config-global, "font", "size", "lg")};
+	}
+
+	h6 {
+		font-size: #{map-deep-get($config-global, "font", "size", "md")};
+	}
+}

+ 30 - 0
exford/style-editor.css

@@ -860,3 +860,33 @@ table th,
 .editor-post-title__input {
 	text-align: center;
 }
+
+.wp-block-cover h1,
+.wp-block-cover-image h1 {
+	font-size: 2.98598rem;
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+	font-size: 2.48832rem;
+}
+
+.wp-block-cover h3,
+.wp-block-cover-image h3 {
+	font-size: 2.0736rem;
+}
+
+.wp-block-cover h4,
+.wp-block-cover-image h4 {
+	font-size: 1.728rem;
+}
+
+.wp-block-cover h5,
+.wp-block-cover-image h5 {
+	font-size: 1.44rem;
+}
+
+.wp-block-cover h6,
+.wp-block-cover-image h6 {
+	font-size: 1.2rem;
+}

+ 30 - 0
exford/style-rtl.css

@@ -3542,6 +3542,36 @@ p:not(.site-title) a:hover {
 	text-align: right;
 }
 
+.wp-block-cover h1,
+.wp-block-cover-image h1 {
+	font-size: 2.98598rem;
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+	font-size: 2.48832rem;
+}
+
+.wp-block-cover h3,
+.wp-block-cover-image h3 {
+	font-size: 2.0736rem;
+}
+
+.wp-block-cover h4,
+.wp-block-cover-image h4 {
+	font-size: 1.728rem;
+}
+
+.wp-block-cover h5,
+.wp-block-cover-image h5 {
+	font-size: 1.44rem;
+}
+
+.wp-block-cover h6,
+.wp-block-cover-image h6 {
+	font-size: 1.2rem;
+}
+
 /**
  * Widgets
  */

+ 30 - 0
exford/style.css

@@ -3558,6 +3558,36 @@ p:not(.site-title) a:hover {
 	text-align: left;
 }
 
+.wp-block-cover h1,
+.wp-block-cover-image h1 {
+	font-size: 2.98598rem;
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+	font-size: 2.48832rem;
+}
+
+.wp-block-cover h3,
+.wp-block-cover-image h3 {
+	font-size: 2.0736rem;
+}
+
+.wp-block-cover h4,
+.wp-block-cover-image h4 {
+	font-size: 1.728rem;
+}
+
+.wp-block-cover h5,
+.wp-block-cover-image h5 {
+	font-size: 1.44rem;
+}
+
+.wp-block-cover h6,
+.wp-block-cover-image h6 {
+	font-size: 1.2rem;
+}
+
 /**
  * Widgets
  */