mod button style
This commit is contained in:
parent
b591882d51
commit
555d64e965
|
@ -1,8 +1,5 @@
|
||||||
.btn {
|
.btn {
|
||||||
@apply px-3 py-2 uppercase no-underline text-sm text-white items-center justify-center bg-primary-700 rounded;
|
@apply px-3 py-2 uppercase no-underline text-sm items-center justify-center bg-primary-700 rounded;
|
||||||
svg {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&.btn-sm {
|
&.btn-sm {
|
||||||
@apply text-xs px-2 py-1;
|
@apply text-xs px-2 py-1;
|
||||||
|
@ -11,15 +8,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.btn-primary {
|
&.btn-primary {
|
||||||
@apply bg-primary-700;
|
@apply bg-primary-700 text-primary-300;
|
||||||
&:hover {
|
&:hover {
|
||||||
@apply bg-primary-500;
|
@apply bg-primary-500 text-primary-100;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.btn-primary-light {
|
&.btn-primary-light {
|
||||||
@apply bg-primary-600 text-primary-800;
|
@apply bg-primary-600 text-primary-200;
|
||||||
&:hover {
|
&:hover {
|
||||||
@apply bg-primary-500 text-primary-700;
|
@apply bg-primary-500 text-primary-100;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.btn-warning {
|
&.btn-warning {
|
||||||
|
@ -42,19 +39,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.label {
|
&.label {
|
||||||
@apply rounded-full leading-none transition-all normal-case;
|
@apply py-0 h-6 flex justify-center items-center rounded-full leading-none transition-all normal-case;
|
||||||
&.primary {
|
|
||||||
@apply bg-primary-800 text-primary-500;
|
|
||||||
&:hover {
|
|
||||||
@apply text-primary-400 bg-primary-700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.icon {
|
&.icon {
|
||||||
@apply p-0 flex justify-center items-center w-6 h-6;
|
@apply p-0 flex justify-center items-center w-6 h-6;
|
||||||
svg {
|
svg {
|
||||||
@apply w-3 h-3 text-primary-100 flex-none;
|
@apply w-3 h-3 flex-none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue