@posiwise/core-styles 0.0.30 → 0.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posiwise/core-styles",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/scss/_dynamic-styles.scss

@@ -698,13 +698,108 @@
     box-shadow: 0 0 0 0.1rem var(--tabs_bg) !important; /* Adjust as needed */
     outline: none !important; /* Keep the outline removed */
 }
-.ql-editor li {
-    font-size: 15px;
+.ql-editor li,
+p {
+    font-size: 17px;
 }
 .ql-editor ol {
     padding-left: 0.75em !important;
 }
 
+.ql-editor ul,
+.ql-editor ol {
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+}
+
+.ql-editor {
+    li > .ql-ui::before {
+        font-size: 2rem; /* you can adjust size here */
+        line-height: 1;
+        position: relative;
+        top: 0.1rem;
+    }
+    ul {
+        padding-left: 20px; /* instead of default 40px */
+    }
+    li.ql-indent-1 {
+        padding-left: 3.6rem !important;
+        .ql-ui::before {
+            font-size: 1.1rem;
+            list-style-type: circle;
+            top: -0.1rem;
+            position: relative;
+            content: '\25CB' !important;
+            right: 0.15rem;
+        }
+    }
+
+    li.ql-indent-2 {
+        padding-left: 4.6rem !important;
+        top: -0.1rem;
+        .ql-ui::before {
+            font-size: 1.1rem;
+            list-style-type: circle;
+            top: -0.1rem;
+            position: relative;
+            content: '\25CB' !important;
+            right: 0.15rem;
+        }
+    }
+
+    li.ql-indent-3 {
+        padding-left: 5.6rem !important;
+        top: -0.1rem;
+        .ql-ui::before {
+            font-size: 1.1rem;
+            list-style-type: circle;
+            top: -0.1rem;
+            position: relative;
+            content: '\25CB' !important;
+            right: 0.15rem;
+        }
+    }
+
+    li.ql-indent-4 {
+        padding-left: 6.6rem !important;
+        top: -0.1rem;
+        .ql-ui::before {
+            font-size: 1.1rem;
+            list-style-type: circle;
+            top: -0.1rem;
+            position: relative;
+            content: '\25CB' !important;
+            right: 0.15rem;
+        }
+    }
+}
+
+.ql-editor ul {
+    padding-left: 1.2rem; /* reduce from default ~2.5rem */
+    margin-left: 0;
+}
+
+.ql-editor ul li {
+    padding-left: 0.3rem; /* optional: less gap between bullet and text */
+}
+
+.ql-editor {
+    line-height: 1.7 !important;
+
+    p,
+    li,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    blockquote,
+    pre {
+        line-height: inherit; // ensures all block types follow 1.6
+    }
+}
+
 .quill-container {
     max-width: 1000px;
     width: 100%;

package/scss/custom-bootstrap/_badge.scss

@@ -258,7 +258,7 @@
 }
 
 .bg-blue-grey-3 {
-    background-color: map-get($blue-grey, lighten-4);
+    background-color: map-get($blue-grey, darken-3);
 }
 
 .bg-blue-grey-4 {
@@ -282,78 +282,78 @@
 }
 
 .bg-blue-grey-8 {
-    background-color: map-get($warning, lighten-1);
+    background-color: map-get($blue-grey, accent-4);
 }
 
 .bg-blue-grey-9 {
-    background-color: map-get($warning, darken-1);
+    background-color: map-get($blue-grey, darken-1);
 }
 
 .bg-blue-grey-10 {
-    background-color: map-get($warning, lighten-4);
+    background-color: map-get($blue-grey, darken-2);
 }
 
 .bg-blue-grey-11 {
-    background-color: map-get($warning, darken-4);
+    background-color: map-get($blue-grey, darken-4);
 }
 
 .bg-blue-grey-12 {
-    background-color: map-get($warning, lighten-3);
+    background-color: map-get($blue-grey, lighten-3);
 }
 
 .bg-blue-grey-13 {
-    background-color: map-get($warning, darken-3);
+    background-color: map-get($blue-grey, darken-3);
 }
 
 .bg-blue-grey-14 {
-    background-color: map-get($warning, lighten-2);
+    background-color: map-get($blue-grey, lighten-2);
 }
 
 .bg-blue-grey-15 {
-    background-color: map-get($warning, darken-2);
+    background-color: map-get($blue-grey, darken-2);
 }
 
 .bg-blue-grey-16 {
-    background-color: map-get($warning, accent-4);
+    background-color: map-get($blue-grey, accent-4);
 }
 
 .bg-blue-grey-17 {
-    background-color: map-get($pink, lighten-1);
+    background-color: map-get($blue-grey, lighten-1);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-18 {
-    background-color: map-get($pink, darken-1);
+    background-color: map-get($blue-grey, darken-1);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-19 {
-    background-color: map-get($pink, lighten-4);
+    background-color: map-get($blue-grey, lighten-4);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-20 {
-    background-color: map-get($pink, accent-1);
+    background-color: map-get($blue-grey, accent-1);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-21 {
-    background-color: map-get($pink, accent-4);
+    background-color: map-get($blue-grey, accent-4);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-22 {
-    background-color: map-get($pink, lighten-2);
+    background-color: map-get($blue-grey, lighten-2);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-23 {
-    background-color: map-get($pink, darken-3);
+    background-color: map-get($blue-grey, darken-3);
     color: rgb(255 255 255);
 }
 
 .bg-blue-grey-24 {
-    background-color: map-get($pink, darken-4);
+    background-color: map-get($blue-grey, darken-4);
     color: rgb(255 255 255);
 }