Update flex, overflow and spacing utilities + button block
This commit is contained in:
parent
0f4e7d0960
commit
572efebdf4
4 changed files with 21 additions and 1 deletions
|
|
@ -39,7 +39,8 @@
|
||||||
}
|
}
|
||||||
.btn--primary.active,
|
.btn--primary.active,
|
||||||
.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);
|
--background: var(--color-primary-100);
|
||||||
--border-color: var(--color-primary-100);
|
--border-color: var(--color-primary-100);
|
||||||
--color: var(--color-white);
|
--color: var(--color-white);
|
||||||
|
|
@ -54,6 +55,10 @@
|
||||||
--background: var(--color-black);
|
--background: var(--color-black);
|
||||||
--color: var(--color-white);
|
--color: var(--color-white);
|
||||||
}
|
}
|
||||||
|
.btn--black-10 {
|
||||||
|
--background: var(--color-black-10);
|
||||||
|
--color: var(--color-black);
|
||||||
|
}
|
||||||
|
|
||||||
.btn--grey,
|
.btn--grey,
|
||||||
.btn--grey-700 {
|
.btn--grey-700 {
|
||||||
|
|
@ -74,6 +79,10 @@
|
||||||
padding: .375rem var(--space-12) .5rem;
|
padding: .375rem var(--space-12) .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn[data-icon]::before {
|
||||||
|
margin-right: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -23,6 +23,9 @@
|
||||||
.justify-center {
|
.justify-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
.items-start {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
.items-center {
|
.items-center {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
/* OVERFLOW UTILITY */
|
/* OVERFLOW UTILITY */
|
||||||
|
|
||||||
|
.overflow-hidden {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.overflow-y-hidden {
|
.overflow-y-hidden {
|
||||||
overflow-y: hidden !important;
|
overflow-y: hidden !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
.m-0 { margin: 0 }
|
.m-0 { margin: 0 }
|
||||||
|
|
||||||
|
.mb-auto { margin-bottom: auto }
|
||||||
.mb-0 { margin-bottom: 0 }
|
.mb-0 { margin-bottom: 0 }
|
||||||
.mb-4 { margin-bottom: var(--space-4) }
|
.mb-4 { margin-bottom: var(--space-4) }
|
||||||
.mb-8 { margin-bottom: var(--space-8) }
|
.mb-8 { margin-bottom: var(--space-8) }
|
||||||
|
|
@ -27,6 +28,7 @@
|
||||||
.mr-24 { margin-right: var(--space-24) }
|
.mr-24 { margin-right: var(--space-24) }
|
||||||
|
|
||||||
.-mt-px { margin-top: -1px }
|
.-mt-px { margin-top: -1px }
|
||||||
|
.mt-auto { margin-top: auto }
|
||||||
.mt-0 { margin-top: 0 }
|
.mt-0 { margin-top: 0 }
|
||||||
.mt-4 { margin-top: var(--space-4) }
|
.mt-4 { margin-top: var(--space-4) }
|
||||||
.mt-8 { margin-top: var(--space-8) }
|
.mt-8 { margin-top: var(--space-8) }
|
||||||
|
|
@ -62,6 +64,8 @@
|
||||||
.pt-16 { padding-top: var(--space-16) }
|
.pt-16 { padding-top: var(--space-16) }
|
||||||
.pt-24 { padding-top: var(--space-24) }
|
.pt-24 { padding-top: var(--space-24) }
|
||||||
.pt-32 { padding-top: var(--space-32) }
|
.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-4 { padding-bottom: var(--space-4) }
|
||||||
.pb-8 { padding-bottom: var(--space-8) }
|
.pb-8 { padding-bottom: var(--space-8) }
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue