notid/integreat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uses popper for dropdown.

Browse Source
This commit is contained in:
Bryce
2023-10-25 13:52:46 -07:00
parent 3f36936063
commit 635bf3c267
4 changed files with 75 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
resources/input.css
View File

@@ -165,3 +165,26 @@
.choices[data-type*="select-one"] .choices__button {
right:auto !important;
}
.arrow,
.arrow::before {
position: absolute;
width: 24px;
height: 24px;
background: inherit;
}
.arrow {
visibility: hidden;
}
.arrow::before {
visibility: visible;
content: '';
transform: rotate(45deg);
}
.arrow {
bottom: -4px;
}

132
resources/public/output.css
View File

@@ -1155,10 +1155,6 @@ input:checked + .toggle-bg {
margin: 1rem;
}
.m-12 {
margin: 3rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
@@ -1352,43 +1348,22 @@ input:checked + .toggle-bg {
height: 100%;
}
.h-min {
height: -moz-min-content;
height: min-content;
}
.h-screen {
height: 100vh;
}
.h-24 {
height: 6rem;
}
.max-h-96 {
max-height: 24rem;
}
.max-h-\[80vh\] {
max-height: 80vh;
}
.max-h-full {
max-height: 100%;
}
.max-h-\[50\%\] {
max-height: 50%;
}
.w-1\/2 {
width: 50%;
}
.w-1\/4 {
width: 25%;
}
.w-16 {
width: 4rem;
}
@@ -1458,30 +1433,6 @@ input:checked + .toggle-bg {
width: 100vw;
}
.w-\[900px\] {
width: 900px;
}
.w-\[1200px\] {
width: 1200px;
}
.w-\[2900px\] {
width: 2900px;
}
.min-w-\[25\%\] {
min-width: 25%;
}
.min-w-\[500px\] {
min-width: 500px;
}
.min-w-\[450px\] {
min-width: 450px;
}
.min-w-\[700px\] {
min-width: 700px;
}
@@ -1494,6 +1445,10 @@ input:checked + .toggle-bg {
max-width: 56rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-lg {
max-width: 32rem;
}
@@ -1510,10 +1465,6 @@ input:checked + .toggle-bg {
max-width: 1024px;
}
.max-w-6xl {
max-width: 72rem;
}
.flex-1 {
flex: 1 1 0%;
}
@@ -1538,10 +1489,6 @@ input:checked + .toggle-bg {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.basis-1\/4 {
flex-basis: 25%;
}
@@ -1884,10 +1831,6 @@ input:checked + .toggle-bg {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
@@ -1950,6 +1893,11 @@ input:checked + .toggle-bg {
border-top-right-radius: 0.5rem;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.border {
border-width: 1px;
}
@@ -2163,11 +2111,6 @@ input:checked + .toggle-bg {
background-color: rgb(255 230 230 / var(--tw-bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(255 3 3 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -2182,11 +2125,6 @@ input:checked + .toggle-bg {
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
}
.bg-yellow-500 {
--tw-bg-opacity: 1;
background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}
.\!bg-opacity-0 {
--tw-bg-opacity: 0 !important;
}
@@ -2207,10 +2145,6 @@ input:checked + .toggle-bg {
padding: 0.25rem;
}
.p-12 {
padding: 3rem;
}
.p-2 {
padding: 0.5rem;
}
@@ -2227,10 +2161,6 @@ input:checked + .toggle-bg {
padding: 1rem;
}
.p-8 {
padding: 2rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
@@ -2563,6 +2493,12 @@ input:checked + .toggle-bg {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
outline-style: solid;
}
@@ -3010,6 +2946,28 @@ input:checked + .toggle-bg {
right:auto !important;
}
.arrow,
.arrow::before {
position: absolute;
width: 24px;
height: 24px;
background: inherit;
}
.arrow {
visibility: hidden;
}
.arrow::before {
visibility: visible;
content: '';
transform: rotate(45deg);
}
.arrow {
bottom: -4px;
}
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
@@ -3631,22 +3589,10 @@ input:checked + .toggle-bg {
}
@media (min-width: 640px) {
.sm\:m-12 {
margin: 3rem;
}
.sm\:block {
display: block;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:rounded-lg {
border-radius: 0.5rem;
}
@@ -3655,10 +3601,6 @@ input:checked + .toggle-bg {
padding: 1.5rem;
}
.sm\:p-12 {
padding: 3rem;
}
.sm\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;