Browse Source

Styles for pullquotes in the editor.

Caroline Moore 6 years ago
parent
commit
e5dbca1194
2 changed files with 19 additions and 20 deletions
  1. 2 2
      toujours/blocks.css
  2. 17 18
      toujours/editor-blocks.css

+ 2 - 2
toujours/blocks.css

@@ -192,8 +192,8 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-pullquote blockquote {
 	border: 0;
-	border-bottom: 1px solid currentColor;
-	border-top: 3px solid currentColor;
+	border-bottom: 1px solid #f0f0f0;
+	border-top: 3px solid #f0f0f0;
 	padding: 1.5em;
 }
 

+ 17 - 18
toujours/editor-blocks.css

@@ -457,19 +457,11 @@
 	margin-left: 3em;
 }
 
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
-	left: auto;
-	right: 0;
-}
-
 .wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	border: 0;
-	color: #aaa;
-	font-size: 22px;
-	font-style: italic;
-	margin: 0;
-	padding-left: 70px;
-	position: relative;
+	color: #888;
+	border-left: 4px solid #f0f0f0;
+	margin: 0 0 1.5em;
+	padding: 0 0 0 30px;
 }
 
 .wp-block-freeform.block-library-rich-text__tinymce blockquote > :last-child {
@@ -477,8 +469,12 @@
 }
 
 .wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
-	font-style: italic;
+	display: block;
+	font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
 	font-size: 18px;
+	font-style: normal;
+	font-weight: 300;
+	margin-top: 5px;
 }
 
 .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
@@ -652,14 +648,14 @@
 
 .wp-block-pullquote {
 	border-left: 0;
-	border-bottom: 2px solid #bdcbcc;
-	border-top: 5px solid #bdcbcc;
+	border-bottom: 1px solid #f0f0f0;
+	border-top: 3px solid #f0f0f0;
 	font-size: 28px;
 	font-style: italic;
 	line-height: 1.6;
 	margin: 0 0 1.5em;
 	padding: 1.5em;
-	color: #aaa;
+	color: #888;
 }
 
 .wp-block-pullquote blockquote {
@@ -706,9 +702,12 @@
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: inherit;
+	display: block;
+	font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
 	font-size: 18px;
-	font-style: italic;
-	font-weight: normal;
+	font-style: normal;
+	font-weight: 300;
+	margin-top: 5px;
 	text-transform: none;
 }