add more input and select sizes

1 files changed, 21 insertions, 12 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 9551461..90bccc3 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -743,10 +743,11 @@ pre code {
   font-size: 1.6rem;
   height: 4.2rem;
   line-height: 2rem;
-  padding: 1rem 1.2rem;
+  padding: 1rem .8rem;
 }
 .form-input.input-inline {
   display: inline-block;
+  vertical-align: middle;
   width: auto;
 }
 textarea.form-input {
@@ -770,17 +771,17 @@ textarea.form-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-}
-.form-select:not([multiple]) {
-  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem;
   border: .1rem solid #c5c5c5;
   border-radius: .3rem;
-  font-size: 1.4rem;
-  height: 3.2rem;
   outline: 0;
-  padding: .5rem 2.4rem .5rem .8rem;
+  padding: .5rem .8rem;
   vertical-align: middle;
 }
+.form-select:not([multiple]) {
+  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem;
+  height: 3.2rem;
+  padding-right: 2.4rem;
+}
 .form-select:focus {
   border-color: #5764c6;
 }
@@ -793,6 +794,10 @@ textarea.form-input {
   height: 2.4rem;
   padding: .4rem 2rem .4rem .6rem;
 }
+.form-select.select-lg {
+  height: 4.2rem;
+  padding: 1rem 2.4rem 1rem .8rem;
+}
 .form-checkbox input,
 .form-radio input,
 .form-switch input {
@@ -919,6 +924,15 @@ textarea.form-input {
   line-height: 1.6rem;
   padding: .7rem .8rem;
 }
+.input-group .input-group-addon.addon-sm {
+  font-size: 1.2rem;
+  padding: .3rem .6rem;
+}
+.input-group .input-group-addon.addon-lg {
+  font-size: 1.6rem;
+  line-height: 2rem;
+  padding: 1rem .8rem;
+}
 .input-group .input-group-addon,
 .input-group .input-group-btn {
   -webkit-flex: 1 0 auto;
@@ -949,11 +963,6 @@ textarea.form-input {
 .input-group .input-group-btn:focus {
   z-index: 99;
 }
-.form-inline {
-  display: inline-block;
-  vertical-align: middle;
-  width: auto;
-}
 .container {
   margin-left: auto;
   margin-right: auto;