37 lines
706 B
CSS
37 lines
706 B
CSS
/* Button Size Classes */
|
|
@layer components {
|
|
/* height: 64px */
|
|
.size-large {
|
|
@apply px-10 h-16 text-lg rounded-lg
|
|
before:rounded-lg after:rounded-lg;
|
|
}
|
|
|
|
/* height: 56px */
|
|
.size-medium {
|
|
@apply px-10 h-14 text-base rounded-lg
|
|
before:rounded-lg after:rounded-lg;
|
|
}
|
|
|
|
/* height: 48px */
|
|
.size-small {
|
|
@apply px-10 h-12 text-sm rounded-lg
|
|
before:rounded-lg after:rounded-lg;
|
|
}
|
|
|
|
/* height: 40px */
|
|
.size-extra-small {
|
|
@apply px-6 h-10 text-sm rounded
|
|
before:rounded after:rounded;
|
|
}
|
|
|
|
/* Icon Size Classes */
|
|
.size-large .icon,
|
|
.size-medium .icon {
|
|
@apply w-5 h-5;
|
|
}
|
|
.size-small .icon,
|
|
.size-extra-small .icon {
|
|
@apply w-4 h-4;
|
|
}
|
|
}
|