adding all of the tailwindcss changes to work for us woohoo!

This commit is contained in:
Chris Cochrun 2022-10-31 17:10:28 -05:00
parent 4d82226ca7
commit d79366be82
3 changed files with 77 additions and 16 deletions

View file

@ -1449,6 +1449,10 @@ select {
margin: 0.25rem;
}
.m-10 {
margin: 2.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
@ -1623,6 +1627,10 @@ select {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
@ -1778,9 +1786,35 @@ select {
appearance: none;
}
.columns-4 {
-moz-columns: 4;
columns: 4;
.columns-1 {
-moz-columns: 1;
columns: 1;
}
.auto-cols-auto {
grid-auto-columns: auto;
}
.auto-cols-max {
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
}
.auto-cols-min {
grid-auto-columns: -webkit-min-content;
grid-auto-columns: min-content;
}
.grid-flow-col {
grid-auto-flow: column;
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
@ -1807,6 +1841,10 @@ select {
justify-content: space-between;
}
.gap-4 {
gap: 1rem;
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
@ -2034,6 +2072,14 @@ select {
padding: 0.25rem;
}
.p-5 {
padding: 1.25rem;
}
.p-2 {
padding: 0.5rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
@ -3522,9 +3568,13 @@ body:has(#menu-controller:checked) {
max-width: 65ch;
}
.sm\:columns-1 {
-moz-columns: 1;
columns: 1;
.sm\:columns-2 {
-moz-columns: 2;
columns: 2;
}
.sm\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sm\:flex-row {
@ -3626,9 +3676,13 @@ body:has(#menu-controller:checked) {
width: auto;
}
.md\:columns-2 {
-moz-columns: 2;
columns: 2;
.md\:columns-4 {
-moz-columns: 4;
columns: 4;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:justify-start {
@ -3732,10 +3786,19 @@ body:has(#menu-controller:checked) {
max-width: none;
}
.lg\:columns-4 {
-moz-columns: 4;
columns: 4;
}
.lg\:grid-flow-col-dense {
grid-auto-flow: column dense;
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}