Update flex, overflow and spacing utilities + button block

This commit is contained in:
Timothée Goguely 2024-10-02 14:14:05 +02:00
parent 0f4e7d0960
commit 572efebdf4
4 changed files with 21 additions and 1 deletions

View file

@ -39,7 +39,8 @@
}
.btn--primary.active,
.btn--primary:active,
.btn--primary[aria-pressed="true"] {
.btn--primary[aria-pressed="true"],
input[type="checkbox"]:checked + .btn--primary {
--background: var(--color-primary-100);
--border-color: var(--color-primary-100);
--color: var(--color-white);
@ -54,6 +55,10 @@
--background: var(--color-black);
--color: var(--color-white);
}
.btn--black-10 {
--background: var(--color-black-10);
--color: var(--color-black);
}
.btn--grey,
.btn--grey-700 {
@ -74,6 +79,10 @@
padding: .375rem var(--space-12) .5rem;
}
.btn[data-icon]::before {
margin-right: var(--space-8);
}
@media (hover: hover) {
}

View file

@ -23,6 +23,9 @@
.justify-center {
justify-content: center;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}

View file

@ -1,5 +1,9 @@
/* OVERFLOW UTILITY */
.overflow-hidden {
overflow: hidden;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}

View file

@ -4,6 +4,7 @@
.m-0 { margin: 0 }
.mb-auto { margin-bottom: auto }
.mb-0 { margin-bottom: 0 }
.mb-4 { margin-bottom: var(--space-4) }
.mb-8 { margin-bottom: var(--space-8) }
@ -27,6 +28,7 @@
.mr-24 { margin-right: var(--space-24) }
.-mt-px { margin-top: -1px }
.mt-auto { margin-top: auto }
.mt-0 { margin-top: 0 }
.mt-4 { margin-top: var(--space-4) }
.mt-8 { margin-top: var(--space-8) }
@ -62,6 +64,8 @@
.pt-16 { padding-top: var(--space-16) }
.pt-24 { padding-top: var(--space-24) }
.pt-32 { padding-top: var(--space-32) }
.pt-40 { padding-top: var(--space-40) }
.pt-48 { padding-top: var(--space-48) }
.pb-4 { padding-bottom: var(--space-4) }
.pb-8 { padding-bottom: var(--space-8) }