fixing some layout stuff on the sections
This commit is contained in:
parent
cc089e8cdc
commit
e0b4c55364
28 changed files with 42 additions and 5 deletions
|
@ -1537,11 +1537,26 @@
|
|||
width: calc(1/3 * 100%);
|
||||
}
|
||||
}
|
||||
.md\:w-full {
|
||||
@media (width >= 48rem) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.md\:max-w-md {
|
||||
@media (width >= 48rem) {
|
||||
max-width: var(--container-md);
|
||||
}
|
||||
}
|
||||
.md\:flex-1 {
|
||||
@media (width >= 48rem) {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.md\:flex-2 {
|
||||
@media (width >= 48rem) {
|
||||
flex: 2;
|
||||
}
|
||||
}
|
||||
.md\:basis-1\/4 {
|
||||
@media (width >= 48rem) {
|
||||
flex-basis: calc(1/4 * 100%);
|
||||
|
@ -1552,6 +1567,11 @@
|
|||
flex-basis: calc(3/4 * 100%);
|
||||
}
|
||||
}
|
||||
.md\:basis-full {
|
||||
@media (width >= 48rem) {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
.md\:grid-cols-2 {
|
||||
@media (width >= 48rem) {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
|
@ -1562,6 +1582,20 @@
|
|||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
.md\:space-x-4 {
|
||||
@media (width >= 48rem) {
|
||||
:where(& > :not(:last-child)) {
|
||||
--tw-space-x-reverse: 0;
|
||||
margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
|
||||
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
|
||||
}
|
||||
}
|
||||
}
|
||||
.md\:px-0 {
|
||||
@media (width >= 48rem) {
|
||||
padding-inline: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.lg\:block {
|
||||
@media (width >= 64rem) {
|
||||
display: block;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue