Merge pull request #160 from picturepan2/feature/0.2.8 v0.2.8

Feature/0.2.8

1 files changed, 42 insertions, 12 deletions

diff --git a/docs/css/spectre.css b/docs/css/spectre.css
index adc1b80..27546fa 100644
--- a/docs/css/spectre.css
+++ b/docs/css/spectre.css
@@ -412,12 +412,6 @@ a.active {
   box-shadow: 0 0 0 .2rem rgba(87, 100, 198, .15);
   outline: 0;
 }
-[disabled],
-.disabled {
-  cursor: default;
-  opacity: .5;
-  pointer-events: none;
-}
 .btn .icon,
 .toast .icon,
 .menu .icon {
@@ -644,6 +638,13 @@ abbr[title] {
   border-color: #3b49af;
   color: #fff;
 }
+.btn[disabled],
+.btn:disabled,
+.btn.disabled {
+  cursor: default;
+  opacity: .5;
+  pointer-events: none;
+}
 .btn.btn-primary {
   background: #5764c6;
   border-color: #4452c0;
@@ -790,9 +791,6 @@ abbr[title] {
 .form-input:focus {
   border-color: #5764c6;
 }
-.form-input[disabled] {
-  background: #f8f8f8;
-}
 .form-input.input-sm {
   font-size: 1.2rem;
   height: 2.4rem;
@@ -1093,6 +1091,26 @@ textarea.form-input {
   display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
 }
+.form-input:disabled,
+.form-select:disabled,
+.form-input.disabled,
+.form-select.disabled {
+  background-color: #f0f0f0;
+  cursor: default;
+  opacity: .5;
+}
+input:disabled + .form-icon,
+input.disabled + .form-icon {
+  background: #f0f0f0;
+  border-color: #ccc;
+  cursor: default;
+  opacity: .5;
+  pointer-events: none;
+}
+.form-switch input:disabled + .form-icon::after,
+.form-switch input.disabled + .form-icon::after {
+  background: #fff;
+}
 .form-horizontal {
   padding: 1rem;
 }
@@ -1709,10 +1727,16 @@ code {
   font-size: 1;
   padding: .1em 0;
 }
+.form-autocomplete .menu {
+  left: 0;
+  position: absolute;
+  top: 100%;
+  width: 100%;
+}
 .avatar {
   background: #5764c6;
   border-radius: 50%;
-  color: #fff;
+  color: rgba(255, 255, 255, .75);
   display: inline-block;
   font-size: 1.4rem;
   font-weight: 300;
@@ -1928,8 +1952,8 @@ code {
   position: relative;
 }
 .dropdown .menu {
-  -webkit-animation: slide-down .2s;
-  animation: slide-down .2s;
+  -webkit-animation: slide-down .2s 1;
+  animation: slide-down .2s 1;
   display: none;
   left: 0;
   position: absolute;
@@ -2189,6 +2213,12 @@ code {
 .pagination .page-item a:hover {
   color: #5764c6;
 }
+.pagination .page-item a[disabled],
+.pagination .page-item a.disabled {
+  cursor: default;
+  opacity: .5;
+  pointer-events: none;
+}
 .pagination .page-item.active a {
   background: #5764c6;
   color: #fff;