Style nested <ul>s with circles instead of normal bullets (#10358)

* Style nested <ul>s with circles instead of normal bullets * Move the list style override for galleries into its own styles
WordPress · Oct 8, 2018 · 69ced17 · 69ced17
1 parent f02c054
commit 69ced17
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/block-library/src/gallery/editor.scss b/packages/block-library/src/gallery/editor.scss
@@ -1,3 +1,10 @@
+// Override the default list style type _only in the editor_
+// to avoid :not() selector specificity issues.
+// See https://github.com/WordPress/gutenberg/pull/10358
+ul.wp-block-gallery li {
+ list-style-type: none;
+}
+
 .blocks-gallery-item {
 
  // Hide the focus outline that otherwise briefly appears when selecting a block.

diff --git a/packages/editor/src/editor-styles.scss b/packages/editor/src/editor-styles.scss
@@ -20,10 +20,15 @@ ol {
  padding: 0;
 }
 
-ul:not(.wp-block-gallery) {
+ul {
  list-style-type: disc;
 }
 
 ol {
  list-style-type: decimal;
 }
+
+ul ul,
+ol ul {
+ list-style-type: circle;
+}