From 5c19ddaba7dee6b67954d84d1ddda05008c8cdf7 Mon Sep 17 00:00:00 2001
From: Antoine Boulanger <antoineboulangerz@gmail.com>
Date: Tue, 30 Sep 2014 12:38:06 -0400
Subject: [PATCH] scss

---
 project-x/assets/styles/src/_import.scss      |  9 ++--
 project-x/assets/styles/src/base/_base.scss   |  3 ++
 project-x/assets/styles/src/base/_fonts.scss  |  3 ++
 project-x/assets/styles/src/base/_forms.scss  | 22 ++++++++
 project-x/assets/styles/src/base/_grid.scss   |  3 ++
 .../assets/styles/src/base/_headings.scss     |  3 ++
 .../assets/styles/src/generic/_helpers.scss   |  3 ++
 .../assets/styles/src/generic/_trumps.scss    | 52 +++++++++++++++++++
 .../assets/styles/src/tools/_functions.scss   |  3 ++
 .../assets/styles/src/tools/_mixins.scss      |  3 ++
 10 files changed, 99 insertions(+), 5 deletions(-)
 create mode 100644 project-x/assets/styles/src/base/_forms.scss

diff --git a/project-x/assets/styles/src/_import.scss b/project-x/assets/styles/src/_import.scss
index a5c22d5..6ed9036 100644
--- a/project-x/assets/styles/src/_import.scss
+++ b/project-x/assets/styles/src/_import.scss
@@ -1,7 +1,6 @@
-// ============================================================================
-// Imports
-// ============================================================================
-
+/* ==========================================================================
+   Imports
+   ========================================================================== */
 @import
 	  'settings'
 
@@ -16,4 +15,4 @@
 	, 'base/page'
 	, 'base/headings'
 
-	;
\ No newline at end of file
+	;
diff --git a/project-x/assets/styles/src/base/_base.scss b/project-x/assets/styles/src/base/_base.scss
index bec3b9f..dc2180b 100644
--- a/project-x/assets/styles/src/base/_base.scss
+++ b/project-x/assets/styles/src/base/_base.scss
@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Base
+   ========================================================================== */
 *, *:before, *:after {
 	box-sizing: inherit;
 }
diff --git a/project-x/assets/styles/src/base/_fonts.scss b/project-x/assets/styles/src/base/_fonts.scss
index e69de29..52a9420 100644
--- a/project-x/assets/styles/src/base/_fonts.scss
+++ b/project-x/assets/styles/src/base/_fonts.scss
@@ -0,0 +1,3 @@
+/* ==========================================================================
+   Fonts
+   ========================================================================== */
diff --git a/project-x/assets/styles/src/base/_forms.scss b/project-x/assets/styles/src/base/_forms.scss
new file mode 100644
index 0000000..cf19c90
--- /dev/null
+++ b/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 {
+
+}
diff --git a/project-x/assets/styles/src/base/_grid.scss b/project-x/assets/styles/src/base/_grid.scss
index 40f2191..4424b74 100644
--- a/project-x/assets/styles/src/base/_grid.scss
+++ b/project-x/assets/styles/src/base/_grid.scss
@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Grid
+   ========================================================================== */
 .grid {
 	position: relative;
 	margin-left: -$margin-20;
diff --git a/project-x/assets/styles/src/base/_headings.scss b/project-x/assets/styles/src/base/_headings.scss
index 83208a7..75117be 100644
--- a/project-x/assets/styles/src/base/_headings.scss
+++ b/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;
diff --git a/project-x/assets/styles/src/generic/_helpers.scss b/project-x/assets/styles/src/generic/_helpers.scss
index 4d588ae..ae8e2be 100644
--- a/project-x/assets/styles/src/generic/_helpers.scss
+++ b/project-x/assets/styles/src/generic/_helpers.scss
@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Helpers
+   ========================================================================== */
 .clearfix:before,
 .clearfix:after {
     content: " ";
diff --git a/project-x/assets/styles/src/generic/_trumps.scss b/project-x/assets/styles/src/generic/_trumps.scss
index 23cc515..1b6a8c2 100644
--- a/project-x/assets/styles/src/generic/_trumps.scss
+++ b/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;
+}
diff --git a/project-x/assets/styles/src/tools/_functions.scss b/project-x/assets/styles/src/tools/_functions.scss
index 9b5c925..e159056 100644
--- a/project-x/assets/styles/src/tools/_functions.scss
+++ b/project-x/assets/styles/src/tools/_functions.scss
@@ -1,3 +1,6 @@
+/* ==========================================================================
+   Functions
+   ========================================================================== */
 @function em($px, $base: $font-size) {
   @return ($px / $base) * 1em;
 }
diff --git a/project-x/assets/styles/src/tools/_mixins.scss b/project-x/assets/styles/src/tools/_mixins.scss
index e69de29..c56df6a 100644
--- a/project-x/assets/styles/src/tools/_mixins.scss
+++ b/project-x/assets/styles/src/tools/_mixins.scss
@@ -0,0 +1,3 @@
+/* ==========================================================================
+   Mixins
+   ========================================================================== */