@posiwise/core-styles 0.0.29 → 0.0.31

package/package.json

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

package/scss/_dynamic-styles.scss

@@ -461,10 +461,21 @@
             }
         }
     }
+    .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight {
+        background: var(--first) !important;
+        border-color: var(--first);
+    }
+
+    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+        box-shadow: 0 0 0 0.2rem var(--first) (255, 0, 0, 0.5); // Adjusted to red
+        border-color: var(--first); // Red border
+    }
+
     .p-multiselect-item {
         .p-checkbox {
             .p-checkbox-box.p-highlight {
                 background: var(--first);
+                border-color: var(--first);
             }
         }
     }
@@ -687,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%;
@@ -836,7 +942,7 @@
 .view-all {
     font-size: 1.5rem;
     font-weight: 600;
-    color: black !important;
+    color: var(--titles) !important;
     text-decoration: none;
     margin-bottom: 2.5rem;
 

package/scss/custom-bootstrap/_badge.scss

@@ -454,7 +454,7 @@
 }
 
 .bg-cyan-8 {
-    background-color: map-get($cyan, lighten-4);
+    background-color: map-get($cyan, lighten-2);
 }
 
 .bg-cyan-9 {