summaryrefslogtreecommitdiff
path: root/_bulma/node_modules/bulma/sass/utilities/controls.sass
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-06-03 22:00:03 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-06-03 22:00:03 -0400
commitc6b5329e5c77b226a6b0cacd99607fc7650c3a9a (patch)
tree1b4676ab6d7e2257212d07cf5faf136f7bda89f7 /_bulma/node_modules/bulma/sass/utilities/controls.sass
parent4d129b527ee5d3a536849209c2a4e86a64190a5d (diff)
downloadcarpentertutoring-c6b5329e5c77b226a6b0cacd99607fc7650c3a9a.tar.xz
carpentertutoring-c6b5329e5c77b226a6b0cacd99607fc7650c3a9a.zip
actually include bulma data for scss rendering later
Diffstat (limited to '_bulma/node_modules/bulma/sass/utilities/controls.sass')
-rw-r--r--_bulma/node_modules/bulma/sass/utilities/controls.sass50
1 files changed, 50 insertions, 0 deletions
diff --git a/_bulma/node_modules/bulma/sass/utilities/controls.sass b/_bulma/node_modules/bulma/sass/utilities/controls.sass
new file mode 100644
index 0000000..cc7672a
--- /dev/null
+++ b/_bulma/node_modules/bulma/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