daisyui 1.16.6 → 1.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styled.css CHANGED
@@ -961,22 +961,13 @@
961
961
  overflow-x:auto;
962
962
  grid-auto-flow:column;
963
963
  }
964
- .steps .step{
964
+ .steps [class~=step]{
965
965
  display:grid;
966
966
  place-items:center;
967
967
  text-align:center;
968
968
  grid-template-columns:repeat(1, minmax(0, 1fr));
969
969
  grid-template-rows:repeat(2, minmax(0, 1fr));
970
- }
971
- .steps-vertical{
972
- grid-auto-rows:1fr;
973
- grid-auto-flow:row;
974
- }
975
- .steps-vertical .step{
976
- display:grid;
977
- grid-template-columns:repeat(2, minmax(0, 1fr));
978
- grid-template-rows:repeat(1, minmax(0, 1fr));
979
- }.tabs{
970
+ }.tabs{
980
971
  display:flex;
981
972
  flex-wrap:wrap;
982
973
  align-items:flex-end;
@@ -2965,11 +2956,12 @@
2965
2956
  .stats.grid-flow-row .stat+.stat{
2966
2957
  border-left-width:0;
2967
2958
  border-top-width:1px;
2968
- }.steps .step{
2959
+ }.steps [class~=step]{
2969
2960
  grid-template-rows:40px 1fr;
2961
+ grid-template-columns:auto;
2970
2962
  min-width:4rem;
2971
2963
  }
2972
- .steps .step:before{
2964
+ .steps [class~=step]:before{
2973
2965
  --tw-bg-opacity:1;
2974
2966
  background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
2975
2967
  height:.5rem;
@@ -2979,17 +2971,24 @@
2979
2971
  width:100%;
2980
2972
  grid-column-start:1;
2981
2973
  grid-row-start:1;
2974
+ --tw-translate-x:0;
2975
+ --tw-translate-y:0;
2976
+ --tw-rotate:0;
2977
+ --tw-skew-x:0;
2978
+ --tw-skew-y:0;
2979
+ --tw-scale-x:1;
2980
+ --tw-scale-y:1;
2981
+ transform:translateX(var(--tw-translate-x)) translateY(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));
2982
2982
  content:"";
2983
2983
  margin-left:-100%;
2984
2984
  }
2985
- .steps .step:after{
2985
+ .steps [class~=step]:after{
2986
2986
  content:counter(step);
2987
2987
  counter-increment:step;
2988
2988
  z-index:1;
2989
2989
  --tw-bg-opacity:1;
2990
2990
  background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
2991
2991
  border-radius:9999px;
2992
- display:block;
2993
2992
  display:grid;
2994
2993
  place-items:center;
2995
2994
  place-self:center;
@@ -3001,10 +3000,10 @@
3001
3000
  grid-column-start:1;
3002
3001
  grid-row-start:1;
3003
3002
  }
3004
- .steps .step:first-child:before{
3003
+ .steps [class~=step]:first-child:before{
3005
3004
  content:none;
3006
3005
  }
3007
- .steps .step[data-content]:after{
3006
+ .steps [class~=step][data-content]:after{
3008
3007
  content:attr(data-content);
3009
3008
  }
3010
3009
  .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{
@@ -3070,30 +3069,7 @@
3070
3069
  background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
3071
3070
  --tw-text-opacity:1;
3072
3071
  color:hsla(var(--b1) / var(--tw-text-opacity, 1));
3073
- }
3074
- .steps-vertical .step{
3075
- gap:.5rem;
3076
- grid-template-columns:40px 1fr;
3077
- grid-template-rows:auto;
3078
- min-height:4rem;
3079
- justify-items:start;
3080
- }
3081
- .steps-vertical .step:before{
3082
- height:100%;
3083
- top:0;
3084
- width:.5rem;
3085
- --tw-translate-x:0;
3086
- --tw-translate-y:0;
3087
- --tw-rotate:0;
3088
- --tw-skew-x:0;
3089
- --tw-skew-y:0;
3090
- --tw-scale-x:1;
3091
- --tw-scale-y:1;
3092
- transform:translateX(var(--tw-translate-x)) translateY(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));
3093
- --tw-translate-x:-50%;
3094
- --tw-translate-y:-50%;
3095
- margin-left:50%;
3096
- }.tab{
3072
+ }.tab{
3097
3073
  --tw-text-opacity:1;
3098
3074
  color:hsla(var(--bc) / var(--tw-text-opacity, 1));
3099
3075
  --tw-text-opacity:0.5
@@ -3603,42 +3579,47 @@
3603
3579
  }.prose{
3604
3580
  color:inherit;
3605
3581
  }
3606
- .prose .lead,.prose a,.prose a code,.prose blockquote,.prose figure figcaption,.prose h1,.prose h2,.prose h3,.prose h4,.prose strong,.prose thead{
3582
+
3583
+ .prose :where(a,blockquote,figure figcaption,a code,thead,strong,.lead,h1,h2,h3,h4):not(:where([class~=not-prose] *)){
3607
3584
  color:inherit;
3608
3585
  }
3609
- .prose .lead:hover,.prose a:hover,.prose a code:hover,.prose blockquote:hover,.prose figure figcaption:hover,.prose h1:hover,.prose h2:hover,.prose h3:hover,.prose h4:hover,.prose strong:hover,.prose thead:hover{
3610
- color:inherit;
3611
- }
3612
- .prose code{
3613
- background:hsla(var(--bc) / .2);
3586
+
3587
+ .prose :where(code):not(:where([class~=not-prose] *)){
3588
+ background:hsla(var(--bc) / .1);
3614
3589
  color:hsl(var(--bc));
3590
+ padding:2px 8px;
3615
3591
  border-radius:var(--rounded-badge);
3616
3592
  }
3617
- .prose pre{
3593
+
3594
+ .prose code:after,.prose code:before{
3595
+ content:none;
3596
+ }
3597
+
3598
+ .prose pre{
3618
3599
  background:hsl(var(--n));
3619
3600
  color:hsl(var(--nc));
3620
3601
  border-radius:var(--rounded-box);
3621
3602
  }
3622
- .prose pre code{
3603
+
3604
+ .prose pre code{
3623
3605
  border-radius:none;
3624
3606
  background:inherit;
3607
+ padding:0;
3625
3608
  color:inherit;
3626
3609
  }
3627
- .prose code:after,.prose code:before{
3628
- content:none;
3629
- }
3630
- .prose ol>li:before,.prose ol>li:hover:before{
3631
- color:inherit;
3632
- }
3633
- .prose blockquote{
3610
+
3611
+ .prose blockquote{
3634
3612
  border-left-color:hsl(var(--bc) / 40%);
3635
3613
  }
3636
- .prose ul>li:before{
3637
- background-color:hsl(var(--bc) / 40%);
3614
+
3615
+ .prose :where(ul>li,ol>li):not(:where([class~=not-prose] *))::marker{
3616
+ color:hsl(var(--bc) / 40%);
3638
3617
  }
3639
- .prose thead{
3640
- border-bottom-color:hsl(var(--bc) / 40%);
3618
+
3619
+ .prose :where(thead th,tbody td):not(:where([class~=not-prose] *)){
3620
+ color:inherit;
3641
3621
  }
3642
- .prose tbody tr{
3643
- border-bottom-color:hsl(var(--bc) / 40%);
3622
+
3623
+ .prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){
3624
+ border-bottom-color:hsl(var(--bc) / 20%);
3644
3625
  }