button.css
38 lines
| 1 | .advads-modal, |
| 2 | .advads-layout { |
| 3 | .button { |
| 4 | @apply inline-flex items-center gap-x-2 cursor-pointer rounded-lg font-normal transition-colors no-underline leading-4 shadow-none! outline-none! border-0; |
| 5 | } |
| 6 | |
| 7 | .button.advads-button-primary { |
| 8 | @apply bg-primary border-primary text-white; |
| 9 | @apply hover:bg-gray-800 hover:border-gray-800; |
| 10 | } |
| 11 | |
| 12 | .button.advads-button-secondary { |
| 13 | @apply bg-gray-800 border-gray-800 text-white; |
| 14 | @apply hover:bg-neutral-200 hover:border-gray-600 hover:text-gray-800; |
| 15 | } |
| 16 | |
| 17 | .button.advads-button-neutral { |
| 18 | @apply bg-neutral-200 border-gray-600 text-gray-800; |
| 19 | @apply hover:bg-neutral-300 hover:border-gray-800; |
| 20 | } |
| 21 | |
| 22 | .is-big { |
| 23 | @apply text-lg px-4 py-3; |
| 24 | } |
| 25 | |
| 26 | .is-small { |
| 27 | @apply text-xs px-2 py-0.5 min-h-4; |
| 28 | } |
| 29 | |
| 30 | .is-ghost { |
| 31 | @apply inline-flex items-center gap-2 cursor-pointer rounded-lg transition-colors no-underline min-h-4 leading-4 border-0 bg-transparent p-0 text-base font-semibold text-gray-700 hover:text-gray-900; |
| 32 | } |
| 33 | |
| 34 | .is-block { |
| 35 | @apply flex justify-center rounded p-4 leading-0 font-normal; |
| 36 | } |
| 37 | } |
| 38 |