daisyui 1.16.6 → 1.17.1

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.17.1](https://github.com/saadeghi/daisyui/compare/v1.16.6...v1.17.1) (2021-12-21)
+
+
+### Features
+
+* **components:** steps-horizontal ([5577140](https://github.com/saadeghi/daisyui/commit/5577140e3e8fccd8ada90d27f57c8f9bb5bb6a44))
+* responsive `steps` ([7ba7d65](https://github.com/saadeghi/daisyui/commit/7ba7d6534b6a2abc6b6077faba4c2a5431307b42))
+
+
+### Bug Fixes
+
+* [#341](https://github.com/saadeghi/daisyui/issues/341) ([118ff41](https://github.com/saadeghi/daisyui/commit/118ff417df6d9a1c0170db651067bd524ecb93aa))
+* [#344](https://github.com/saadeghi/daisyui/issues/344) (typography plugin v0.5 compatibility) ([0969505](https://github.com/saadeghi/daisyui/commit/09695059b2ce1c960fb1dc24080bca41576e938e))
+
+## [1.17.0](https://github.com/saadeghi/daisyui/compare/v1.16.6...v1.17.0) (2021-12-21)
+
+
+### Features
+
+* **components:** steps-horizontal ([5577140](https://github.com/saadeghi/daisyui/commit/5577140e3e8fccd8ada90d27f57c8f9bb5bb6a44))
+* responsive `steps` ([7ba7d65](https://github.com/saadeghi/daisyui/commit/7ba7d6534b6a2abc6b6077faba4c2a5431307b42))
+
+
+### Bug Fixes
+
+* [#344](https://github.com/saadeghi/daisyui/issues/344) (typography plugin v0.5 compatibility) ([0969505](https://github.com/saadeghi/daisyui/commit/09695059b2ce1c960fb1dc24080bca41576e938e))
+
 ### [1.16.6](https://github.com/saadeghi/daisyui/compare/v1.16.5...v1.16.6) (2021-12-16)
 
 

package/README.md

@@ -79,7 +79,7 @@ Loading CSS files from CDN is not recommended for production. It's better to ins
 
   
 ```html
-<link href="https://cdn.jsdelivr.net/npm/daisyui@1.16.5/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.16.6/dist/full.css" rel="stylesheet" type="text/css" />
 <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
 ```
 

package/dist/full.css

@@ -2414,32 +2414,17 @@ html{
   grid-auto-flow:column;
 }
 
-.steps .step{
+.steps [class~=step]{
   display:grid;
   place-items:center;
   text-align:center;
   grid-template-columns:repeat(1, minmax(0, 1fr));
+  grid-template-columns:auto;
   grid-template-rows:repeat(2, minmax(0, 1fr));
   grid-template-rows:40px 1fr;
   min-width:4rem;
 }
 
-.steps-vertical{
-  grid-auto-rows:1fr;
-  grid-auto-flow:row;
-}
-
-.steps-vertical .step{
-  display:grid;
-  grid-template-columns:repeat(2, minmax(0, 1fr));
-  grid-template-columns:40px 1fr;
-  grid-template-rows:repeat(1, minmax(0, 1fr));
-  grid-template-rows:auto;
-  gap:.5rem;
-  min-height:4rem;
-  justify-items:start;
-}
-
 .tabs{
   display:flex;
   flex-wrap:wrap;
@@ -4334,7 +4319,7 @@ html{
   border-top-width:1px;
 }
 
-.steps .step:before{
+.steps [class~=step]:before{
   --tw-bg-opacity:1;
   background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
   height:.5rem;
@@ -4344,18 +4329,25 @@ html{
   width:100%;
   grid-column-start:1;
   grid-row-start:1;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  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));
   content:"";
   margin-left:-100%;
 }
 
-.steps .step:after{
+.steps [class~=step]:after{
   content:counter(step);
   counter-increment:step;
   z-index:1;
   --tw-bg-opacity:1;
   background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
   border-radius:9999px;
-  display:block;
   display:grid;
   place-items:center;
   place-self:center;
@@ -4368,11 +4360,11 @@ html{
   grid-row-start:1;
 }
 
-.steps .step:first-child:before{
+.steps [class~=step]:first-child:before{
   content:none;
 }
 
-.steps .step[data-content]:after{
+.steps [class~=step][data-content]:after{
   content:attr(data-content);
 }
 
@@ -4452,23 +4444,6 @@ html{
   color:hsla(var(--b1) / var(--tw-text-opacity, 1));
 }
 
-.steps-vertical .step:before{
-  height:100%;
-  top:0;
-  width:.5rem;
-  --tw-translate-x:0;
-  --tw-translate-x:-50%;
-  --tw-translate-y:0;
-  --tw-translate-y:-50%;
-  --tw-rotate:0;
-  --tw-skew-x:0;
-  --tw-skew-y:0;
-  --tw-scale-x:1;
-  --tw-scale-y:1;
-  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));
-  margin-left:50%;
-}
-
 .tab:hover{
   --tw-text-opacity:1;
 }
@@ -4965,20 +4940,21 @@ html{
   color:inherit;
 }
 
-.prose .lead,.prose a,.prose a code,.prose blockquote,.prose figure figcaption,.prose h1,.prose h2,.prose h3,.prose h4,.prose strong,.prose thead{
-  color:inherit;
-}
-
-.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{
+.prose :where(a,blockquote,figure figcaption,a code,thead,strong,.lead,h1,h2,h3,h4):not(:where([class~=not-prose] *)){
   color:inherit;
 }
 
-.prose code{
-  background:hsla(var(--bc) / .2);
+.prose :where(code):not(:where([class~=not-prose] *)){
+  background:hsla(var(--bc) / .1);
   color:hsl(var(--bc));
+  padding:2px 8px;
   border-radius:var(--rounded-badge);
 }
 
+.prose code:after,.prose code:before{
+  content:none;
+}
+
 .prose pre{
   background:hsl(var(--n));
   color:hsl(var(--nc));
@@ -4988,14 +4964,7 @@ html{
 .prose pre code{
   border-radius:none;
   background:inherit;
-  color:inherit;
-}
-
-.prose code:after,.prose code:before{
-  content:none;
-}
-
-.prose ol>li:before,.prose ol>li:hover:before{
+  padding:0;
   color:inherit;
 }
 
@@ -5003,16 +4972,16 @@ html{
   border-left-color:hsl(var(--bc) / 40%);
 }
 
-.prose ul>li:before{
-  background-color:hsl(var(--bc) / 40%);
+.prose :where(ul>li,ol>li):not(:where([class~=not-prose] *))::marker{
+  color:hsl(var(--bc) / 40%);
 }
 
-.prose thead{
-  border-bottom-color:hsl(var(--bc) / 40%);
+.prose :where(thead th,tbody td):not(:where([class~=not-prose] *)){
+  color:inherit;
 }
 
-.prose tbody tr{
-  border-bottom-color:hsl(var(--bc) / 40%);
+.prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){
+  border-bottom-color:hsl(var(--bc) / 20%);
 }
 
 @keyframes spin{
@@ -9472,6 +9441,33 @@ html{
   min-height:1.5rem;
 }
 
+.steps-horizontal{
+  grid-auto-columns:1fr;
+  display:inline-grid;
+  overflow:hidden;
+  overflow-x:auto;
+  grid-auto-flow:column;
+}
+
+.steps-horizontal [class~=step]{
+  display:grid;
+  place-items:center;
+  text-align:center;
+  grid-template-columns:repeat(1, minmax(0, 1fr));
+  grid-template-rows:repeat(2, minmax(0, 1fr));
+}
+
+.steps-vertical{
+  grid-auto-rows:1fr;
+  grid-auto-flow:row;
+}
+
+.steps-vertical [class~=step]{
+  display:grid;
+  grid-template-columns:repeat(2, minmax(0, 1fr));
+  grid-template-rows:repeat(1, minmax(0, 1fr));
+}
+
 .tab-md{
   height:2rem;
   font-size:.875rem;
@@ -9718,6 +9714,37 @@ html{
   margin-top:1rem;
 }
 
+.steps-horizontal [class~=step]{
+  grid-template-rows:40px 1fr;
+  grid-template-columns:auto;
+  min-width:4rem;
+}
+
+.steps-horizontal [class~=step]:before{
+  height:.5rem;
+  width:100%;
+  --tw-translate-x:0px;
+  --tw-translate-y:0px;
+  content:"";
+  margin-left:-100%;
+}
+
+.steps-vertical [class~=step]{
+  gap:.5rem;
+  grid-template-columns:40px 1fr;
+  grid-template-rows:auto;
+  min-height:4rem;
+  justify-items:start;
+}
+
+.steps-vertical [class~=step]:before{
+  height:100%;
+  width:.5rem;
+  --tw-translate-x:-50%;
+  --tw-translate-y:-50%;
+  margin-left:50%;
+}
+
 @media (min-width:640px){
   .sm\:animate-none{
     -webkit-animation:none;
@@ -14107,6 +14134,33 @@ html{
     min-height:1.5rem;
   }
 
+  .sm\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .sm\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .sm\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .sm\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -14352,6 +14406,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .sm\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .sm\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .sm\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .sm\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:768px){
@@ -18743,6 +18828,33 @@ html{
     min-height:1.5rem;
   }
 
+  .md\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .md\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .md\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .md\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -18988,6 +19100,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .md\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .md\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .md\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .md\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:1024px){
@@ -23379,6 +23522,33 @@ html{
     min-height:1.5rem;
   }
 
+  .lg\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .lg\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .lg\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .lg\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -23624,6 +23794,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .lg\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .lg\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .lg\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .lg\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:1280px){
@@ -28015,6 +28216,33 @@ html{
     min-height:1.5rem;
   }
 
+  .xl\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .xl\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .xl\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .xl\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -28260,6 +28488,37 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .xl\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .xl\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .xl\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .xl\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }
 
 @media (min-width:1536px){
@@ -32651,6 +32910,33 @@ html{
     min-height:1.5rem;
   }
 
+  .\32xl\:steps-horizontal{
+    grid-auto-columns:1fr;
+    display:inline-grid;
+    overflow:hidden;
+    overflow-x:auto;
+    grid-auto-flow:column;
+  }
+
+  .\32xl\:steps-horizontal [class~=step]{
+    display:grid;
+    place-items:center;
+    text-align:center;
+    grid-template-columns:repeat(1, minmax(0, 1fr));
+    grid-template-rows:repeat(2, minmax(0, 1fr));
+  }
+
+  .\32xl\:steps-vertical{
+    grid-auto-rows:1fr;
+    grid-auto-flow:row;
+  }
+
+  .\32xl\:steps-vertical [class~=step]{
+    display:grid;
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    grid-template-rows:repeat(1, minmax(0, 1fr));
+  }
+
   .\32xl\:tab-md{
     height:2rem;
     font-size:.875rem;
@@ -32896,5 +33182,36 @@ html{
     margin-left:0;
     margin-top:1rem;
   }
+
+  .\32xl\:steps-horizontal [class~=step]{
+    grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
+    min-width:4rem;
+  }
+
+  .\32xl\:steps-horizontal [class~=step]:before{
+    height:.5rem;
+    width:100%;
+    --tw-translate-x:0px;
+    --tw-translate-y:0px;
+    content:"";
+    margin-left:-100%;
+  }
+
+  .\32xl\:steps-vertical [class~=step]{
+    gap:.5rem;
+    grid-template-columns:40px 1fr;
+    grid-template-rows:auto;
+    min-height:4rem;
+    justify-items:start;
+  }
+
+  .\32xl\:steps-vertical [class~=step]:before{
+    height:100%;
+    width:.5rem;
+    --tw-translate-x:-50%;
+    --tw-translate-y:-50%;
+    margin-left:50%;
+  }
 }