Merge pull request #73 from picturepan2/hotfix/bugs

Hotfix/bugs

5 files changed, 71 insertions, 57 deletions

diff --git a/src/empty.less b/src/empty.less
index b460f50..8accae1 100644
--- a/src/empty.less
+++ b/src/empty.less
@@ -1,9 +1,9 @@
 // Empty states (or Blank slates)
 .empty {
-  background: #f8f8f8;
+  background: @core-empty-bg;
   border-radius: .3rem;
   text-align: center;
-  padding: 2 * @layout-gutter;
+  padding: 4 * @layout-gutter;
 
   .empty-title {
     font-size: 1.8rem;
@@ -12,7 +12,7 @@
   .empty-meta {
     color: @core-meta-color;
   }
-  .btn {
+  .empty-action {
     margin-top: 1.5rem;
   }
 }
\ No newline at end of file
diff --git a/src/forms.less b/src/forms.less
index c052354..87fa664 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -115,7 +115,16 @@
 .form-radio,
 .form-switch {
   input {
-    display: none;
+    clip: rect(0, 0, 0, 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    position: absolute;
+    width: 1px;
+
+    &:focus + .form-icon {
+      box-shadow: 0 0 .3rem .1rem @core-border-color;
+    }
   }
 }
 .form-checkbox,
diff --git a/src/layout.less b/src/layout.less
index 274b9fb..17dcb84 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -24,6 +24,16 @@
   display: flex;
   margin-left: -@layout-gutter;
   margin-right: -@layout-gutter;
+
+  &.col-gapless {
+    margin-left: 0;
+    margin-right: 0;
+
+    .column {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
 }
 .column {
   flex: 1;
diff --git a/src/normalize.less b/src/normalize.less
index f48215b..80c11fd 100644
--- a/src/normalize.less
+++ b/src/normalize.less
@@ -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).
@@ -8,7 +8,7 @@
 html {
   font-family: sans-serif; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
-      -ms-text-size-adjust: 100%; /* 2 */
+  -ms-text-size-adjust: 100%; /* 2 */
 }
 
 /**
@@ -89,11 +89,13 @@ template,
    ========================================================================== */
 
 /**
- * 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;
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
 }
 
 /**
@@ -252,14 +254,17 @@ hr {
    ========================================================================== */
 
 /**
- * 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;
+  font: inherit; /* 1 */
+  margin: 0; /* 2 */
 }
 
 /**
@@ -273,33 +278,17 @@ optgroup {
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
- * 2. Show the overflow in Edge, Firefox, and IE.
  */
 
 button,
-input,
-/* 1 */
-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,
@@ -309,28 +298,9 @@ select {
 }
 
 /**
- * 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,
@@ -346,8 +316,10 @@ html [type="button"],
  */
 
 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;
 }
 
@@ -356,7 +328,9 @@ input::-moz-focus-inner {
  */
 
 button:-moz-focusring,
-input:-moz-focusring {
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
@@ -415,19 +389,39 @@ textarea {
 }
 
 /**
- * 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;
+  -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 */
+}
diff --git a/src/variables.less b/src/variables.less
index 479cfc5..89e4fc0 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -17,6 +17,7 @@
 @core-meta-color: #888;
 @core-link-color: #5764c6;
 @core-border-color: #efefef;
+@core-empty-bg: #f8f8f8;
 @control-color: #c5c5c5;
 @control-color-success: #32b643;
 @control-color-info: #0193eb;