coco.css in coveragebook_components-0.19.1

- old
+ new

@@ -729,10 +729,14 @@
   --tw-contain-layout:  ;
   --tw-contain-paint:  ;
   --tw-contain-style:  
 }
 
+:root {
+    --button-border-radius: 44px;
+  }
+
 .coco-button-wrapper{
   display: contents !important
 }
 
 [data-coco].coco-button{
@@ -862,11 +866,11 @@
 [data-coco].coco-button[data-theme]{
   overflow: hidden;
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
-      border-radius: 44px
+      border-radius: var(--button-border-radius)
 }
 
 [data-coco].coco-button[data-theme] .button-content{
   font-weight: 600
 }
@@ -2223,11 +2227,11 @@
     }
 
 [data-coco][data-component="button-group"] {
     width: -moz-fit-content;
     width: fit-content;
-    border-radius: 44px;
+    border-radius: var(--button-border-radius);
   }
 
 [data-coco][data-component="button-group"][data-collapsible="true"]{
   opacity: 0
 }
@@ -2343,10 +2347,14 @@
   font-weight: 600;
   font-size: 14px;
   line-height: 16px
 }
 
+[data-coco][data-component="confirm-panel"] .coco-button {
+      border-radius: var(--button-border-radius) !important;
+    }
+
 [data-coco][data-component="image-picker-button"]{
   display: contents
 }
 
 [data-coco][data-component="image-picker-button"] [data-component="image-picker"]{
@@ -2622,10 +2630,10 @@
   border-width: 1px;
   border-color: rgba(0, 12, 39, 0.1);
   background-color: rgba(0, 12, 39, 0.06);
   padding: 0.25rem;
 
-    border-radius: 44px;
+    border-radius: var(--button-border-radius);
     width: -moz-fit-content;
     width: fit-content
 }
 
 [data-coco][data-component="option-bar"] .option-bar-buttons{