Jelajahi Sumber

Begin styling blockquotes and adding theme colors.

Caroline Moore 6 tahun lalu
induk
melakukan
deb182a82c
3 mengubah file dengan 17 tambahan dan 36 penghapusan
  1. 12 22
      ixion/blocks.css
  2. 2 6
      ixion/editor-blocks.css
  3. 3 8
      ixion/functions.php

+ 12 - 22
ixion/blocks.css

@@ -106,12 +106,14 @@ p.has-drop-cap:not(:focus)::first-letter {
 /* Quote */
 
 .wp-block-quote {
-	margin-bottom: 1.5em;
+	font-style: normal;
+	margin: 0 1.5em 1.5em;
 }
 
 .wp-block-quote,
 .wp-block-quote.is-large p,
 .wp-block-quote.is-style-large p {
+	font-style: normal;
 }
 
 .wp-block-quote.alignleft {
@@ -127,6 +129,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 }
 
 .wp-block-quote cite {
+	font-style: italic;
 }
 
 .wp-block-quote cite:before {
@@ -141,13 +144,14 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
+	margin: 0 .75em 1.5em;
 }
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large,
 .wp-block-quote.is-large p,
 .wp-block-quote.is-style-large p {
-	font-size: 32px;
+	font-size: 24px;
 }
 
 .wp-block-quote.is-large p,
@@ -392,20 +396,6 @@ hr.wp-block-separator {
 	background-color: #333333;
 }
 
-.has-dark-green-color,
-.has-dark-green-color:hover,
-.has-dark-green-color:focus,
-.has-dark-green-color:active {
-	color: #557d73;
-}
-
-.has-dark-green-background-color,
-.has-dark-green-background-color:hover,
-.has-dark-green-background-color:focus,
-.has-dark-green-background-color:active {
-	background-color: #557d73;
-}
-
 .has-light-gray-color,
 .has-light-gray-color:hover,
 .has-light-gray-color:focus,
@@ -438,40 +428,40 @@ hr.wp-block-separator {
 .has-yellow-color:hover,
 .has-yellow-color:focus,
 .has-yellow-color:active {
-	color: #81699b;
+	color: #d7b221;
 }
 
 .has-yellow-background-color,
 .has-yellow-background-color:hover,
 .has-yellow-background-color:focus,
 .has-yellow-background-color:active {
-	background-color: #81699b;
+	background-color: #d7b221;
 }
 
 .has-dark-yellow-color,
 .has-dark-yellow-color:hover,
 .has-dark-yellow-color:focus,
 .has-dark-yellow-color:active {
-	color: #553a72;
+	color: #c1a01e;
 }
 
 .has-dark-yellow-background-color,
 .has-dark-yellow-background-color:hover,
 .has-dark-yellow-background-color:focus,
 .has-dark-yellow-background-color:active {
-	background-color: #553a72;
+	background-color: #c1a01e;
 }
 
 .has-black-color,
 .has-black-color:hover,
 .has-black-color:focus,
 .has-black-color:active {
-	color: #222222;
+	color: #192930;
 }
 
 .has-black-background-color,
 .has-black-background-color:hover,
 .has-black-background-color:focus,
 .has-black-background-color:active {
-	background-color: #222222;
+	background-color: #192930;
 }

+ 2 - 6
ixion/editor-blocks.css

@@ -234,18 +234,14 @@
 }
 
 .editor-block-list__block .wp-block-quote {
-	font-style: italic;
+	font-style: normal;
 	margin: 0 1.5em;
-	color: #767676;
 }
 
 .edit-post-visual-editor .editor-block-list__block blockquote p:not(.wp-block-cover-text) {
-	font-size: 24px;
-	color: #767676;
 }
 
 .editor-block-list__block .wp-block-quote__citation {
-	color: #767676;
 	font-style: italic;
 	font-size: inherit;
 }
@@ -291,7 +287,7 @@
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-style-large,
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-large p,
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-style-large p {
-	font-size: 32px;
+	font-size: 24px;
 }
 
 .editor-block-list__block .wp-block-quote.is-large p,

+ 3 - 8
ixion/functions.php

@@ -41,7 +41,7 @@ if ( ! function_exists( 'ixion_setup' ) ) :
 				array(
 					'name'  => esc_html__( 'Black', 'ixion' ),
 					'slug' => 'black',
-					'color' => '#222222',
+					'color' => '#192930',
 				),
 				array(
 					'name'  => esc_html__( 'Dark Gray', 'ixion' ),
@@ -61,17 +61,12 @@ if ( ! function_exists( 'ixion_setup' ) ) :
 				array(
 					'name'  => esc_html__( 'Yellow', 'ixion' ),
 					'slug' => 'yellow',
-					'color' => '#81699b',
+					'color' => '#d7b221',
 				),
 				array(
 					'name'  => esc_html__( 'Dark Yellow', 'ixion' ),
 					'slug' => 'dark-yellow',
-					'color' => '#553a72',
-				),
-				array(
-					'name'  => esc_html__( 'Dark Green', 'ixion' ),
-					'slug' => 'dark-green',
-					'color' => '#557d73',
+					'color' => '#c1a01e',
 				),
 			)
 		);