diff options
author | wlh233 <wlh233@live.com> | 2020-11-13 18:07:41 +0300 |
---|---|---|
committer | wlh233 <wlh233@live.com> | 2020-11-13 18:07:41 +0300 |
commit | ab9efea0dc0d0eb0202421aab978d8b54b5dac3b (patch) | |
tree | 4e133abd297ba1f7d74696a100af0466a51b1e83 /assets/sass/utilities/controls.sass |
first commit
Diffstat (limited to 'assets/sass/utilities/controls.sass')
-rw-r--r-- | assets/sass/utilities/controls.sass | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/assets/sass/utilities/controls.sass b/assets/sass/utilities/controls.sass new file mode 100644 index 0000000..cc7672a --- /dev/null +++ b/assets/sass/utilities/controls.sass @@ -0,0 +1,50 @@ +$control-radius: $radius !default +$control-radius-small: $radius-small !default + +$control-border-width: 1px !default + +$control-height: 2.5em !default +$control-line-height: 1.5 !default + +$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default +$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default + +=control + -moz-appearance: none + -webkit-appearance: none + align-items: center + border: $control-border-width solid transparent + border-radius: $control-radius + box-shadow: none + display: inline-flex + font-size: $size-normal + height: $control-height + justify-content: flex-start + line-height: $control-line-height + padding-bottom: $control-padding-vertical + padding-left: $control-padding-horizontal + padding-right: $control-padding-horizontal + padding-top: $control-padding-vertical + position: relative + vertical-align: top + // States + &:focus, + &.is-focused, + &:active, + &.is-active + outline: none + &[disabled], + fieldset[disabled] & + cursor: not-allowed + +%control + +control + +// The controls sizes use mixins so they can be used at different breakpoints +=control-small + border-radius: $control-radius-small + font-size: $size-small +=control-medium + font-size: $size-medium +=control-large + font-size: $size-large |