.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
|
margin-top: 1.5px;
|
}
|
|
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
|
margin-left: 8px;
|
}
|
|
.p-x-8 {
|
--offset: 8px;
|
padding-left: var(--offset);
|
padding-right: var(--offset);
|
}
|
|
/* flex 布局
|
--------------------------------------------------------- */
|
.flex {
|
display: flex;
|
}
|
|
.flex-col {
|
flex-direction: column;
|
}
|
|
.justify-start {
|
justify-content: flex-start;
|
}
|
|
.justify-end {
|
justify-content: flex-end;
|
}
|
|
.justify-center {
|
justify-content: center;
|
}
|
|
.justify-between {
|
justify-content: space-between;
|
}
|
|
.justify-around {
|
justify-content: space-around;
|
}
|
|
.items-start {
|
align-items: flex-start;
|
}
|
|
.items-end {
|
align-items: flex-end;
|
}
|
|
.items-center {
|
align-items: center;
|
}
|
|
.flex-items-center {
|
display: flex;
|
align-items: center;
|
}
|
|
/* 圆角
|
--------------------------------------------------------- */
|
|
.rounded-none {
|
border-radius: 0px;
|
}
|
|
.rounded-sm {
|
border-radius: 0.125rem;
|
/* 2px */
|
}
|
|
.rounded {
|
border-radius: 0.25rem;
|
/* 4px */
|
}
|
|
.rounded-md {
|
border-radius: 0.375rem;
|
/* 6px */
|
}
|
|
.rounded-lg {
|
border-radius: 0.5rem;
|
/* 8px */
|
}
|
|
.rounded-xl {
|
border-radius: 0.75rem;
|
/* 12px */
|
}
|
|
.rounded-2xl {
|
border-radius: 1rem;
|
/* 16px */
|
}
|
|
.rounded-3xl {
|
border-radius: 1.5rem;
|
/* 24px */
|
}
|
|
.rounded-full {
|
border-radius: 9999px;
|
}
|
|
.w-fit {
|
width: fit-content;
|
}
|
|
.text-nowrap {
|
text-wrap: nowrap;
|
}
|
