Pārlūkot izejas kodu

#885 - fixes font size mismatch for editor page titles.

Jeffrey Pearce 6 gadi atpakaļ
vecāks
revīzija
4e5de64897
2 mainītis faili ar 14 papildinājumiem un 3 dzēšanām
  1. 8 1
      calm-business/style-editor.css
  2. 6 2
      calm-business/style-editor.scss

+ 8 - 1
calm-business/style-editor.css

@@ -219,6 +219,7 @@ figcaption,
 }
 }
 
 
 .editor-post-title__block {
 .editor-post-title__block {
+  font-size: 22px;
   margin: 0;
   margin: 0;
 }
 }
 
 
@@ -231,10 +232,16 @@ figcaption,
 
 
 .editor-post-title__block .editor-post-title__input {
 .editor-post-title__block .editor-post-title__input {
   font-family: "Poppins", sans-serif;
   font-family: "Poppins", sans-serif;
-  font-size: 2.25em;
+  font-size: 1.125em;
   font-weight: 600;
   font-weight: 600;
 }
 }
 
 
+@media only screen and (min-width: 768px) {
+  .editor-post-title__block .editor-post-title__input {
+    font-size: 1.6875em;
+  }
+}
+
 /** === Default Appender === */
 /** === Default Appender === */
 .editor-default-block-appender .editor-default-block-appender__content {
 .editor-default-block-appender .editor-default-block-appender__content {
   font-family: "Poppins", sans-serif;
   font-family: "Poppins", sans-serif;

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

@@ -202,7 +202,7 @@ figcaption,
 }
 }
 
 
 .editor-post-title__block {
 .editor-post-title__block {
-
+	font-size: $font__size_base;
 	margin: 0;
 	margin: 0;
 	&:before {
 	&:before {
 		margin-top: 0;
 		margin-top: 0;
@@ -213,7 +213,11 @@ figcaption,
 
 
 	.editor-post-title__input {
 	.editor-post-title__input {
 		font-family: $font__heading;
 		font-family: $font__heading;
-		font-size: $font__size-xl;
+		font-size: $font__size-md;
+
+		@include media(tablet) {
+			font-size: $font__size-lg;
+		}
 		font-weight: 600;
 		font-weight: 600;
 	}
 	}
 }
 }