Browse Source

More tweaks to colors, font sizes, text alignment, and cover images.

Caroline Moore 6 years ago
parent
commit
d77db352af
2 changed files with 40 additions and 14 deletions
  1. 13 7
      affinity/blocks.css
  2. 27 7
      affinity/editor-style.css

+ 13 - 7
affinity/blocks.css

@@ -99,12 +99,18 @@ p.has-drop-cap:first-letter {
 	font-size: 16px;
 	font-size: 16px;
 }
 }
 
 
+.wp-block-quote.aligncenter {
+	text-align: center;
+}
+
 .blocks-quote-style-1 {}
 .blocks-quote-style-1 {}
 .blocks-quote-style-2 {}
 .blocks-quote-style-2 {}
 
 
 /* Cover Images */
 /* Cover Images */
-.wp-block-cover-image {}
-.wp-block-cover-image.alignfull {}
+.wp-block-cover-image {
+	display: flex;
+	margin-bottom: 1.6em;
+}
 
 
 .wp-block-cover-image.has-background-dim:before {}
 .wp-block-cover-image.has-background-dim:before {}
 .has-parallax {}
 .has-parallax {}
@@ -170,14 +176,14 @@ p.has-drop-cap:first-letter {
 	text-align: right;
 	text-align: right;
 }
 }
 
 
-.wp-block-pullquote.alignwide {
-}
-
-.wp-block-pullquote.alignfull {
+.wp-block-pullquote.aligncenter {
+	text-align: center;
 }
 }
 
 
 /* Categories */
 /* Categories */
-.wp-block-categories-list {}
+.wp-block-categories-list {
+
+}
 
 
 /* Tables */
 /* Tables */
 .wp-block-table {
 .wp-block-table {

+ 27 - 7
affinity/editor-style.css

@@ -5,8 +5,10 @@
 }
 }
 
 
 .editor-block-list__layout,
 .editor-block-list__layout,
-.editor-block-list__layout p {
-	color: #1e1c1b;
+.editor-block-list__layout p,
+.editor-block-list__layout ol,
+.editor-block-list__layout ul {
+	color: #5e5853;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 }
 }
 
 
@@ -23,6 +25,7 @@
 .editor-block-list__layout a:focus,
 .editor-block-list__layout a:focus,
 .editor-block-list__layout a:active {
 .editor-block-list__layout a:active {
 	color: #383e44;
 	color: #383e44;
+	text-decoration: underline !important;
 }
 }
 
 
 .editor-block-list__layout a:focus {
 .editor-block-list__layout a:focus {
@@ -48,7 +51,7 @@ h6.mce-content-body,
 .wp-block-heading h5,
 .wp-block-heading h5,
 .wp-block-heading h6 {
 .wp-block-heading h6 {
 	clear: both;
 	clear: both;
-	color: #1e1c1b;
+	color: #5e5853;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-family: Lora, Baskerville, Georgia, Times, serif;
 	font-style: italic;
 	font-style: italic;
 	font-weight: normal;
 	font-weight: normal;
@@ -192,20 +195,30 @@ p.has-drop-cap:first-letter {
 	padding: .8em 0;
 	padding: .8em 0;
 }
 }
 
 
+.wp-block-quote p {
+	color: #99908a;
+}
+
 .wp-block-quote p:last-of-type {
 .wp-block-quote p:last-of-type {
 	margin-bottom: 1.6em;
 	margin-bottom: 1.6em;
 }
 }
 
 
-.wp-block-quote cite {
+.wp-block-quote .wp-block-quote__citation {
+	color: #99908a;
 	display: block;
 	display: block;
 	text-align: right;
 	text-align: right;
 	font-style: normal;
 	font-style: normal;
 	font-size: 16px;
 	font-size: 16px;
 }
 }
 
 
+.wp-block-quote.aligncenter {
+	text-align: center;
+}
+
 /* Cover Images */
 /* Cover Images */
 .wp-block-cover-image {
 .wp-block-cover-image {
-	margin: 0 0 1.6em;
+	display: flex;
+	margin-bottom: 1.6em;
 }
 }
 .wp-block-cover-image h1,
 .wp-block-cover-image h1,
 .wp-block-cover-image h2,
 .wp-block-cover-image h2,
@@ -264,9 +277,11 @@ p.has-drop-cap:first-letter {
 	padding-bottom: .8em;
 	padding-bottom: .8em;
 }
 }
 .wp-block-pullquote blockquote > p {
 .wp-block-pullquote blockquote > p {
+	color: #99908a;
 	margin: 0 0 1.6em;
 	margin: 0 0 1.6em;
 }
 }
-.wp-block-pullquote > cite {
+.wp-block-pullquote .wp-block-quote__citation {
+	color: #99908a;
 	display: block;
 	display: block;
 	text-align: right;
 	text-align: right;
 	font-style: normal;
 	font-style: normal;
@@ -280,6 +295,10 @@ p.has-drop-cap:first-letter {
 	padding-top: .8em;
 	padding-top: .8em;
 }
 }
 
 
+.wp-block-pullquote.aligncenter {
+	text-align: center;
+}
+
 /* Tables */
 /* Tables */
 .wp-block-table {
 .wp-block-table {
 	display: table;
 	display: table;
@@ -418,7 +437,8 @@ p.has-drop-cap:first-letter {
 
 
 @media screen and ( min-width: 68em ) {
 @media screen and ( min-width: 68em ) {
 	.wp-block-quote,
 	.wp-block-quote,
-	.wp-block-pullquote {
+	.wp-block-pullquote,
+	.wp-block-quote:not(.is-large):not(.is-style-large) {
 		font-size: 26px;
 		font-size: 26px;
 	}
 	}
 }
 }