Sfoglia il codice sorgente

Modifies the base font size in order to make the calculations for the page title compute correctly.

Jeffrey Pearce 6 anni fa
parent
commit
6e0eabfe03
2 ha cambiato i file con 13 aggiunte e 3 eliminazioni
  1. 8 1
      elegant-business/style-editor.css
  2. 5 2
      elegant-business/style-editor.scss

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

@@ -225,6 +225,7 @@ figcaption,
 		width: 1em;
 		width: 1em;
 	}
 	}
 */
 */
+  font-size: 22px;
 }
 }
 
 
 .editor-post-title__block:before {
 .editor-post-title__block:before {
@@ -238,11 +239,17 @@ figcaption,
 
 
 .editor-post-title__block .editor-post-title__input {
 .editor-post-title__block .editor-post-title__input {
   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;
-  font-size: 2.8125em;
+  font-size: 1.6875em;
   font-weight: 700;
   font-weight: 700;
   text-align: center;
   text-align: center;
 }
 }
 
 
+@media only screen and (min-width: 768px) {
+  .editor-post-title__block .editor-post-title__input {
+    font-size: 2.25em;
+  }
+}
+
 /** === Default Appender === */
 /** === Default Appender === */
 .editor-default-block-appender .editor-default-block-appender__content {
 .editor-default-block-appender .editor-default-block-appender__content {
   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;

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

@@ -201,7 +201,7 @@ figcaption,
 
 
 .editor-post-title__block {
 .editor-post-title__block {
 	@include post-section-dash;
 	@include post-section-dash;
-
+	font-size: $font__size_base;
 	&:before {
 	&:before {
 		width: $font__size-xxl;
 		width: $font__size-xxl;
 		margin-top: 0;
 		margin-top: 0;
@@ -213,7 +213,10 @@ figcaption,
 
 
 	.editor-post-title__input {
 	.editor-post-title__input {
 		font-family: $font__heading;
 		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;
 		font-weight: 700;
 		text-align: center;
 		text-align: center;
 	}
 	}