Added support for setting custom list styles

geek-cookbook · Sep 20, 2024 · 68b6758 · 68b6758
1 parent 85d6091
commit 68b6758
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/material/templates/assets/stylesheets/main.06209087.min.css b/material/templates/assets/stylesheets/main.06209087.min.css
diff --git a/material/templates/assets/stylesheets/main.06209087.min.css.map b/material/templates/assets/stylesheets/main.06209087.min.css.map
diff --git a/material/templates/assets/stylesheets/main.0c760da9.min.css b/material/templates/assets/stylesheets/main.0c760da9.min.css
diff --git a/material/templates/assets/stylesheets/main.0c760da9.min.css.map b/material/templates/assets/stylesheets/main.0c760da9.min.css.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.0c760da9.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.06209087.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.06af60db.min.css' | url }}">

diff --git a/src/templates/assets/stylesheets/main/_typeset.scss b/src/templates/assets/stylesheets/main/_typeset.scss
@@ -313,8 +313,14 @@ kbd {
   }
 
   // Unordered list
-  ul:not([type]) {
+  ul {
     list-style-type: disc;
+
+    // Hack: allow to override `list-style-type` via `type`, without breaking
+    // compatibility for explicitly setting it in CSS - see https://t.ly/izJyH
+    &[type] {
+      list-style-type: revert;
+    }
   }
 
   // Unordered and ordered list
@@ -329,15 +335,21 @@ kbd {
     }
 
     // Nested ordered list
-    ol:not([type]) {
+    ol {
       list-style-type: lower-alpha;
 
       // Triply nested ordered list
-      ol:not([type]) {
+      ol {
         list-style-type: lower-roman;
       }
     }
 
+    // Hack: allow to override `list-style-type` via `type`, without breaking
+    // compatibility for explicitly setting it in CSS - see https://t.ly/izJyH
+    &[type] {
+      list-style-type: revert;
+    }
+
     // List element
     li {
       margin-inline-start: px2em(20px);