@kompasid/lit-web-components 0.6.4 → 0.6.7

package/tailwind/tailwind.ts

@@ -735,6 +735,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-right: 2.5rem;
   }
 
+  .mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .mr-3 {
     margin-right: 0.75rem;
   }
@@ -775,6 +779,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 2rem;
   }
 
+  .mr-6 {
+    margin-right: 1.5rem;
+  }
+
   .block {
     display: block;
   }
@@ -868,6 +876,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: max-content;
   }
 
+  .h-12 {
+    height: 3rem;
+  }
+
+  .w-1\\/2 {
+    width: 50%;
+  }
+
+  .w-1\\/4 {
+    width: 25%;
+  }
+
   .w-1\\/5 {
     width: 20%;
   }
@@ -924,6 +944,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 2rem;
   }
 
+  .w-80 {
+    width: 20rem;
+  }
+
   .w-9 {
     width: 2.25rem;
   }
@@ -952,6 +976,30 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
+  .w-1\\/3 {
+    width: 33.333333%;
+  }
+
+  .w-3\\/4 {
+    width: 75%;
+  }
+
+  .w-4\\/5 {
+    width: 80%;
+  }
+
+  .w-2\\/4 {
+    width: 50%;
+  }
+
+  .w-2\\/3 {
+    width: 66.666667%;
+  }
+
+  .w-11\\/12 {
+    width: 91.666667%;
+  }
+
   .max-w-7xl {
     max-width: 80rem;
   }
@@ -1103,6 +1151,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     gap: 2rem;
   }
 
+  .gap-2 {
+    gap: 0.5rem;
+  }
+
   .gap-y-2 {
     row-gap: 0.5rem;
   }
@@ -1373,6 +1425,21 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 220 63 / var(--tw-bg-opacity));
   }
 
+  .bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(247 100 76 / var(--tw-bg-opacity));
+  }
+
+  .bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(208 13 18 / var(--tw-bg-opacity));
+  }
+
+  .bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 32 19 / var(--tw-bg-opacity));
+  }
+
   .bg-opacity-75 {
     --tw-bg-opacity: 0.75;
   }
@@ -1387,6 +1454,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     object-fit: scale-down;
   }
 
+  .p-1 {
+    padding: 0.25rem;
+  }
+
+  .p-1\\.5 {
+    padding: 0.375rem;
+  }
+
   .p-2 {
     padding: 0.5rem;
   }
@@ -1403,6 +1478,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding: 1.25rem;
   }
 
+  .p-8 {
+    padding: 2rem;
+  }
+
+  .p-6 {
+    padding: 1.5rem;
+  }
+
+  .px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
   .px-2 {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
@@ -1418,11 +1506,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-right: 1rem;
   }
 
-  .px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
   .px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -1473,6 +1556,31 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 5.6px;
   }
 
+  .px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
   .pb-1 {
     padding-bottom: 0.25rem;
   }
@@ -1760,6 +1868,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 255 255 / var(--tw-text-opacity));
   }
 
+  .text-grey-400 {
+    --tw-text-opacity: 1;
+    color: rgb(153 153 153 / var(--tw-text-opacity));
+  }
+
   .underline {
     text-decoration-line: underline;
   }
@@ -1804,6 +1917,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   @media (min-width: 640px) {
+    .sm\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .sm\\:w-3\\/4 {
+      width: 75%;
+    }
+
+    .sm\\:w-1\\/4 {
+      width: 25%;
+    }
+
     .sm\\:max-w-lg {
       max-width: 32rem;
     }
@@ -1942,6 +2067,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 100%;
     }
 
+    .md\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .md\\:w-3\\/4 {
+      width: 75%;
+    }
+
+    .md\\:w-1\\/4 {
+      width: 25%;
+    }
+
+    .md\\:w-1\\/3 {
+      width: 33.333333%;
+    }
+
+    .md\\:w-2\\/3 {
+      width: 66.666667%;
+    }
+
     .md\\:max-w-\\[137px\\] {
       max-width: 137px;
     }
@@ -2085,6 +2230,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 1.5rem;
     }
 
+    .md\\:px-8 {
+      padding-left: 2rem;
+      padding-right: 2rem;
+    }
+
     .md\\:pb-4 {
       padding-bottom: 1rem;
     }
@@ -2182,6 +2332,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       display: block;
     }
 
+    .lg\\:flex {
+      display: flex;
+    }
+
+    .lg\\:hidden {
+      display: none;
+    }
+
     .lg\\:min-h-\\[220px\\] {
       min-height: 220px;
     }
@@ -2190,6 +2348,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 410px;
     }
 
+    .lg\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .lg\\:w-1\\/3 {
+      width: 33.333333%;
+    }
+
+    .lg\\:w-3\\/4 {
+      width: 75%;
+    }
+
+    .lg\\:w-2 {
+      width: 0.5rem;
+    }
+
+    .lg\\:w-2\\/3 {
+      width: 66.666667%;
+    }
+
     .lg\\:max-w-7xl {
       max-width: 80rem;
     }
@@ -2260,9 +2438,39 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   @media (min-width: 1280px) {
+    .xl\\:block {
+      display: block;
+    }
+
+    .xl\\:flex {
+      display: flex;
+    }
+
+    .xl\\:hidden {
+      display: none;
+    }
+
+    .xl\\:w-1\\/3 {
+      width: 33.333333%;
+    }
+
+    .xl\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .xl\\:w-1\\/4 {
+      width: 25%;
+    }
+
     .xl\\:px-0 {
       padding-left: 0px;
       padding-right: 0px;
     }
   }
+
+  @media (min-width: 1536px) {
+    .\\32xl\\:w-1\\/4 {
+      width: 25%;
+    }
+  }
 `