Browse Source

Affinity: Fix minor issues with widget alignment styles. Move media query for blockquotes.

Laurel Fulford 6 years ago
parent
commit
e46813a085
2 changed files with 31 additions and 17 deletions
  1. 23 17
      affinity/blocks.css
  2. 8 0
      affinity/editor-blocks.css

+ 23 - 17
affinity/blocks.css

@@ -60,9 +60,6 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-size: 16px;
 }
 
-.wp-block-quote cite:before {
-}
-
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
 	padding: .4em 0 .8em;
@@ -73,6 +70,18 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-size: 26px;
 }
 
+@media screen and ( min-width: 68em ) {
+	.wp-block-quote,
+	.wp-block-pullquote blockquote {
+		font-size: 26px;
+	}
+
+	.wp-block-quote.is-large p,
+	.wp-block-quote.is-style-large p {
+		font-size: 36px;
+	}
+}
+
 /* Audio */
 
 .wp-block-audio audio {
@@ -226,6 +235,17 @@ hr.wp-block-separator {
 5.0 Blocks - Widget Blocks
 --------------------------------------------------------------*/
 
+/* General Widget styles */
+
+.wp-block-categories.aligncenter,
+.wp-block-categories.aligncenter ul,
+.wp-block-archives.aligncenter,
+.wp-block-latest-posts.aligncenter,
+.wp-block-latest-comments.aligncenter {
+	list-style-position: inside;
+	text-align: center;
+}
+
 /* Latest Comments */
 
 .wp-block-latest-comments {
@@ -250,17 +270,3 @@ hr.wp-block-separator {
 .wp-block-latest-comments__comment-excerpt p:last-child {
 	margin-bottom: 0;
 }
-
-/* Media queries */
-
-@media screen and ( min-width: 68em ) {
-	.wp-block-quote,
-	.wp-block-pullquote blockquote {
-		font-size: 26px;
-	}
-
-	.wp-block-quote.is-large p,
-	.wp-block-quote.is-style-large p {
-		font-size: 36px;
-	}
-}

+ 8 - 0
affinity/editor-blocks.css

@@ -763,6 +763,14 @@
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
 
+/* General Widget styles */
+
+.edit-post-visual-editor [data-align="center"] .wp-block-categories__list,
+.edit-post-visual-editor [data-align="center"] .wp-block-archives,
+.edit-post-visual-editor [data-align="center"] .wp-block-lastest-posts {
+	list-style-position: inside;
+}
+
 /* Latest Comments */
 
 .editor-block-list__block .wp-block-latest-comments__comment-meta a {