diff options
Diffstat (limited to 'packages/studip-ui/src/styles/components/_btn.scss')
| -rw-r--r-- | packages/studip-ui/src/styles/components/_btn.scss | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/studip-ui/src/styles/components/_btn.scss b/packages/studip-ui/src/styles/components/_btn.scss new file mode 100644 index 0000000..d16ce18 --- /dev/null +++ b/packages/studip-ui/src/styles/components/_btn.scss @@ -0,0 +1,27 @@ +.sui-btn { + appearance: none; + background: var(--color--global-background); + border: 1px solid var(--color--highlight); + border-radius: 4px; + color: var(--color--highlight); + cursor: pointer; + font-family: inherit; + font-size: 14px; + line-height: 1.3; + padding: 7px 14px; + text-align: center; + white-space: nowrap; + transition: background-color 0.2s, color 0.2s; + margin: 0; + + &:hover:not(:disabled) { + background-color: var(--color--highlight); + color: var(--color--highlight-contrast); + } + + &:disabled { + cursor: not-allowed; + opacity: 0.6; + background: var(--color--button-inactive-background); + } +}
\ No newline at end of file |