Merge branch 'master' of https://github.com/stephenbe/locomotive-boilerplate

project-x/assets/styles/src/_import.scss

@@ -1,7 +1,6 @@
-// ============================================================================
-// Imports
-// ============================================================================
-
+/* ==========================================================================
+   Imports
+   ========================================================================== */
 @import
 	  'settings'
 

project-x/assets/styles/src/base/_base.scss

@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Base
+   ========================================================================== */
 *, *:before, *:after {
 	box-sizing: inherit;
 }

project-x/assets/styles/src/base/_fonts.scss

@@ -0,0 +1,3 @@
+/* ==========================================================================
+   Fonts
+   ========================================================================== */

project-x/assets/styles/src/base/_forms.scss

@@ -0,0 +1,22 @@
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+.input {
+	width: 100%;
+	display: block;
+	border: none;
+	outline: none;
+	color: $black;
+	border-radius: 0;
+	-webkit-appearance: none;
+	   -moz-appearance: none;
+	        appearance: none;
+}
+
+.select {
+
+}
+
+.checkbox {
+
+}

project-x/assets/styles/src/base/_grid.scss

@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Grid
+   ========================================================================== */
 .grid {
 	position: relative;
 	margin-left: -$margin-20;

project-x/assets/styles/src/base/_headings.scss

@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Headings
+   ========================================================================== */
 h1, .h1, .alpha{
     font-size: $heading-1;
     line-height: $heading-line-height;

project-x/assets/styles/src/generic/_helpers.scss

@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Helpers
+   ========================================================================== */
 .clearfix:before,
 .clearfix:after {
     content: " ";

project-x/assets/styles/src/generic/_trumps.scss

@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Trumps
+   ========================================================================== */
 .left {
 	float: left !important;
 }
@@ -27,3 +30,52 @@
 	visibility: hidden !important;
 	opacity: 0 !important;
 }
+
+/* Accessibility
+   ========================================================================== */
+/*
+ * Hide visually and from screen readers: h5bp.com/u
+ */
+
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screen readers: h5bp.com/v
+ */
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/*
+ * Hide visually and from screen readers, but maintain layout
+ */
+
+.invisible {
+    visibility: hidden;
+}

project-x/assets/styles/src/tools/_functions.scss

@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Functions
+   ========================================================================== */
 @function em($px, $base: $font-size) {
   @return ($px / $base) * 1em;
 }

project-x/assets/styles/src/tools/_mixins.scss

@@ -0,0 +1,3 @@
+/* ==========================================================================
+   Mixins
+   ========================================================================== */