diff options
CHG: Update form elements doc
3 files changed, 14 insertions, 1 deletions
| -rw-r--r-- | src/dropdowns.less | 2 | ||||
| -rw-r--r-- | src/forms.less | 12 | ||||
| -rw-r--r-- | src/variables.less | 1 |
diff --git a/src/dropdowns.less b/src/dropdowns.less index 605cefc..af61541 100644 --- a/src/dropdowns.less +++ b/src/dropdowns.less @@ -6,7 +6,7 @@ animation: slide-down .216s; display: none; left: 0; - min-width: 18rem; + min-width: @control-min-width; position: absolute; top: 100%; transform: translateY(.5rem); diff --git a/src/forms.less b/src/forms.less index cd26924..d226eac 100644 --- a/src/forms.less +++ b/src/forms.less @@ -64,6 +64,11 @@ &.is-danger { border-color: @control-color-danger; } + + // Input types + &[type=file] { + height: auto; + } } // Form element: Input note @@ -96,9 +101,15 @@ border-radius: .3rem; font-size: 1.4rem; line-height: 1.6rem; + min-width: @control-min-width; outline: 0; padding: .5rem .8rem; vertical-align: middle; + &[multiple] { + option { + padding: .2rem .4rem; + } + } &:not([multiple]) { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem; height: 3.2rem; @@ -118,6 +129,7 @@ height: 2.4rem; padding: .4rem 2rem .4rem .6rem; } + &.select-lg { font-size: 1.6rem; height: 4.2rem; diff --git a/src/variables.less b/src/variables.less index 1fe2f86..2298e32 100644 --- a/src/variables.less +++ b/src/variables.less @@ -11,6 +11,7 @@ // Sizes @layout-gutter: 1rem; +@control-min-width: 18rem; // Colors @core-color: #5764c6; |