diff options
Diffstat (limited to 'themes/theme/source/css/component/button.styl')
| -rw-r--r-- | themes/theme/source/css/component/button.styl | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/themes/theme/source/css/component/button.styl b/themes/theme/source/css/component/button.styl new file mode 100644 index 00000000..6c6520db --- /dev/null +++ b/themes/theme/source/css/component/button.styl @@ -0,0 +1,64 @@ +.btn + display inline-flex + align-items center + justify-content center + white-space nowrap + border-radius $margin-m-2 + font-size $font-size-header + font-weight 400 + transition all $transition-duration ease + cursor pointer + border none + text-decoration none + user-select none + outline none + padding $margin-m-0 $margin-l-0 + + &:focus-visible + outline 2px solid $color-accent + outline-offset 2px + + &:disabled + pointer-events none + opacity 0.5 + +.btn-default + background-color $color-text-primary + color $color-background + + &:hover + opacity 0.9 + + &:active + opacity 0.95 + +.btn-outline + border 1px solid $color-border + background-color transparent + color $color-text-primary + + &:hover + border-color $color-accent + color $color-accent + +.btn-ghost + background-color transparent + color $color-text-primary + + &:hover + background-color $color-text-fourth + +.btn-link + background-color transparent + color $color-accent + text-decoration underline + text-underline-offset 4px + + &:hover + text-decoration none + +@keyframes spin + 0% + transform rotate(0deg) + 100% + transform rotate(360deg)
\ No newline at end of file |