diff options
Diffstat (limited to 'themes/twentynineteen/sass/forms/_buttons.scss')
| -rw-r--r-- | themes/twentynineteen/sass/forms/_buttons.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/themes/twentynineteen/sass/forms/_buttons.scss b/themes/twentynineteen/sass/forms/_buttons.scss new file mode 100644 index 00000000..f527a088 --- /dev/null +++ b/themes/twentynineteen/sass/forms/_buttons.scss @@ -0,0 +1,37 @@ +.button, +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + + @include button-transition; + background: $color__background-button; + border: none; + border-radius: 5px; + box-sizing: border-box; + color: $color__background-body; + @include font-family( $font__heading ); + font-size: $font__size-sm; + font-weight: 700; + line-height: $font__line-height-heading; + outline: none; + padding: ( $size__spacing-unit * .76 ) $size__spacing-unit; + text-decoration: none; + vertical-align: bottom; + + &:hover { + background: $color__background-button-hover; + cursor: pointer; + } + + &:visited { + color: $color__background-body; + text-decoration: none; + } + + &:focus { + background: $color__background-button-hover; + outline: thin dotted; + outline-offset: -4px; + } +} |