@posiwise/core-styles 0.0.20 → 0.0.22

package/package.json

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

package/scss/_dynamic-styles.scss

@@ -633,13 +633,52 @@
     }
 }
 
-.p-inputwrapper-focus {
-    box-shadow: 0 0 0 0.1rem var(--tabs_bg) !important; /* Replace with your color */
-}
-
-
 .p-dropdown:not(.p-disabled).p-focus {
     border-color: var(--tabs_bg) !important; /* Change to your custom color */
     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 ol {
+    padding-left: 0.75em !important;
+}
+
+.quill-container {
+    max-width: 1000px;
+    width: 100%;
+}
+
+.content-quill-wrapper {
+    margin: 0 auto;
+    max-width: 1000px;
+    background: rgb(249, 249, 249);
+    border: 1px solid rgb(238, 238, 238);
+
+    .content-quill-box {
+        padding: 3.5rem 3rem 3rem;
+    }
+}
+
+@media only screen and (max-width: 1024px) {
+    .content-quill-wrapper {
+        padding: 1rem;
+        background: rgb(249, 249, 249);
+
+        .content-quill-box {
+            padding: 1rem;
+        }
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .content-quill-wrapper {
+        padding: 0.5rem;
+        background: rgb(249, 249, 249);
+
+        .content-quill-box {
+            padding: 0.5rem;
+        }
+    }
+}