Merge pull request #73 from picturepan2/hotfix/bugs

Hotfix/bugs

1 files changed, 68 insertions, 45 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 59dc23c..4ce8bab 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -1,4 +1,4 @@
-/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
 /**
  * 1. Change the default font family in all browsers (opinionated).
  * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
@@ -72,10 +72,14 @@ template,
 /* Links
    ========================================================================== */
 /**
- * Remove the gray background on active links in IE 10.
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  */
 a {
   background-color: transparent;
+  /* 1 */
+  -webkit-text-decoration-skip: objects;
+  /* 2 */
 }
 /**
  * Remove the outline on focused links when they are also active or hovered
@@ -207,13 +211,18 @@ hr {
 /* Forms
    ========================================================================== */
 /**
- * Change font properties to `inherit` in all browsers (opinionated).
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
  */
 button,
 input,
+optgroup,
 select,
 textarea {
   font: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
 }
 /**
  * Restore the font weight unset by the previous rule.
@@ -224,28 +233,15 @@ optgroup {
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
- * 2. Show the overflow in Edge, Firefox, and IE.
- */
-button,
-input,
-select {
-  /* 2 */
-  overflow: visible;
-}
-/**
- * Remove the margin in Safari.
- * 1. Remove the margin in Firefox and Safari.
  */
 button,
-input,
-select,
-textarea {
+input {
   /* 1 */
-  margin: 0;
+  overflow: visible;
 }
 /**
- * Remove the inheritence of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritence of text transform in Firefox.
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
 select {
@@ -253,24 +249,9 @@ select {
   text-transform: none;
 }
 /**
- * Change the cursor in all browsers (opinionated).
- */
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  cursor: pointer;
-}
-/**
- * Restore the default cursor to disabled elements unset by the previous rule.
- */
-[disabled] {
-  cursor: default;
-}
-/**
  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  *    controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
  */
 button,
 html [type="button"],
@@ -283,15 +264,19 @@ html [type="button"],
  * Remove the inner border and padding in Firefox.
  */
 button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
   padding: 0;
 }
 /**
  * Restore the focus styles unset by the previous rule.
  */
 button:-moz-focusring,
-input:-moz-focusring {
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 /**
@@ -347,19 +332,39 @@ textarea {
   height: auto;
 }
 /**
- * Correct the odd appearance of search inputs in Chrome and Safari.
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
  */
 [type="search"] {
   -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
 }
 /**
- * Remove the inner padding and cancel buttons in Chrome on OS X and
- * Safari on OS X.
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
  */
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+::-webkit-input-placeholder {
+  color: inherit;
+  opacity: .54;
+}
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
 *,
 *::before,
 *::after {
@@ -809,7 +814,17 @@ textarea.form-input {
 .form-checkbox input,
 .form-radio input,
 .form-switch input {
-  display: none;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  position: absolute;
+  width: 1px;
+}
+.form-checkbox input:focus + .form-icon,
+.form-radio input:focus + .form-icon,
+.form-switch input:focus + .form-icon {
+  box-shadow: 0 0 .3rem .1rem #efefef;
 }
 .form-checkbox,
 .form-radio {
@@ -995,6 +1010,14 @@ textarea.form-input {
   margin-left: -1rem;
   margin-right: -1rem;
 }
+.columns.col-gapless {
+  margin-left: 0;
+  margin-right: 0;
+}
+.columns.col-gapless .column {
+  padding-left: 0;
+  padding-right: 0;
+}
 .column {
   -webkit-flex: 1;
   -ms-flex: 1;
@@ -1286,7 +1309,7 @@ textarea.form-input {
 .empty {
   background: #f8f8f8;
   border-radius: .3rem;
-  padding: 2rem;
+  padding: 4rem;
   text-align: center;
 }
 .empty .empty-title {
@@ -1296,7 +1319,7 @@ textarea.form-input {
 .empty .empty-meta {
   color: #888;
 }
-.empty .btn {
+.empty .empty-action {
   margin-top: 1.5rem;
 }
 .avatar {