Browse Source

Closes #888 - fixes font-size mismatch in the editor for page titles.

Jeffrey Pearce 6 years ago
parent
commit
e7c018342f

+ 11 - 1
friendly-business/style-editor.css

@@ -215,6 +215,10 @@ figcaption,
 }
 
 /** === Post Title === */
+.editor-post-title__block {
+  font-size: 22px;
+}
+
 .editor-post-title__block:before {
   width: 2.8125em;
   margin-top: 0;
@@ -226,11 +230,17 @@ figcaption,
 
 .editor-post-title__block .editor-post-title__input {
   font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-  font-size: 2.8125em;
+  font-size: 1.6875em;
   font-weight: 700;
   text-align: center;
 }
 
+@media only screen and (min-width: 768px) {
+  .editor-post-title__block .editor-post-title__input {
+    font-size: 2.25em;
+  }
+}
+
 /** === Default Appender === */
 .editor-default-block-appender .editor-default-block-appender__content {
   font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;

+ 6 - 2
friendly-business/style-editor.scss

@@ -200,7 +200,7 @@ figcaption,
 /** === Post Title === */
 
 .editor-post-title__block {
-
+	font-size: $font__size_base;
 	&:before {
 		width: $font__size-xxl;
 		margin-top: 0;
@@ -212,7 +212,11 @@ figcaption,
 
 	.editor-post-title__input {
 		font-family: $font__heading;
-		font-size: $font__size-xxl;
+		font-size: $font__size-lg;
+
+		@include media(tablet) {
+			font-size: $font__size-xl;
+		}
 		font-weight: 700;
 		text-align: center;
 	}

+ 1 - 1
friendly-business/style-rtl.css

@@ -7,7 +7,7 @@ Author URI: https://wordpress.org/
 Template: twentynineteen
 Description: Simple, approachable, with bold, handsome typography, Friendly Business conveys quality and sustainability, which makes it especially good fit for education, agriculture and family-run businesses.
 Requires at least: WordPress 4.9.6
-Version: 1.1
+Version: 1.2
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: friendly-business