1 files changed, 31 insertions, 30 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 9943eed..3c576a5 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -887,7 +887,7 @@ pre code {
   color: #333;
   font-size: 1.4rem;
   line-height: 1.6rem;
-  padding: .7rem .8rem;
+  padding: .5rem .8rem;
   -webkit-appearance: none;
   outline: 0;
 }
@@ -895,22 +895,18 @@ pre code {
   border-color: #5764c6;
 }
 .form-input[disabled] {
-  opacity: .75;
   background-color: #eeeff2;
-  pointer-events: none;
 }
 .form-input.input-sm {
   height: 2.4rem;
   border-radius: .2rem;
   font-size: 1.2rem;
-  line-height: 1.4rem;
   padding: .4rem .6rem;
 }
 .form-input.input-lg {
   height: 4.2rem;
   border-radius: .4rem;
   font-size: 1.6rem;
-  line-height: 2rem;
   padding: 1rem 1.2rem;
 }
 .form-input.input-inline {
@@ -919,6 +915,7 @@ pre code {
 }
 textarea.form-input {
   height: auto;
+  line-height: 2rem;
 }
 .has-success .form-input,
 .form-input.is-success {
@@ -933,15 +930,20 @@ textarea.form-input {
   margin-bottom: .5rem;
   line-height: 1.6rem;
 }
+.form-select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
 .form-select:not([multiple]) {
   height: 3.2rem;
-  background-color: #fff;
   font-size: 1.4rem;
-  line-height: 1.6rem;
-  padding: .7rem .8rem;
+  vertical-align: middle;
+  padding: .5rem 2.4rem .5rem .8rem;
   border: 0.1rem solid #c5c5c5;
   border-radius: .3rem;
   outline: 0;
+  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center / 0.8rem 1rem;
 }
 .form-select:focus {
   border-color: #5764c6;
@@ -950,19 +952,23 @@ textarea.form-input {
   height: 2.4rem;
   border-radius: .2rem;
   font-size: 1.2rem;
-  line-height: 1.4rem;
   padding: .4rem .6rem;
 }
+.form-checkbox input,
+.form-radio input,
+.form-switch input {
+  display: none;
+}
 .form-checkbox,
 .form-radio {
   line-height: 1.8rem;
-  padding: .3rem 1.8rem;
+  padding: .3rem 2rem;
   cursor: pointer;
   display: inline-block;
   position: relative;
 }
-.form-checkbox input,
-.form-radio input {
+.form-checkbox .form-icon,
+.form-radio .form-icon {
   font-size: 1.4rem;
   line-height: 2.4rem;
   vertical-align: top;
@@ -974,23 +980,21 @@ textarea.form-input {
   position: absolute;
   top: .5rem;
   left: 0;
-  cursor: pointer;
   outline: none;
-  -webkit-appearance: none;
 }
-.form-checkbox input:hover,
-.form-radio input:hover {
+.form-checkbox:hover .form-icon,
+.form-radio:hover .form-icon {
   border-color: #9f9f9f;
 }
-.form-checkbox input:checked,
-.form-radio input:checked {
+.form-checkbox input:checked + .form-icon,
+.form-radio input:checked + .form-icon {
   background-color: #5764c6;
   border-color: #5764c6;
 }
-.form-checkbox input {
+.form-checkbox .form-icon {
   border-radius: .2rem;
 }
-.form-checkbox input:checked::after {
+.form-checkbox input:checked + .form-icon::after {
   width: .6rem;
   height: 1rem;
   content: "";
@@ -1005,10 +1009,10 @@ textarea.form-input {
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
 }
-.form-radio input {
+.form-radio .form-icon {
   border-radius: .7rem;
 }
-.form-radio input:checked::after {
+.form-radio input:checked + .form-icon::after {
   width: .4rem;
   height: .4rem;
   content: "";
@@ -1022,12 +1026,12 @@ textarea.form-input {
 }
 .form-switch {
   line-height: 1.8rem;
-  padding: .3rem 1.8rem .3rem 3.4rem;
+  padding: .3rem 2rem .3rem 3.6rem;
   cursor: pointer;
   display: inline-block;
   position: relative;
 }
-.form-switch input {
+.form-switch .form-icon {
   line-height: 2.4rem;
   vertical-align: top;
   border: 0.1rem solid #c5c5c5;
@@ -1040,11 +1044,9 @@ textarea.form-input {
   position: absolute;
   top: .3rem;
   left: 0;
-  cursor: pointer;
   outline: none;
-  -webkit-appearance: none;
 }
-.form-switch input::after {
+.form-switch .form-icon::after {
   content: "";
   display: block;
   width: 1.6rem;
@@ -1057,13 +1059,12 @@ textarea.form-input {
   -webkit-transition: left .15s ease;
   transition: left .15s ease;
 }
-.form-switch input:checked {
+.form-switch input:checked + .form-icon {
   background-color: #5764c6;
   border-color: #5764c6;
 }
-.form-switch input:checked::after {
+.form-switch input:checked + .form-icon::after {
   left: 1.2rem;
-  background-color: #fff;
 }
 .input-group {
   display: -webkit-box;