coveragebook_components 0.8.9 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/build/coco/app.css +254 -242
- data/app/assets/build/coco/app.js +64 -34
- data/app/assets/build/coco/book.css +23 -16
- data/app/assets/build/coco/book.js +50 -21
- data/app/assets/js/libs/alpine/directives/dropdown.js +5 -2
- data/app/components/coco/app/elements/alert/alert.css +1 -1
- data/app/components/coco/app/elements/button/button.css +38 -58
- data/app/components/coco/app/elements/button/button.rb +2 -3
- data/app/components/coco/app/elements/button_group/button_group.css +7 -2
- data/app/components/coco/app/elements/button_group/button_group.html.erb +2 -1
- data/app/components/coco/app/elements/button_group/button_group.js +28 -14
- data/app/components/coco/app/elements/button_to/button_to.css +4 -8
- data/app/components/coco/app/elements/color_picker_button/color_picker_button.css +1 -2
- data/app/components/coco/app/elements/image_picker_button/image_picker_button.css +1 -2
- data/app/components/coco/app/elements/layout_picker_button/layout_picker_button.css +1 -2
- data/app/components/coco/app/elements/menu/menu.css +7 -5
- data/app/components/coco/app/elements/menu_button/menu_button.css +1 -2
- data/app/components/coco/app/elements/snackbar/snackbar.css +3 -3
- data/app/components/coco/base/button/button.css +9 -9
- data/app/components/coco/base/button/button.html.erb +16 -18
- data/app/components/coco/base/button/button.js +6 -18
- data/app/components/coco/base/button/button.rb +38 -58
- data/app/components/coco/base/button/button_dropdown.js +27 -0
- data/lib/coco.rb +1 -1
- metadata +3 -6
- data/app/assets/build/coco/app.dev.css +0 -5535
- data/app/assets/build/coco/app.dev.js +0 -27473
- data/app/assets/build/coco/book.dev.css +0 -2009
- data/app/assets/build/coco/book.dev.js +0 -15801
|
@@ -756,6 +756,8 @@ select{
|
|
|
756
756
|
[data-coco][data-component="avatar"][data-size="xl"]{
|
|
757
757
|
height: 2rem;
|
|
758
758
|
width: 2rem}
|
|
759
|
+
.coco-button-wrapper{
|
|
760
|
+
display: contents !important}
|
|
759
761
|
[data-coco].coco-button{
|
|
760
762
|
display: flex;
|
|
761
763
|
width: auto;
|
|
@@ -767,19 +769,18 @@ select{
|
|
|
767
769
|
border-color: transparent;
|
|
768
770
|
background-color: transparent;
|
|
769
771
|
color: currentColor;
|
|
770
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
771
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
772
|
-
transition-duration: 150ms;
|
|
773
|
-
width: -moz-min-content;
|
|
774
|
-
width: min-content}
|
|
775
|
-
[data-coco].coco-button .button-element{
|
|
776
|
-
display: inline-flex;
|
|
777
|
-
width: 100%;
|
|
778
772
|
text-decoration-line: none;
|
|
779
773
|
outline: 2px solid transparent;
|
|
780
|
-
outline-offset: 2px
|
|
781
|
-
|
|
774
|
+
outline-offset: 2px;
|
|
775
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
776
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
777
|
+
transition-duration: 150ms}
|
|
778
|
+
[data-coco].coco-button:focus-visible{
|
|
782
779
|
outline-width: 0px}
|
|
780
|
+
[data-coco].coco-button {
|
|
781
|
+
width: -moz-min-content;
|
|
782
|
+
width: min-content;
|
|
783
|
+
}
|
|
783
784
|
[data-coco].coco-button .button-inner{
|
|
784
785
|
margin-left: auto;
|
|
785
786
|
margin-right: auto;
|
|
@@ -808,7 +809,7 @@ select{
|
|
|
808
809
|
[data-coco].coco-button .button-toggle{
|
|
809
810
|
order: 3}
|
|
810
811
|
/* disabled */
|
|
811
|
-
[data-coco].coco-button[data-disabled="true"]
|
|
812
|
+
[data-coco].coco-button[data-disabled="true"]{
|
|
812
813
|
pointer-events: none;
|
|
813
814
|
cursor: not-allowed}
|
|
814
815
|
/* loading */
|
|
@@ -816,19 +817,19 @@ select{
|
|
|
816
817
|
|
|
817
818
|
to{
|
|
818
819
|
transform: rotate(360deg)}}
|
|
819
|
-
[data-coco].coco-button[data-state="loading"]
|
|
820
|
+
[data-coco].coco-button[data-state="loading"] .button-icon{
|
|
820
821
|
animation: spin 1.5s linear infinite}
|
|
821
822
|
/* Fit */
|
|
822
823
|
[data-coco].coco-button[data-fit="full"]{
|
|
823
824
|
width: 100%}
|
|
824
825
|
/* Icons */
|
|
825
|
-
[data-coco].coco-button[data-icon-position="end"]
|
|
826
|
+
[data-coco].coco-button[data-icon-position="end"] .button-content{
|
|
826
827
|
order: 1}
|
|
827
|
-
[data-coco].coco-button[data-icon-position="end"]
|
|
828
|
+
[data-coco].coco-button[data-icon-position="end"] .button-icon{
|
|
828
829
|
order: 2}
|
|
829
|
-
[data-coco].coco-button[data-icon-position="end"]
|
|
830
|
+
[data-coco].coco-button[data-icon-position="end"] .button-toggle{
|
|
830
831
|
order: 3}
|
|
831
|
-
[data-coco].coco-button.with-icon[data-collapsed="true"]
|
|
832
|
+
[data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
|
|
832
833
|
display: none;
|
|
833
834
|
}
|
|
834
835
|
[data-coco][data-component="dropdown"] {
|
|
@@ -2270,7 +2271,7 @@ select{
|
|
|
2270
2271
|
/* Dismissable */
|
|
2271
2272
|
[data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss{
|
|
2272
2273
|
flex: none}
|
|
2273
|
-
[data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button
|
|
2274
|
+
[data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button{
|
|
2274
2275
|
background-color: transparent;
|
|
2275
2276
|
--tw-text-opacity: 1;
|
|
2276
2277
|
color: rgb(31 41 55 / var(--tw-text-opacity));
|
|
@@ -2279,7 +2280,7 @@ select{
|
|
|
2279
2280
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
2280
2281
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2281
2282
|
transition-duration: 150ms}
|
|
2282
|
-
[data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button
|
|
2283
|
+
[data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button:hover{
|
|
2283
2284
|
background-color: rgb(255 255 255 / 0.1);
|
|
2284
2285
|
--tw-text-opacity: 1;
|
|
2285
2286
|
color: rgb(17 24 39 / var(--tw-text-opacity))}
|
|
@@ -2584,7 +2585,7 @@ select{
|
|
|
2584
2585
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2585
2586
|
transition-duration: 150ms;
|
|
2586
2587
|
border-radius: 44px}
|
|
2587
|
-
[data-coco][data-component="app-button"][data-theme]
|
|
2588
|
+
[data-coco][data-component="app-button"][data-theme] .button-content{
|
|
2588
2589
|
font-weight: 600}
|
|
2589
2590
|
[data-coco][data-component="app-button"][data-theme="primary"],
|
|
2590
2591
|
[data-coco][data-component="app-button"][data-theme="positive"]{
|
|
@@ -2608,7 +2609,7 @@ select{
|
|
|
2608
2609
|
[data-coco][data-component="app-button"][data-theme="primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="positive"][data-state="active"]{
|
|
2609
2610
|
--tw-bg-opacity: 1;
|
|
2610
2611
|
background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
|
|
2611
|
-
[data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"]
|
|
2612
|
+
[data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] .button-icon{
|
|
2612
2613
|
--tw-text-opacity: 1;
|
|
2613
2614
|
color: rgb(118 184 170 / var(--tw-text-opacity))}
|
|
2614
2615
|
[data-coco][data-component="app-button"][data-theme="primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="positive"][data-disabled="true"]{
|
|
@@ -2632,7 +2633,7 @@ select{
|
|
|
2632
2633
|
[data-coco][data-component="app-button"][data-theme="text-primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="active"]{
|
|
2633
2634
|
background-color: rgba(0, 12, 39, 0.1);
|
|
2634
2635
|
background-blend-mode: hard-light}
|
|
2635
|
-
[data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"]
|
|
2636
|
+
[data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] .button-icon{
|
|
2636
2637
|
--tw-text-opacity: 1;
|
|
2637
2638
|
color: rgb(118 184 170 / var(--tw-text-opacity))}
|
|
2638
2639
|
[data-coco][data-component="app-button"][data-theme="text-primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-disabled="true"]{
|
|
@@ -2660,7 +2661,7 @@ select{
|
|
|
2660
2661
|
[data-coco][data-component="app-button"][data-theme="secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="active"]{
|
|
2661
2662
|
background-color: rgba(0, 12, 39, 0.1);
|
|
2662
2663
|
background-blend-mode: hard-light}
|
|
2663
|
-
[data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"]
|
|
2664
|
+
[data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="loading"] .button-icon{
|
|
2664
2665
|
--tw-text-opacity: 1;
|
|
2665
2666
|
color: rgb(118 184 170 / var(--tw-text-opacity))}
|
|
2666
2667
|
[data-coco][data-component="app-button"][data-theme="secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-disabled="true"]{
|
|
@@ -2698,7 +2699,7 @@ select{
|
|
|
2698
2699
|
[data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="active"]{
|
|
2699
2700
|
background-color: rgba(0, 12, 39, 0.1);
|
|
2700
2701
|
background-blend-mode: hard-light}
|
|
2701
|
-
[data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"]
|
|
2702
|
+
[data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] .button-icon{
|
|
2702
2703
|
--tw-text-opacity: 1;
|
|
2703
2704
|
color: rgb(118 184 170 / var(--tw-text-opacity))}
|
|
2704
2705
|
[data-coco][data-component="app-button"][data-theme="text-secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-disabled="true"]{
|
|
@@ -2723,7 +2724,7 @@ select{
|
|
|
2723
2724
|
[data-coco][data-component="app-button"][data-theme="negative"][data-state="active"]{
|
|
2724
2725
|
--tw-bg-opacity: 1;
|
|
2725
2726
|
background-color: rgb(153 27 27 / var(--tw-bg-opacity))}
|
|
2726
|
-
[data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"]
|
|
2727
|
+
[data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] .button-icon{
|
|
2727
2728
|
--tw-text-opacity: 1;
|
|
2728
2729
|
color: rgb(252 165 165 / var(--tw-text-opacity))}
|
|
2729
2730
|
[data-coco][data-component="app-button"][data-theme="negative"][data-disabled="true"]{
|
|
@@ -2744,7 +2745,7 @@ select{
|
|
|
2744
2745
|
[data-coco][data-component="app-button"][data-theme="text-negative"][data-state="active"]{
|
|
2745
2746
|
background-color: rgba(0, 12, 39, 0.1);
|
|
2746
2747
|
background-blend-mode: hard-light}
|
|
2747
|
-
[data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"]
|
|
2748
|
+
[data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] .button-icon{
|
|
2748
2749
|
--tw-text-opacity: 1;
|
|
2749
2750
|
color: rgb(252 165 165 / var(--tw-text-opacity))}
|
|
2750
2751
|
[data-coco][data-component="app-button"][data-theme="text-negative"][data-disabled="true"]{
|
|
@@ -2769,7 +2770,7 @@ select{
|
|
|
2769
2770
|
[data-coco][data-component="app-button"][data-theme="warning"][data-state="active"]{
|
|
2770
2771
|
--tw-bg-opacity: 1;
|
|
2771
2772
|
background-color: rgb(146 64 14 / var(--tw-bg-opacity))}
|
|
2772
|
-
[data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"]
|
|
2773
|
+
[data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] .button-icon{
|
|
2773
2774
|
--tw-text-opacity: 1;
|
|
2774
2775
|
color: rgb(252 211 77 / var(--tw-text-opacity))}
|
|
2775
2776
|
[data-coco][data-component="app-button"][data-theme="warning"][data-disabled="true"]{
|
|
@@ -2790,7 +2791,7 @@ select{
|
|
|
2790
2791
|
[data-coco][data-component="app-button"][data-theme="text-warning"][data-state="active"]{
|
|
2791
2792
|
background-color: rgba(0, 12, 39, 0.1);
|
|
2792
2793
|
background-blend-mode: hard-light}
|
|
2793
|
-
[data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"]
|
|
2794
|
+
[data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] .button-icon{
|
|
2794
2795
|
--tw-text-opacity: 1;
|
|
2795
2796
|
color: rgb(252 211 77 / var(--tw-text-opacity))}
|
|
2796
2797
|
[data-coco][data-component="app-button"][data-theme="text-warning"][data-disabled="true"]{
|
|
@@ -2815,7 +2816,7 @@ select{
|
|
|
2815
2816
|
[data-coco][data-component="app-button"][data-theme="info"][data-state="active"]{
|
|
2816
2817
|
--tw-bg-opacity: 1;
|
|
2817
2818
|
background-color: rgb(7 89 133 / var(--tw-bg-opacity))}
|
|
2818
|
-
[data-coco][data-component="app-button"][data-theme="info"][data-state="loading"]
|
|
2819
|
+
[data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] .button-icon{
|
|
2819
2820
|
--tw-text-opacity: 1;
|
|
2820
2821
|
color: rgb(125 211 252 / var(--tw-text-opacity))}
|
|
2821
2822
|
[data-coco][data-component="app-button"][data-theme="info"][data-disabled="true"]{
|
|
@@ -2836,7 +2837,7 @@ select{
|
|
|
2836
2837
|
[data-coco][data-component="app-button"][data-theme="text-info"][data-state="active"]{
|
|
2837
2838
|
background-color: rgba(0, 12, 39, 0.1);
|
|
2838
2839
|
background-blend-mode: hard-light}
|
|
2839
|
-
[data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"]
|
|
2840
|
+
[data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] .button-icon{
|
|
2840
2841
|
--tw-text-opacity: 1;
|
|
2841
2842
|
color: rgb(125 211 252 / var(--tw-text-opacity))}
|
|
2842
2843
|
[data-coco][data-component="app-button"][data-theme="text-info"][data-disabled="true"]{
|
|
@@ -2866,28 +2867,27 @@ select{
|
|
|
2866
2867
|
background-color: rgb(209 213 219 / var(--tw-bg-opacity))}
|
|
2867
2868
|
[data-coco][data-component="app-button"][data-theme="neutral-light"]{
|
|
2868
2869
|
border-width: 1px;
|
|
2869
|
-
border-color: transparent
|
|
2870
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"] .button-element{
|
|
2870
|
+
border-color: transparent;
|
|
2871
2871
|
--tw-bg-opacity: 1;
|
|
2872
2872
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
2873
2873
|
--tw-text-opacity: 1;
|
|
2874
2874
|
color: rgb(17 24 39 / var(--tw-text-opacity))}
|
|
2875
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"]
|
|
2875
|
+
[data-coco][data-component="app-button"][data-theme="neutral-light"]:hover{
|
|
2876
2876
|
--tw-bg-opacity: 1;
|
|
2877
2877
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
|
|
2878
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"]
|
|
2878
|
+
[data-coco][data-component="app-button"][data-theme="neutral-light"]:active{
|
|
2879
2879
|
--tw-bg-opacity: 1;
|
|
2880
2880
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity))}
|
|
2881
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="loading"]
|
|
2881
|
+
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="loading"]{
|
|
2882
2882
|
--tw-bg-opacity: 1;
|
|
2883
2883
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
|
|
2884
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="active"]
|
|
2884
|
+
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="active"]{
|
|
2885
2885
|
--tw-bg-opacity: 1;
|
|
2886
2886
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity))}
|
|
2887
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"]
|
|
2887
|
+
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"]{
|
|
2888
2888
|
--tw-bg-opacity: 1;
|
|
2889
2889
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
|
|
2890
|
-
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button-
|
|
2890
|
+
[data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button-inner{
|
|
2891
2891
|
opacity: 0.4}
|
|
2892
2892
|
[data-coco][data-component="app-button"][data-theme="text-neutral-light"]{
|
|
2893
2893
|
background-color: transparent;
|
|
@@ -2919,18 +2919,18 @@ select{
|
|
|
2919
2919
|
[data-coco][data-component="app-button"][data-size="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="xs"] .button-toggle{
|
|
2920
2920
|
height: 0.875rem;
|
|
2921
2921
|
width: 0.875rem}
|
|
2922
|
-
[data-coco][data-component="app-button"][data-size="xs"][data-theme]
|
|
2922
|
+
[data-coco][data-component="app-button"][data-size="xs"][data-theme]{
|
|
2923
2923
|
padding-top: 0.5rem;
|
|
2924
2924
|
padding-bottom: 0.5rem;
|
|
2925
2925
|
padding-left: 0.75rem;
|
|
2926
2926
|
padding-right: 0.75rem}
|
|
2927
|
-
[data-coco][data-component="app-button"][data-size="xs"].icon-only
|
|
2927
|
+
[data-coco][data-component="app-button"][data-size="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-collapsed="true"] .button-icon{
|
|
2928
2928
|
margin-left: -0.25rem;
|
|
2929
2929
|
margin-right: -0.25rem}
|
|
2930
|
-
[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"]
|
|
2930
|
+
[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"]{
|
|
2931
2931
|
padding-left: 0.5rem;
|
|
2932
2932
|
padding-right: 0.5rem}
|
|
2933
|
-
[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"].icon-only
|
|
2933
|
+
[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
2934
2934
|
padding-left: 0.5rem;
|
|
2935
2935
|
padding-right: 0.5rem}
|
|
2936
2936
|
[data-coco][data-component="app-button"][data-size="sm"] .button-content{
|
|
@@ -2939,18 +2939,18 @@ select{
|
|
|
2939
2939
|
[data-coco][data-component="app-button"][data-size="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="sm"] .button-toggle{
|
|
2940
2940
|
height: 1rem;
|
|
2941
2941
|
width: 1rem}
|
|
2942
|
-
[data-coco][data-component="app-button"][data-size="sm"][data-theme]
|
|
2942
|
+
[data-coco][data-component="app-button"][data-size="sm"][data-theme]{
|
|
2943
2943
|
padding-top: 0.625rem;
|
|
2944
2944
|
padding-bottom: 0.625rem;
|
|
2945
2945
|
padding-left: 1rem;
|
|
2946
2946
|
padding-right: 1rem}
|
|
2947
|
-
[data-coco][data-component="app-button"][data-size="sm"][data-theme].icon-only
|
|
2947
|
+
[data-coco][data-component="app-button"][data-size="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme][data-collapsed="true"] .button-icon{
|
|
2948
2948
|
margin-left: -0.375rem;
|
|
2949
2949
|
margin-right: -0.375rem}
|
|
2950
|
-
[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"]
|
|
2950
|
+
[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"]{
|
|
2951
2951
|
padding-left: 0.5rem;
|
|
2952
2952
|
padding-right: 0.5rem}
|
|
2953
|
-
[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"].icon-only
|
|
2953
|
+
[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
2954
2954
|
padding-left: 0.5rem;
|
|
2955
2955
|
padding-right: 0.5rem}
|
|
2956
2956
|
[data-coco][data-component="app-button"][data-size="md"] .button-content{
|
|
@@ -2959,18 +2959,18 @@ select{
|
|
|
2959
2959
|
[data-coco][data-component="app-button"][data-size="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="md"] .button-toggle{
|
|
2960
2960
|
height: 1.25rem;
|
|
2961
2961
|
width: 1.25rem}
|
|
2962
|
-
[data-coco][data-component="app-button"][data-size="md"][data-theme]
|
|
2962
|
+
[data-coco][data-component="app-button"][data-size="md"][data-theme]{
|
|
2963
2963
|
padding-top: 0.75rem;
|
|
2964
2964
|
padding-bottom: 0.75rem;
|
|
2965
2965
|
padding-left: 1.25rem;
|
|
2966
2966
|
padding-right: 1.25rem}
|
|
2967
|
-
[data-coco][data-component="app-button"][data-size="md"][data-theme].icon-only
|
|
2967
|
+
[data-coco][data-component="app-button"][data-size="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme][data-collapsed="true"] .button-icon{
|
|
2968
2968
|
margin-left: -0.5rem;
|
|
2969
2969
|
margin-right: -0.5rem}
|
|
2970
|
-
[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"]
|
|
2970
|
+
[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"]{
|
|
2971
2971
|
padding-left: 0.75rem;
|
|
2972
2972
|
padding-right: 0.75rem}
|
|
2973
|
-
[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"].icon-only
|
|
2973
|
+
[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
2974
2974
|
padding-left: 0.5rem;
|
|
2975
2975
|
padding-right: 0.5rem}
|
|
2976
2976
|
[data-coco][data-component="app-button"][data-size="lg"] .button-content{
|
|
@@ -2979,18 +2979,18 @@ select{
|
|
|
2979
2979
|
[data-coco][data-component="app-button"][data-size="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="lg"] .button-toggle{
|
|
2980
2980
|
height: 1.5rem;
|
|
2981
2981
|
width: 1.5rem}
|
|
2982
|
-
[data-coco][data-component="app-button"][data-size="lg"][data-theme]
|
|
2982
|
+
[data-coco][data-component="app-button"][data-size="lg"][data-theme]{
|
|
2983
2983
|
padding-top: 1rem;
|
|
2984
2984
|
padding-bottom: 1rem;
|
|
2985
2985
|
padding-left: 1.5rem;
|
|
2986
2986
|
padding-right: 1.5rem}
|
|
2987
|
-
[data-coco][data-component="app-button"][data-size="lg"][data-theme].icon-only
|
|
2987
|
+
[data-coco][data-component="app-button"][data-size="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme][data-collapsed="true"] .button-inner{
|
|
2988
2988
|
margin-left: -8px;
|
|
2989
2989
|
margin-right: -8px}
|
|
2990
|
-
[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"]
|
|
2990
|
+
[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"]{
|
|
2991
2991
|
padding-left: 0.75rem;
|
|
2992
2992
|
padding-right: 0.75rem}
|
|
2993
|
-
[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"].icon-only
|
|
2993
|
+
[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
2994
2994
|
padding-left: 0.75rem;
|
|
2995
2995
|
padding-right: 0.75rem}
|
|
2996
2996
|
@media (min-width: 768px) {
|
|
@@ -3002,20 +3002,22 @@ select{
|
|
|
3002
3002
|
[data-coco][data-component="app-button"][data-size-md="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="xs"] .button-toggle{
|
|
3003
3003
|
height: 0.875rem;
|
|
3004
3004
|
width: 0.875rem}
|
|
3005
|
-
|
|
3005
|
+
|
|
3006
|
+
[data-coco][data-component="app-button"][data-size-md="xs"][data-theme]{
|
|
3006
3007
|
padding-top: 0.5rem;
|
|
3007
3008
|
padding-bottom: 0.5rem;
|
|
3008
3009
|
padding-left: 0.75rem;
|
|
3009
3010
|
padding-right: 0.75rem}
|
|
3010
3011
|
|
|
3011
|
-
[data-coco][data-component="app-button"][data-size-md="xs"].icon-only
|
|
3012
|
+
[data-coco][data-component="app-button"][data-size-md="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-collapsed="true"] .button-icon{
|
|
3012
3013
|
margin-left: -0.25rem;
|
|
3013
3014
|
margin-right: -0.25rem}
|
|
3014
|
-
|
|
3015
|
+
|
|
3016
|
+
[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"]{
|
|
3015
3017
|
padding-left: 0.5rem;
|
|
3016
3018
|
padding-right: 0.5rem}
|
|
3017
3019
|
|
|
3018
|
-
[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"].icon-only
|
|
3020
|
+
[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3019
3021
|
padding-left: 0.5rem;
|
|
3020
3022
|
padding-right: 0.5rem}
|
|
3021
3023
|
[data-coco][data-component="app-button"][data-size-md="sm"] .button-content{
|
|
@@ -3025,20 +3027,22 @@ select{
|
|
|
3025
3027
|
[data-coco][data-component="app-button"][data-size-md="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="sm"] .button-toggle{
|
|
3026
3028
|
height: 1rem;
|
|
3027
3029
|
width: 1rem}
|
|
3028
|
-
|
|
3030
|
+
|
|
3031
|
+
[data-coco][data-component="app-button"][data-size-md="sm"][data-theme]{
|
|
3029
3032
|
padding-top: 0.625rem;
|
|
3030
3033
|
padding-bottom: 0.625rem;
|
|
3031
3034
|
padding-left: 1rem;
|
|
3032
3035
|
padding-right: 1rem}
|
|
3033
3036
|
|
|
3034
|
-
[data-coco][data-component="app-button"][data-size-md="sm"][data-theme].icon-only
|
|
3037
|
+
[data-coco][data-component="app-button"][data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon{
|
|
3035
3038
|
margin-left: -0.375rem;
|
|
3036
3039
|
margin-right: -0.375rem}
|
|
3037
|
-
|
|
3040
|
+
|
|
3041
|
+
[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"]{
|
|
3038
3042
|
padding-left: 0.5rem;
|
|
3039
3043
|
padding-right: 0.5rem}
|
|
3040
3044
|
|
|
3041
|
-
[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"].icon-only
|
|
3045
|
+
[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3042
3046
|
padding-left: 0.5rem;
|
|
3043
3047
|
padding-right: 0.5rem}
|
|
3044
3048
|
[data-coco][data-component="app-button"][data-size-md="md"] .button-content{
|
|
@@ -3048,20 +3052,22 @@ select{
|
|
|
3048
3052
|
[data-coco][data-component="app-button"][data-size-md="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="md"] .button-toggle{
|
|
3049
3053
|
height: 1.25rem;
|
|
3050
3054
|
width: 1.25rem}
|
|
3051
|
-
|
|
3055
|
+
|
|
3056
|
+
[data-coco][data-component="app-button"][data-size-md="md"][data-theme]{
|
|
3052
3057
|
padding-top: 0.75rem;
|
|
3053
3058
|
padding-bottom: 0.75rem;
|
|
3054
3059
|
padding-left: 1.25rem;
|
|
3055
3060
|
padding-right: 1.25rem}
|
|
3056
3061
|
|
|
3057
|
-
[data-coco][data-component="app-button"][data-size-md="md"][data-theme].icon-only
|
|
3062
|
+
[data-coco][data-component="app-button"][data-size-md="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme][data-collapsed="true"] .button-icon{
|
|
3058
3063
|
margin-left: -0.5rem;
|
|
3059
3064
|
margin-right: -0.5rem}
|
|
3060
|
-
|
|
3065
|
+
|
|
3066
|
+
[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"]{
|
|
3061
3067
|
padding-left: 0.75rem;
|
|
3062
3068
|
padding-right: 0.75rem}
|
|
3063
3069
|
|
|
3064
|
-
[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"].icon-only
|
|
3070
|
+
[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3065
3071
|
padding-left: 0.5rem;
|
|
3066
3072
|
padding-right: 0.5rem}
|
|
3067
3073
|
[data-coco][data-component="app-button"][data-size-md="lg"] .button-content{
|
|
@@ -3071,20 +3077,22 @@ select{
|
|
|
3071
3077
|
[data-coco][data-component="app-button"][data-size-md="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="lg"] .button-toggle{
|
|
3072
3078
|
height: 1.5rem;
|
|
3073
3079
|
width: 1.5rem}
|
|
3074
|
-
|
|
3080
|
+
|
|
3081
|
+
[data-coco][data-component="app-button"][data-size-md="lg"][data-theme]{
|
|
3075
3082
|
padding-top: 1rem;
|
|
3076
3083
|
padding-bottom: 1rem;
|
|
3077
3084
|
padding-left: 1.5rem;
|
|
3078
3085
|
padding-right: 1.5rem}
|
|
3079
3086
|
|
|
3080
|
-
[data-coco][data-component="app-button"][data-size-md="lg"][data-theme].icon-only
|
|
3087
|
+
[data-coco][data-component="app-button"][data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner{
|
|
3081
3088
|
margin-left: -8px;
|
|
3082
3089
|
margin-right: -8px}
|
|
3083
|
-
|
|
3090
|
+
|
|
3091
|
+
[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"]{
|
|
3084
3092
|
padding-left: 0.75rem;
|
|
3085
3093
|
padding-right: 0.75rem}
|
|
3086
3094
|
|
|
3087
|
-
[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"].icon-only
|
|
3095
|
+
[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3088
3096
|
padding-left: 0.75rem;
|
|
3089
3097
|
padding-right: 0.75rem}
|
|
3090
3098
|
}
|
|
@@ -3097,20 +3105,22 @@ select{
|
|
|
3097
3105
|
[data-coco][data-component="app-button"][data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="xs"] .button-toggle{
|
|
3098
3106
|
height: 0.875rem;
|
|
3099
3107
|
width: 0.875rem}
|
|
3100
|
-
|
|
3108
|
+
|
|
3109
|
+
[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme]{
|
|
3101
3110
|
padding-top: 0.5rem;
|
|
3102
3111
|
padding-bottom: 0.5rem;
|
|
3103
3112
|
padding-left: 0.75rem;
|
|
3104
3113
|
padding-right: 0.75rem}
|
|
3105
3114
|
|
|
3106
|
-
[data-coco][data-component="app-button"][data-size-lg="xs"].icon-only
|
|
3115
|
+
[data-coco][data-component="app-button"][data-size-lg="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-collapsed="true"] .button-icon{
|
|
3107
3116
|
margin-left: -0.25rem;
|
|
3108
3117
|
margin-right: -0.25rem}
|
|
3109
|
-
|
|
3118
|
+
|
|
3119
|
+
[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"]{
|
|
3110
3120
|
padding-left: 0.5rem;
|
|
3111
3121
|
padding-right: 0.5rem}
|
|
3112
3122
|
|
|
3113
|
-
[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"].icon-only
|
|
3123
|
+
[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3114
3124
|
padding-left: 0.5rem;
|
|
3115
3125
|
padding-right: 0.5rem}
|
|
3116
3126
|
[data-coco][data-component="app-button"][data-size-lg="sm"] .button-content{
|
|
@@ -3120,20 +3130,22 @@ select{
|
|
|
3120
3130
|
[data-coco][data-component="app-button"][data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="sm"] .button-toggle{
|
|
3121
3131
|
height: 1rem;
|
|
3122
3132
|
width: 1rem}
|
|
3123
|
-
|
|
3133
|
+
|
|
3134
|
+
[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme]{
|
|
3124
3135
|
padding-top: 0.625rem;
|
|
3125
3136
|
padding-bottom: 0.625rem;
|
|
3126
3137
|
padding-left: 1rem;
|
|
3127
3138
|
padding-right: 1rem}
|
|
3128
3139
|
|
|
3129
|
-
[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme].icon-only
|
|
3140
|
+
[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon{
|
|
3130
3141
|
margin-left: -0.375rem;
|
|
3131
3142
|
margin-right: -0.375rem}
|
|
3132
|
-
|
|
3143
|
+
|
|
3144
|
+
[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"]{
|
|
3133
3145
|
padding-left: 0.5rem;
|
|
3134
3146
|
padding-right: 0.5rem}
|
|
3135
3147
|
|
|
3136
|
-
[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"].icon-only
|
|
3148
|
+
[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3137
3149
|
padding-left: 0.5rem;
|
|
3138
3150
|
padding-right: 0.5rem}
|
|
3139
3151
|
[data-coco][data-component="app-button"][data-size-lg="md"] .button-content{
|
|
@@ -3143,20 +3155,22 @@ select{
|
|
|
3143
3155
|
[data-coco][data-component="app-button"][data-size-lg="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="md"] .button-toggle{
|
|
3144
3156
|
height: 1.25rem;
|
|
3145
3157
|
width: 1.25rem}
|
|
3146
|
-
|
|
3158
|
+
|
|
3159
|
+
[data-coco][data-component="app-button"][data-size-lg="md"][data-theme]{
|
|
3147
3160
|
padding-top: 0.75rem;
|
|
3148
3161
|
padding-bottom: 0.75rem;
|
|
3149
3162
|
padding-left: 1.25rem;
|
|
3150
3163
|
padding-right: 1.25rem}
|
|
3151
3164
|
|
|
3152
|
-
[data-coco][data-component="app-button"][data-size-lg="md"][data-theme].icon-only
|
|
3165
|
+
[data-coco][data-component="app-button"][data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon{
|
|
3153
3166
|
margin-left: -0.5rem;
|
|
3154
3167
|
margin-right: -0.5rem}
|
|
3155
|
-
|
|
3168
|
+
|
|
3169
|
+
[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"]{
|
|
3156
3170
|
padding-left: 0.75rem;
|
|
3157
3171
|
padding-right: 0.75rem}
|
|
3158
3172
|
|
|
3159
|
-
[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"].icon-only
|
|
3173
|
+
[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3160
3174
|
padding-left: 0.5rem;
|
|
3161
3175
|
padding-right: 0.5rem}
|
|
3162
3176
|
[data-coco][data-component="app-button"][data-size-lg="lg"] .button-content{
|
|
@@ -3166,20 +3180,22 @@ select{
|
|
|
3166
3180
|
[data-coco][data-component="app-button"][data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="lg"] .button-toggle{
|
|
3167
3181
|
height: 1.5rem;
|
|
3168
3182
|
width: 1.5rem}
|
|
3169
|
-
|
|
3183
|
+
|
|
3184
|
+
[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme]{
|
|
3170
3185
|
padding-top: 1rem;
|
|
3171
3186
|
padding-bottom: 1rem;
|
|
3172
3187
|
padding-left: 1.5rem;
|
|
3173
3188
|
padding-right: 1.5rem}
|
|
3174
3189
|
|
|
3175
|
-
[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme].icon-only
|
|
3190
|
+
[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner{
|
|
3176
3191
|
margin-left: -8px;
|
|
3177
3192
|
margin-right: -8px}
|
|
3178
|
-
|
|
3193
|
+
|
|
3194
|
+
[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"]{
|
|
3179
3195
|
padding-left: 0.75rem;
|
|
3180
3196
|
padding-right: 0.75rem}
|
|
3181
3197
|
|
|
3182
|
-
[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"].icon-only
|
|
3198
|
+
[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3183
3199
|
padding-left: 0.75rem;
|
|
3184
3200
|
padding-right: 0.75rem}
|
|
3185
3201
|
}
|
|
@@ -3192,20 +3208,22 @@ select{
|
|
|
3192
3208
|
[data-coco][data-component="app-button"][data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="xs"] .button-toggle{
|
|
3193
3209
|
height: 0.875rem;
|
|
3194
3210
|
width: 0.875rem}
|
|
3195
|
-
|
|
3211
|
+
|
|
3212
|
+
[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme]{
|
|
3196
3213
|
padding-top: 0.5rem;
|
|
3197
3214
|
padding-bottom: 0.5rem;
|
|
3198
3215
|
padding-left: 0.75rem;
|
|
3199
3216
|
padding-right: 0.75rem}
|
|
3200
3217
|
|
|
3201
|
-
[data-coco][data-component="app-button"][data-size-xl="xs"].icon-only
|
|
3218
|
+
[data-coco][data-component="app-button"][data-size-xl="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-collapsed="true"] .button-icon{
|
|
3202
3219
|
margin-left: -0.25rem;
|
|
3203
3220
|
margin-right: -0.25rem}
|
|
3204
|
-
|
|
3221
|
+
|
|
3222
|
+
[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"]{
|
|
3205
3223
|
padding-left: 0.5rem;
|
|
3206
3224
|
padding-right: 0.5rem}
|
|
3207
3225
|
|
|
3208
|
-
[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"].icon-only
|
|
3226
|
+
[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3209
3227
|
padding-left: 0.5rem;
|
|
3210
3228
|
padding-right: 0.5rem}
|
|
3211
3229
|
[data-coco][data-component="app-button"][data-size-xl="sm"] .button-content{
|
|
@@ -3215,20 +3233,22 @@ select{
|
|
|
3215
3233
|
[data-coco][data-component="app-button"][data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="sm"] .button-toggle{
|
|
3216
3234
|
height: 1rem;
|
|
3217
3235
|
width: 1rem}
|
|
3218
|
-
|
|
3236
|
+
|
|
3237
|
+
[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme]{
|
|
3219
3238
|
padding-top: 0.625rem;
|
|
3220
3239
|
padding-bottom: 0.625rem;
|
|
3221
3240
|
padding-left: 1rem;
|
|
3222
3241
|
padding-right: 1rem}
|
|
3223
3242
|
|
|
3224
|
-
[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme].icon-only
|
|
3243
|
+
[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon{
|
|
3225
3244
|
margin-left: -0.375rem;
|
|
3226
3245
|
margin-right: -0.375rem}
|
|
3227
|
-
|
|
3246
|
+
|
|
3247
|
+
[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"]{
|
|
3228
3248
|
padding-left: 0.5rem;
|
|
3229
3249
|
padding-right: 0.5rem}
|
|
3230
3250
|
|
|
3231
|
-
[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"].icon-only
|
|
3251
|
+
[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3232
3252
|
padding-left: 0.5rem;
|
|
3233
3253
|
padding-right: 0.5rem}
|
|
3234
3254
|
[data-coco][data-component="app-button"][data-size-xl="md"] .button-content{
|
|
@@ -3238,20 +3258,22 @@ select{
|
|
|
3238
3258
|
[data-coco][data-component="app-button"][data-size-xl="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="md"] .button-toggle{
|
|
3239
3259
|
height: 1.25rem;
|
|
3240
3260
|
width: 1.25rem}
|
|
3241
|
-
|
|
3261
|
+
|
|
3262
|
+
[data-coco][data-component="app-button"][data-size-xl="md"][data-theme]{
|
|
3242
3263
|
padding-top: 0.75rem;
|
|
3243
3264
|
padding-bottom: 0.75rem;
|
|
3244
3265
|
padding-left: 1.25rem;
|
|
3245
3266
|
padding-right: 1.25rem}
|
|
3246
3267
|
|
|
3247
|
-
[data-coco][data-component="app-button"][data-size-xl="md"][data-theme].icon-only
|
|
3268
|
+
[data-coco][data-component="app-button"][data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon{
|
|
3248
3269
|
margin-left: -0.5rem;
|
|
3249
3270
|
margin-right: -0.5rem}
|
|
3250
|
-
|
|
3271
|
+
|
|
3272
|
+
[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"]{
|
|
3251
3273
|
padding-left: 0.75rem;
|
|
3252
3274
|
padding-right: 0.75rem}
|
|
3253
3275
|
|
|
3254
|
-
[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"].icon-only
|
|
3276
|
+
[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3255
3277
|
padding-left: 0.5rem;
|
|
3256
3278
|
padding-right: 0.5rem}
|
|
3257
3279
|
[data-coco][data-component="app-button"][data-size-xl="lg"] .button-content{
|
|
@@ -3261,20 +3283,22 @@ select{
|
|
|
3261
3283
|
[data-coco][data-component="app-button"][data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="lg"] .button-toggle{
|
|
3262
3284
|
height: 1.5rem;
|
|
3263
3285
|
width: 1.5rem}
|
|
3264
|
-
|
|
3286
|
+
|
|
3287
|
+
[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme]{
|
|
3265
3288
|
padding-top: 1rem;
|
|
3266
3289
|
padding-bottom: 1rem;
|
|
3267
3290
|
padding-left: 1.5rem;
|
|
3268
3291
|
padding-right: 1.5rem}
|
|
3269
3292
|
|
|
3270
|
-
[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme].icon-only
|
|
3293
|
+
[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner{
|
|
3271
3294
|
margin-left: -8px;
|
|
3272
3295
|
margin-right: -8px}
|
|
3273
|
-
|
|
3296
|
+
|
|
3297
|
+
[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"]{
|
|
3274
3298
|
padding-left: 0.75rem;
|
|
3275
3299
|
padding-right: 0.75rem}
|
|
3276
3300
|
|
|
3277
|
-
[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"].icon-only
|
|
3301
|
+
[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3278
3302
|
padding-left: 0.75rem;
|
|
3279
3303
|
padding-right: 0.75rem}
|
|
3280
3304
|
}
|
|
@@ -3290,26 +3314,28 @@ select{
|
|
|
3290
3314
|
[data-coco][data-component="app-button"][data-size-2xl="xs"] .button-toggle{
|
|
3291
3315
|
height: 0.875rem;
|
|
3292
3316
|
width: 0.875rem}
|
|
3293
|
-
|
|
3294
|
-
|
|
3317
|
+
|
|
3318
|
+
[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme],
|
|
3319
|
+
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme]{
|
|
3295
3320
|
padding-top: 0.5rem;
|
|
3296
3321
|
padding-bottom: 0.5rem;
|
|
3297
3322
|
padding-left: 0.75rem;
|
|
3298
3323
|
padding-right: 0.75rem}
|
|
3299
3324
|
|
|
3300
|
-
[data-coco][data-component="app-button"][data-size-xxl="xs"].icon-only
|
|
3301
|
-
[data-coco][data-component="app-button"][data-size-2xl="xs"].icon-only
|
|
3302
|
-
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-collapsed="true"]
|
|
3325
|
+
[data-coco][data-component="app-button"][data-size-xxl="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-collapsed="true"] .button-icon,
|
|
3326
|
+
[data-coco][data-component="app-button"][data-size-2xl="xs"].icon-only .button-icon,
|
|
3327
|
+
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-collapsed="true"] .button-icon{
|
|
3303
3328
|
margin-left: -0.25rem;
|
|
3304
3329
|
margin-right: -0.25rem}
|
|
3305
|
-
|
|
3306
|
-
|
|
3330
|
+
|
|
3331
|
+
[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"],
|
|
3332
|
+
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"]{
|
|
3307
3333
|
padding-left: 0.5rem;
|
|
3308
3334
|
padding-right: 0.5rem}
|
|
3309
3335
|
|
|
3310
|
-
[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"].icon-only
|
|
3311
|
-
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"].icon-only
|
|
3312
|
-
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"]
|
|
3336
|
+
[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon,
|
|
3337
|
+
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"].icon-only .button-icon,
|
|
3338
|
+
[data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3313
3339
|
padding-left: 0.5rem;
|
|
3314
3340
|
padding-right: 0.5rem}
|
|
3315
3341
|
[data-coco][data-component="app-button"][data-size-xxl="sm"] .button-content,
|
|
@@ -3322,26 +3348,28 @@ select{
|
|
|
3322
3348
|
[data-coco][data-component="app-button"][data-size-2xl="sm"] .button-toggle{
|
|
3323
3349
|
height: 1rem;
|
|
3324
3350
|
width: 1rem}
|
|
3325
|
-
|
|
3326
|
-
|
|
3351
|
+
|
|
3352
|
+
[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme],
|
|
3353
|
+
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme]{
|
|
3327
3354
|
padding-top: 0.625rem;
|
|
3328
3355
|
padding-bottom: 0.625rem;
|
|
3329
3356
|
padding-left: 1rem;
|
|
3330
3357
|
padding-right: 1rem}
|
|
3331
3358
|
|
|
3332
|
-
[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme].icon-only
|
|
3333
|
-
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme].icon-only
|
|
3334
|
-
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme][data-collapsed="true"]
|
|
3359
|
+
[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme][data-collapsed="true"] .button-icon,
|
|
3360
|
+
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme].icon-only .button-icon,
|
|
3361
|
+
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon{
|
|
3335
3362
|
margin-left: -0.375rem;
|
|
3336
3363
|
margin-right: -0.375rem}
|
|
3337
|
-
|
|
3338
|
-
|
|
3364
|
+
|
|
3365
|
+
[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"],
|
|
3366
|
+
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"]{
|
|
3339
3367
|
padding-left: 0.5rem;
|
|
3340
3368
|
padding-right: 0.5rem}
|
|
3341
3369
|
|
|
3342
|
-
[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"].icon-only
|
|
3343
|
-
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"].icon-only
|
|
3344
|
-
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"]
|
|
3370
|
+
[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon,
|
|
3371
|
+
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"].icon-only .button-icon,
|
|
3372
|
+
[data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3345
3373
|
padding-left: 0.5rem;
|
|
3346
3374
|
padding-right: 0.5rem}
|
|
3347
3375
|
[data-coco][data-component="app-button"][data-size-xxl="md"] .button-content,
|
|
@@ -3354,26 +3382,28 @@ select{
|
|
|
3354
3382
|
[data-coco][data-component="app-button"][data-size-2xl="md"] .button-toggle{
|
|
3355
3383
|
height: 1.25rem;
|
|
3356
3384
|
width: 1.25rem}
|
|
3357
|
-
|
|
3358
|
-
|
|
3385
|
+
|
|
3386
|
+
[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme],
|
|
3387
|
+
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme]{
|
|
3359
3388
|
padding-top: 0.75rem;
|
|
3360
3389
|
padding-bottom: 0.75rem;
|
|
3361
3390
|
padding-left: 1.25rem;
|
|
3362
3391
|
padding-right: 1.25rem}
|
|
3363
3392
|
|
|
3364
|
-
[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme].icon-only
|
|
3365
|
-
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme].icon-only
|
|
3366
|
-
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme][data-collapsed="true"]
|
|
3393
|
+
[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme][data-collapsed="true"] .button-icon,
|
|
3394
|
+
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme].icon-only .button-icon,
|
|
3395
|
+
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon{
|
|
3367
3396
|
margin-left: -0.5rem;
|
|
3368
3397
|
margin-right: -0.5rem}
|
|
3369
|
-
|
|
3370
|
-
|
|
3398
|
+
|
|
3399
|
+
[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"],
|
|
3400
|
+
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"]{
|
|
3371
3401
|
padding-left: 0.75rem;
|
|
3372
3402
|
padding-right: 0.75rem}
|
|
3373
3403
|
|
|
3374
|
-
[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"].icon-only
|
|
3375
|
-
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"].icon-only
|
|
3376
|
-
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"][data-collapsed="true"]
|
|
3404
|
+
[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"][data-collapsed="true"] .button-icon,
|
|
3405
|
+
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"].icon-only .button-icon,
|
|
3406
|
+
[data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3377
3407
|
padding-left: 0.5rem;
|
|
3378
3408
|
padding-right: 0.5rem}
|
|
3379
3409
|
[data-coco][data-component="app-button"][data-size-xxl="lg"] .button-content,
|
|
@@ -3386,26 +3416,28 @@ select{
|
|
|
3386
3416
|
[data-coco][data-component="app-button"][data-size-2xl="lg"] .button-toggle{
|
|
3387
3417
|
height: 1.5rem;
|
|
3388
3418
|
width: 1.5rem}
|
|
3389
|
-
|
|
3390
|
-
|
|
3419
|
+
|
|
3420
|
+
[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme],
|
|
3421
|
+
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme]{
|
|
3391
3422
|
padding-top: 1rem;
|
|
3392
3423
|
padding-bottom: 1rem;
|
|
3393
3424
|
padding-left: 1.5rem;
|
|
3394
3425
|
padding-right: 1.5rem}
|
|
3395
3426
|
|
|
3396
|
-
[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme].icon-only
|
|
3397
|
-
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme].icon-only
|
|
3427
|
+
[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme][data-collapsed="true"] .button-inner,
|
|
3428
|
+
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme].icon-only .button-icon,
|
|
3398
3429
|
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner{
|
|
3399
3430
|
margin-left: -8px;
|
|
3400
3431
|
margin-right: -8px}
|
|
3401
|
-
|
|
3402
|
-
|
|
3432
|
+
|
|
3433
|
+
[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"],
|
|
3434
|
+
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"]{
|
|
3403
3435
|
padding-left: 0.75rem;
|
|
3404
3436
|
padding-right: 0.75rem}
|
|
3405
3437
|
|
|
3406
|
-
[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"].icon-only
|
|
3407
|
-
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"].icon-only
|
|
3408
|
-
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"]
|
|
3438
|
+
[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon,
|
|
3439
|
+
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"].icon-only .button-icon,
|
|
3440
|
+
[data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3409
3441
|
padding-left: 0.75rem;
|
|
3410
3442
|
padding-right: 0.75rem}
|
|
3411
3443
|
}
|
|
@@ -3418,20 +3450,22 @@ select{
|
|
|
3418
3450
|
[data-coco][data-component="app-button"][data-size-max="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="xs"] .button-toggle{
|
|
3419
3451
|
height: 0.875rem;
|
|
3420
3452
|
width: 0.875rem}
|
|
3421
|
-
|
|
3453
|
+
|
|
3454
|
+
[data-coco][data-component="app-button"][data-size-max="xs"][data-theme]{
|
|
3422
3455
|
padding-top: 0.5rem;
|
|
3423
3456
|
padding-bottom: 0.5rem;
|
|
3424
3457
|
padding-left: 0.75rem;
|
|
3425
3458
|
padding-right: 0.75rem}
|
|
3426
3459
|
|
|
3427
|
-
[data-coco][data-component="app-button"][data-size-max="xs"].icon-only
|
|
3460
|
+
[data-coco][data-component="app-button"][data-size-max="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-collapsed="true"] .button-icon{
|
|
3428
3461
|
margin-left: -0.25rem;
|
|
3429
3462
|
margin-right: -0.25rem}
|
|
3430
|
-
|
|
3463
|
+
|
|
3464
|
+
[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"]{
|
|
3431
3465
|
padding-left: 0.5rem;
|
|
3432
3466
|
padding-right: 0.5rem}
|
|
3433
3467
|
|
|
3434
|
-
[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"].icon-only
|
|
3468
|
+
[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3435
3469
|
padding-left: 0.5rem;
|
|
3436
3470
|
padding-right: 0.5rem}
|
|
3437
3471
|
[data-coco][data-component="app-button"][data-size-max="sm"] .button-content{
|
|
@@ -3441,20 +3475,22 @@ select{
|
|
|
3441
3475
|
[data-coco][data-component="app-button"][data-size-max="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="sm"] .button-toggle{
|
|
3442
3476
|
height: 1rem;
|
|
3443
3477
|
width: 1rem}
|
|
3444
|
-
|
|
3478
|
+
|
|
3479
|
+
[data-coco][data-component="app-button"][data-size-max="sm"][data-theme]{
|
|
3445
3480
|
padding-top: 0.625rem;
|
|
3446
3481
|
padding-bottom: 0.625rem;
|
|
3447
3482
|
padding-left: 1rem;
|
|
3448
3483
|
padding-right: 1rem}
|
|
3449
3484
|
|
|
3450
|
-
[data-coco][data-component="app-button"][data-size-max="sm"][data-theme].icon-only
|
|
3485
|
+
[data-coco][data-component="app-button"][data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon{
|
|
3451
3486
|
margin-left: -0.375rem;
|
|
3452
3487
|
margin-right: -0.375rem}
|
|
3453
|
-
|
|
3488
|
+
|
|
3489
|
+
[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"]{
|
|
3454
3490
|
padding-left: 0.5rem;
|
|
3455
3491
|
padding-right: 0.5rem}
|
|
3456
3492
|
|
|
3457
|
-
[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"].icon-only
|
|
3493
|
+
[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3458
3494
|
padding-left: 0.5rem;
|
|
3459
3495
|
padding-right: 0.5rem}
|
|
3460
3496
|
[data-coco][data-component="app-button"][data-size-max="md"] .button-content{
|
|
@@ -3464,20 +3500,22 @@ select{
|
|
|
3464
3500
|
[data-coco][data-component="app-button"][data-size-max="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="md"] .button-toggle{
|
|
3465
3501
|
height: 1.25rem;
|
|
3466
3502
|
width: 1.25rem}
|
|
3467
|
-
|
|
3503
|
+
|
|
3504
|
+
[data-coco][data-component="app-button"][data-size-max="md"][data-theme]{
|
|
3468
3505
|
padding-top: 0.75rem;
|
|
3469
3506
|
padding-bottom: 0.75rem;
|
|
3470
3507
|
padding-left: 1.25rem;
|
|
3471
3508
|
padding-right: 1.25rem}
|
|
3472
3509
|
|
|
3473
|
-
[data-coco][data-component="app-button"][data-size-max="md"][data-theme].icon-only
|
|
3510
|
+
[data-coco][data-component="app-button"][data-size-max="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme][data-collapsed="true"] .button-icon{
|
|
3474
3511
|
margin-left: -0.5rem;
|
|
3475
3512
|
margin-right: -0.5rem}
|
|
3476
|
-
|
|
3513
|
+
|
|
3514
|
+
[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"]{
|
|
3477
3515
|
padding-left: 0.75rem;
|
|
3478
3516
|
padding-right: 0.75rem}
|
|
3479
3517
|
|
|
3480
|
-
[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"].icon-only
|
|
3518
|
+
[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3481
3519
|
padding-left: 0.5rem;
|
|
3482
3520
|
padding-right: 0.5rem}
|
|
3483
3521
|
[data-coco][data-component="app-button"][data-size-max="lg"] .button-content{
|
|
@@ -3487,20 +3525,22 @@ select{
|
|
|
3487
3525
|
[data-coco][data-component="app-button"][data-size-max="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="lg"] .button-toggle{
|
|
3488
3526
|
height: 1.5rem;
|
|
3489
3527
|
width: 1.5rem}
|
|
3490
|
-
|
|
3528
|
+
|
|
3529
|
+
[data-coco][data-component="app-button"][data-size-max="lg"][data-theme]{
|
|
3491
3530
|
padding-top: 1rem;
|
|
3492
3531
|
padding-bottom: 1rem;
|
|
3493
3532
|
padding-left: 1.5rem;
|
|
3494
3533
|
padding-right: 1.5rem}
|
|
3495
3534
|
|
|
3496
|
-
[data-coco][data-component="app-button"][data-size-max="lg"][data-theme].icon-only
|
|
3535
|
+
[data-coco][data-component="app-button"][data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner{
|
|
3497
3536
|
margin-left: -8px;
|
|
3498
3537
|
margin-right: -8px}
|
|
3499
|
-
|
|
3538
|
+
|
|
3539
|
+
[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"]{
|
|
3500
3540
|
padding-left: 0.75rem;
|
|
3501
3541
|
padding-right: 0.75rem}
|
|
3502
3542
|
|
|
3503
|
-
[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"].icon-only
|
|
3543
|
+
[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
3504
3544
|
padding-left: 0.75rem;
|
|
3505
3545
|
padding-right: 0.75rem}
|
|
3506
3546
|
}
|
|
@@ -3508,7 +3548,10 @@ select{
|
|
|
3508
3548
|
width: -moz-fit-content;
|
|
3509
3549
|
width: fit-content;
|
|
3510
3550
|
border-radius: 44px;
|
|
3551
|
+
opacity: 0;
|
|
3511
3552
|
}
|
|
3553
|
+
[data-coco][data-component="app-button-group"].button-group-ready{
|
|
3554
|
+
opacity: 1}
|
|
3512
3555
|
[data-coco][data-component="app-button-group"] .button-group-buttons{
|
|
3513
3556
|
display: flex;
|
|
3514
3557
|
align-items: center;
|
|
@@ -3527,11 +3570,11 @@ select{
|
|
|
3527
3570
|
[data-coco][data-component="app-button-group"][data-segmented="true"] .button-group-buttons{
|
|
3528
3571
|
-moz-column-gap: 0px;
|
|
3529
3572
|
column-gap: 0px}
|
|
3530
|
-
[data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button:not(:first-child){
|
|
3573
|
+
[data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button{
|
|
3531
3574
|
border-top-left-radius: 0px;
|
|
3532
3575
|
border-bottom-left-radius: 0px;
|
|
3533
3576
|
border-left-width: 0px}
|
|
3534
|
-
[data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button:not(:last-child){
|
|
3577
|
+
[data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button{
|
|
3535
3578
|
border-top-right-radius: 0px;
|
|
3536
3579
|
border-bottom-right-radius: 0px}
|
|
3537
3580
|
[data-coco][data-component="app-button-group"][data-segmented="true"][data-floating="true"]{
|
|
@@ -3539,13 +3582,10 @@ select{
|
|
|
3539
3582
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
3540
3583
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
|
|
3541
3584
|
[data-coco][data-component="app-button-to"]{
|
|
3542
|
-
display:
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
width: 100%}
|
|
3547
|
-
[data-coco][data-component="app-button-to"][data-fit="full"]{
|
|
3548
|
-
width: 100%}
|
|
3585
|
+
display: contents}
|
|
3586
|
+
[data-coco][data-component="app-button-to"] form,
|
|
3587
|
+
[data-coco][data-component="app-button-to"] input{
|
|
3588
|
+
display: contents}
|
|
3549
3589
|
[data-coco][data-component="app-color-picker"]{
|
|
3550
3590
|
--tw-bg-opacity: 1;
|
|
3551
3591
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
|
|
@@ -3836,9 +3876,7 @@ select{
|
|
|
3836
3876
|
width: 1.5rem}
|
|
3837
3877
|
}
|
|
3838
3878
|
[data-coco][data-component="app-color-picker-button"]{
|
|
3839
|
-
display:
|
|
3840
|
-
width: -moz-max-content;
|
|
3841
|
-
width: max-content}
|
|
3879
|
+
display: contents}
|
|
3842
3880
|
[data-coco][data-component="app-color-picker-button"] .picker-icon{
|
|
3843
3881
|
display: block;
|
|
3844
3882
|
height: 100%;
|
|
@@ -4050,15 +4088,11 @@ select{
|
|
|
4050
4088
|
padding-top: 2rem}
|
|
4051
4089
|
}
|
|
4052
4090
|
[data-coco][data-component="app-image-picker-button"]{
|
|
4053
|
-
display:
|
|
4054
|
-
width: -moz-max-content;
|
|
4055
|
-
width: max-content}
|
|
4091
|
+
display: contents}
|
|
4056
4092
|
[data-coco][data-component="app-image-picker-button"] [data-component="app-image-picker"]{
|
|
4057
4093
|
border-radius: 0.375rem}
|
|
4058
4094
|
[data-coco][data-component="app-layout-picker-button"]{
|
|
4059
|
-
display:
|
|
4060
|
-
width: -moz-max-content;
|
|
4061
|
-
width: max-content}
|
|
4095
|
+
display: contents}
|
|
4062
4096
|
[data-coco][data-component="app-layout-picker-button"] .layout-picker{
|
|
4063
4097
|
display: grid;
|
|
4064
4098
|
grid-template-columns: repeat(2, minmax(0, 1fr))}
|
|
@@ -4181,22 +4215,30 @@ select{
|
|
|
4181
4215
|
}
|
|
4182
4216
|
[data-coco][data-component="app-menu"] .menu-item > *{
|
|
4183
4217
|
width: 100%}
|
|
4184
|
-
[data-coco][data-component="app-menu"] .menu-item >
|
|
4185
|
-
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:hover,
|
|
4186
|
-
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
|
|
4218
|
+
[data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button:hover,
|
|
4219
|
+
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button:hover,
|
|
4220
|
+
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
|
|
4221
|
+
> .coco-button-wrapper
|
|
4222
|
+
> .coco-button:hover{
|
|
4187
4223
|
background-color: rgba(0, 12, 39, 0.06);
|
|
4188
4224
|
background-blend-mode: hard-light}
|
|
4189
|
-
[data-coco][data-component="app-menu"] .menu-item >
|
|
4190
|
-
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:active,
|
|
4191
|
-
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
|
|
4225
|
+
[data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button:active,
|
|
4226
|
+
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button:active,
|
|
4227
|
+
[data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
|
|
4228
|
+
> .coco-button-wrapper
|
|
4229
|
+
> .coco-button:active{
|
|
4192
4230
|
background-color: rgba(0, 12, 39, 0.1);
|
|
4193
4231
|
background-blend-mode: hard-light}
|
|
4194
|
-
[data-coco][data-component="app-menu"] .menu-item >
|
|
4232
|
+
[data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
|
|
4233
|
+
> .coco-button-wrapper
|
|
4234
|
+
> .coco-button .button-inner{
|
|
4195
4235
|
margin-left: 0px;
|
|
4196
4236
|
margin-right: 0px;
|
|
4197
4237
|
justify-content: flex-start;
|
|
4198
4238
|
text-align: left}
|
|
4199
|
-
[data-coco][data-component="app-menu"] .menu-item >
|
|
4239
|
+
[data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
|
|
4240
|
+
> .coco-button-wrapper
|
|
4241
|
+
> .coco-button .button-content{
|
|
4200
4242
|
font-weight: 400 !important}
|
|
4201
4243
|
[data-coco][data-component="app-menu"] .menu-item .divider{
|
|
4202
4244
|
margin-top: 0.375rem;
|
|
@@ -4205,31 +4247,31 @@ select{
|
|
|
4205
4247
|
[data-coco][data-component="app-menu"][data-size="xs"]{
|
|
4206
4248
|
padding-top: 0.375rem;
|
|
4207
4249
|
padding-bottom: 0.375rem}
|
|
4208
|
-
[data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"]
|
|
4250
|
+
[data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"]{
|
|
4209
4251
|
padding-left: 1rem;
|
|
4210
4252
|
padding-right: 1rem;
|
|
4211
4253
|
padding-top: 0.5rem;
|
|
4212
4254
|
padding-bottom: 0.5rem;
|
|
4213
4255
|
font-size: 14px;
|
|
4214
4256
|
line-height: 16px}
|
|
4215
|
-
[data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"]
|
|
4257
|
+
[data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] .button-inner, [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] .button-inner{
|
|
4216
4258
|
gap: 0.5rem}
|
|
4217
|
-
[data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"]
|
|
4259
|
+
[data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"]{
|
|
4218
4260
|
height: 1rem;
|
|
4219
4261
|
width: 1rem}
|
|
4220
4262
|
[data-coco][data-component="app-menu"][data-size="md"]{
|
|
4221
4263
|
padding-top: 0.5rem;
|
|
4222
4264
|
padding-bottom: 0.5rem}
|
|
4223
|
-
[data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]
|
|
4265
|
+
[data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]{
|
|
4224
4266
|
padding-left: 1.25rem;
|
|
4225
4267
|
padding-right: 1.25rem;
|
|
4226
4268
|
padding-top: 0.625rem;
|
|
4227
4269
|
padding-bottom: 0.625rem;
|
|
4228
4270
|
font-size: 16px;
|
|
4229
4271
|
line-height: 20px}
|
|
4230
|
-
[data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]
|
|
4272
|
+
[data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] .button-inner{
|
|
4231
4273
|
gap: 0.5rem}
|
|
4232
|
-
[data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]
|
|
4274
|
+
[data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"]{
|
|
4233
4275
|
height: 1.25rem;
|
|
4234
4276
|
width: 1.25rem}
|
|
4235
4277
|
[data-coco][data-component="app-menu"] .divider{
|
|
@@ -4238,9 +4280,7 @@ select{
|
|
|
4238
4280
|
--tw-border-opacity: 1;
|
|
4239
4281
|
border-color: rgb(209 213 219 / var(--tw-border-opacity))}
|
|
4240
4282
|
[data-coco][data-component="app-menu-button"]{
|
|
4241
|
-
display:
|
|
4242
|
-
width: -moz-max-content;
|
|
4243
|
-
width: max-content}
|
|
4283
|
+
display: contents}
|
|
4244
4284
|
[data-coco][data-component="app-menu-button"][data-fit="full"]{
|
|
4245
4285
|
width: 100%}
|
|
4246
4286
|
[data-coco][data-component="app-menu-button"] [data-component="menu"]{
|
|
@@ -4372,13 +4412,13 @@ select{
|
|
|
4372
4412
|
font-weight: 600;
|
|
4373
4413
|
--tw-text-opacity: 1;
|
|
4374
4414
|
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4375
|
-
[data-coco][data-component="app-snackbar"] .coco-button
|
|
4415
|
+
[data-coco][data-component="app-snackbar"] .coco-button:hover{
|
|
4376
4416
|
--tw-bg-opacity: 1;
|
|
4377
4417
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity))}
|
|
4378
4418
|
[data-coco][data-component="app-snackbar"] .snackbar-action{
|
|
4379
4419
|
margin-left: auto;
|
|
4380
4420
|
flex: none}
|
|
4381
|
-
[data-coco][data-component="app-snackbar"] .snackbar-action .coco-button
|
|
4421
|
+
[data-coco][data-component="app-snackbar"] .snackbar-action .coco-button{
|
|
4382
4422
|
padding-left: 0.5rem;
|
|
4383
4423
|
padding-right: 0.5rem;
|
|
4384
4424
|
--tw-text-opacity: 1;
|
|
@@ -4386,10 +4426,10 @@ select{
|
|
|
4386
4426
|
[data-coco][data-component="app-snackbar"] .snackbar-dismiss{
|
|
4387
4427
|
margin-left: auto;
|
|
4388
4428
|
flex: none}
|
|
4389
|
-
[data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button
|
|
4429
|
+
[data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button{
|
|
4390
4430
|
--tw-text-opacity: 1;
|
|
4391
4431
|
color: rgb(229 231 235 / var(--tw-text-opacity))}
|
|
4392
|
-
[data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button
|
|
4432
|
+
[data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button:hover{
|
|
4393
4433
|
--tw-text-opacity: 1;
|
|
4394
4434
|
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4395
4435
|
/* Positioning */
|
|
@@ -5102,6 +5142,8 @@ select{
|
|
|
5102
5142
|
display: contents}
|
|
5103
5143
|
.hidden{
|
|
5104
5144
|
display: none}
|
|
5145
|
+
.transform{
|
|
5146
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
|
|
5105
5147
|
.resize{
|
|
5106
5148
|
resize: both}
|
|
5107
5149
|
.italic{
|
|
@@ -5122,6 +5164,8 @@ select{
|
|
|
5122
5164
|
text-decoration-line: underline}
|
|
5123
5165
|
.filter{
|
|
5124
5166
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
|
|
5167
|
+
.ease-out{
|
|
5168
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
|
|
5125
5169
|
/* Transparent gray blend-mode background utilities */
|
|
5126
5170
|
.\!icon {
|
|
5127
5171
|
}
|
|
@@ -5350,20 +5394,12 @@ select{
|
|
|
5350
5394
|
.app-button-xs .button-toggle{
|
|
5351
5395
|
height: 0.875rem;
|
|
5352
5396
|
width: 0.875rem}
|
|
5353
|
-
.app-button-xs
|
|
5354
|
-
|
|
5355
|
-
padding-bottom: 0.5rem;
|
|
5356
|
-
padding-left: 0.75rem;
|
|
5357
|
-
padding-right: 0.75rem}
|
|
5358
|
-
.app-button-xs.icon-only > .button-element .button-icon,
|
|
5359
|
-
.app-button-xs[data-collapsed="true"] > .button-element .button-icon{
|
|
5397
|
+
.app-button-xs.icon-only .button-icon,
|
|
5398
|
+
.app-button-xs[data-collapsed="true"] .button-icon{
|
|
5360
5399
|
margin-left: -0.25rem;
|
|
5361
5400
|
margin-right: -0.25rem}
|
|
5362
|
-
.app-button-xs[data-theme|="text"] .button-
|
|
5363
|
-
|
|
5364
|
-
padding-right: 0.5rem}
|
|
5365
|
-
.app-button-xs[data-theme|="text"].icon-only > .button-element .button-icon,
|
|
5366
|
-
.app-button-xs[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
|
|
5401
|
+
.app-button-xs[data-theme|="text"].icon-only .button-icon,
|
|
5402
|
+
.app-button-xs[data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
5367
5403
|
padding-left: 0.5rem;
|
|
5368
5404
|
padding-right: 0.5rem}
|
|
5369
5405
|
.app-button-sm .button-content{
|
|
@@ -5373,20 +5409,12 @@ select{
|
|
|
5373
5409
|
.app-button-sm .button-toggle{
|
|
5374
5410
|
height: 1rem;
|
|
5375
5411
|
width: 1rem}
|
|
5376
|
-
.app-button-sm[data-theme] .button-
|
|
5377
|
-
|
|
5378
|
-
padding-bottom: 0.625rem;
|
|
5379
|
-
padding-left: 1rem;
|
|
5380
|
-
padding-right: 1rem}
|
|
5381
|
-
.app-button-sm[data-theme].icon-only > .button-element .button-icon,
|
|
5382
|
-
.app-button-sm[data-theme][data-collapsed="true"] > .button-element .button-icon{
|
|
5412
|
+
.app-button-sm[data-theme].icon-only .button-icon,
|
|
5413
|
+
.app-button-sm[data-theme][data-collapsed="true"] .button-icon{
|
|
5383
5414
|
margin-left: -0.375rem;
|
|
5384
5415
|
margin-right: -0.375rem}
|
|
5385
|
-
.app-button-sm[data-theme|="text"] .button-
|
|
5386
|
-
|
|
5387
|
-
padding-right: 0.5rem}
|
|
5388
|
-
.app-button-sm[data-theme|="text"].icon-only > .button-element .button-icon,
|
|
5389
|
-
.app-button-sm[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
|
|
5416
|
+
.app-button-sm[data-theme|="text"].icon-only .button-icon,
|
|
5417
|
+
.app-button-sm[data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
5390
5418
|
padding-left: 0.5rem;
|
|
5391
5419
|
padding-right: 0.5rem}
|
|
5392
5420
|
.app-button-md .button-content{
|
|
@@ -5396,20 +5424,12 @@ select{
|
|
|
5396
5424
|
.app-button-md .button-toggle{
|
|
5397
5425
|
height: 1.25rem;
|
|
5398
5426
|
width: 1.25rem}
|
|
5399
|
-
.app-button-md[data-theme] .button-
|
|
5400
|
-
|
|
5401
|
-
padding-bottom: 0.75rem;
|
|
5402
|
-
padding-left: 1.25rem;
|
|
5403
|
-
padding-right: 1.25rem}
|
|
5404
|
-
.app-button-md[data-theme].icon-only > .button-element .button-icon,
|
|
5405
|
-
.app-button-md[data-theme][data-collapsed="true"] > .button-element .button-icon{
|
|
5427
|
+
.app-button-md[data-theme].icon-only .button-icon,
|
|
5428
|
+
.app-button-md[data-theme][data-collapsed="true"] .button-icon{
|
|
5406
5429
|
margin-left: -0.5rem;
|
|
5407
5430
|
margin-right: -0.5rem}
|
|
5408
|
-
.app-button-md[data-theme|="text"] .button-
|
|
5409
|
-
|
|
5410
|
-
padding-right: 0.75rem}
|
|
5411
|
-
.app-button-md[data-theme|="text"].icon-only > .button-element .button-icon,
|
|
5412
|
-
.app-button-md[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
|
|
5431
|
+
.app-button-md[data-theme|="text"].icon-only .button-icon,
|
|
5432
|
+
.app-button-md[data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
5413
5433
|
padding-left: 0.5rem;
|
|
5414
5434
|
padding-right: 0.5rem}
|
|
5415
5435
|
.app-button-lg .button-content{
|
|
@@ -5419,20 +5439,12 @@ select{
|
|
|
5419
5439
|
.app-button-lg .button-toggle{
|
|
5420
5440
|
height: 1.5rem;
|
|
5421
5441
|
width: 1.5rem}
|
|
5422
|
-
.app-button-lg[data-theme] .button-
|
|
5423
|
-
padding-top: 1rem;
|
|
5424
|
-
padding-bottom: 1rem;
|
|
5425
|
-
padding-left: 1.5rem;
|
|
5426
|
-
padding-right: 1.5rem}
|
|
5427
|
-
.app-button-lg[data-theme].icon-only > .button-element .button-icon,
|
|
5442
|
+
.app-button-lg[data-theme].icon-only .button-icon,
|
|
5428
5443
|
.app-button-lg[data-theme][data-collapsed="true"] .button-inner{
|
|
5429
5444
|
margin-left: -8px;
|
|
5430
5445
|
margin-right: -8px}
|
|
5431
|
-
.app-button-lg[data-theme|="text"] .button-
|
|
5432
|
-
|
|
5433
|
-
padding-right: 0.75rem}
|
|
5434
|
-
.app-button-lg[data-theme|="text"].icon-only > .button-element .button-icon,
|
|
5435
|
-
.app-button-lg[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
|
|
5446
|
+
.app-button-lg[data-theme|="text"].icon-only .button-icon,
|
|
5447
|
+
.app-button-lg[data-theme|="text"][data-collapsed="true"] .button-icon{
|
|
5436
5448
|
padding-left: 0.75rem;
|
|
5437
5449
|
padding-right: 0.75rem}
|
|
5438
5450
|
.app-color-picker-sm .picker-section:not(:first-child){
|