diff options
author | Adam Carpenter <gitlab@53hor.net> | 2019-06-12 20:27:21 -0400 |
---|---|---|
committer | Adam Carpenter <gitlab@53hor.net> | 2019-06-12 20:27:21 -0400 |
commit | 8ba1ab54263c1c275569ed94e6f8073f5fcca935 (patch) | |
tree | 8e15b396c3f1ce2cea7cd38bfd0c6be33eec40ed /public/css/_sass/utilities/controls.sass | |
parent | b820afa0cb1c88c8fd329544c5bae827817a4d59 (diff) | |
download | cobalt-site-8ba1ab54263c1c275569ed94e6f8073f5fcca935.tar.xz cobalt-site-8ba1ab54263c1c275569ed94e6f8073f5fcca935.zip |
Re-included CSS.
Diffstat (limited to 'public/css/_sass/utilities/controls.sass')
-rw-r--r-- | public/css/_sass/utilities/controls.sass | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/public/css/_sass/utilities/controls.sass b/public/css/_sass/utilities/controls.sass new file mode 100644 index 0000000..7ca0521 --- /dev/null +++ b/public/css/_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.25em !default +$control-line-height: 1.5 !default + +$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default +$control-padding-horizontal: calc(0.625em - #{$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 |