create arrow list block style

2023-08-29 17:21:08 +05:00 · 2023-08-29 17:21:08 +05:00 · 36945564f7
parent 05f5156a1e
commit 36945564f7
3 changed files with 12 additions and 4 deletions
--- a/block-styles.css
+++ b/block-styles.css
@ -48,4 +48,9 @@
    margin-top: 4em;
    font-size: var(--wp--preset--font-size--medium);
  }
+}
+
+/* For "Arrow" style lists */
+ul.is-style-arrow-list {
+  list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
 }
--- a/js/block-styles.js
+++ b/js/block-styles.js
@ -26,4 +26,11 @@ wp.domReady( () => {
      label: 'Markdown-style Heading',
    }
  )
+
+  wp.blocks.registerBlockStyle(
+    'core/list', {
+      name: 'arrow-list',
+      label: 'Arrows',
+    }
+  )
 } )
--- a/style.css
+++ b/style.css
@ -35,10 +35,6 @@ html, body {
  .wp-site-blocks h2::before {
    width: 7ch;
  }
-} 
-
-.home .wp-site-blocks ul {
-  list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
 }

 .home .wp-site-blocks h2 {