Sassifaction 0.0.2 → 0.0.3

data/sass/partials/layout/_footer.scss

@@ -0,0 +1,12 @@
+/*
+
+Footer
+======
+
+Styles for the footer element
+
+*/
+
+footer[role="contentinfo"] {
+
+}

data/sass/partials/layout/_grids.scss

@@ -0,0 +1,8 @@
+/*
+
+Grids
+=====
+
+Put Your Grid System Here
+
+*/

data/sass/partials/layout/_header.scss

@@ -0,0 +1,12 @@
+/*
+
+Header
+======
+
+Styles for the header element
+
+*/
+
+header[role='banner'] {
+
+}

data/sass/partials/layout/_main.scss

@@ -0,0 +1,12 @@
+/*
+
+Main
+====
+
+Styles for the main element
+
+*/
+
+main[role='main'] {
+
+}

data/sass/partials/lists/_dl.scss

@@ -0,0 +1,26 @@
+/*
+
+## Description Lists
+
+```
+<dl>
+    <dt>Term</dt>
+    <dd>Description</dd>
+    <dt>Term</dt>
+    <dd>Description</dd>
+</dl>
+```
+
+*/
+
+dl {
+
+}
+
+dt {
+
+}
+
+dd {
+
+}

data/sass/partials/lists/_ol.scss

@@ -0,0 +1,34 @@
+/*
+
+## Ordered Lists
+```
+<ol>
+    <li>An unordered list item</li>
+    <li>An unordered list item</li>
+    <li>An unordered list item</li>
+    <li>An unordered list item</li>
+    <ol>
+        <li>An unordered list item</li>
+        <li>An unordered list item</li>
+        <li>An unordered list item</li>
+        <li>An unordered list item</li>
+    </ol>
+</ol>
+```
+*/
+
+ol {
+
+}
+
+ol > li {
+
+}
+
+ol ol {
+
+}
+
+ol ol li {
+
+}

data/sass/partials/lists/_ul.scss

@@ -0,0 +1,35 @@
+/*
+
+Unordered Lists
+===============
+
+    <ul>
+        <li>An unordered list item</li>
+        <li>An unordered list item</li>
+        <li>An unordered list item</li>
+        <li>An unordered list item</li>
+        <ul>
+            <li>An unordered list item</li>
+            <li>An unordered list item</li>
+            <li>An unordered list item</li>
+            <li>An unordered list item</li>
+        </ul>
+    </ul>
+
+*/
+
+ul {
+
+}
+
+ul > li {
+
+}
+
+ul ul {
+
+}
+
+ul ul li {
+
+}

data/sass/partials/media-object/_media-object.scss

@@ -0,0 +1,34 @@
+/*
+
+Media Objects
+=============
+
+<div class="media">
+	<a class="" href="">
+		<img class="media-object" src="" alt="">
+	</a>
+	<div class="media-body">
+		<h4 class="media-heading"></h4>
+		<p></p>
+	</div>
+</div>
+
+*/
+
+.media {
+
+}
+
+.media-object {
+
+}
+
+.media-body {
+	> p {
+
+	}
+}
+
+.media-heading {
+
+}

data/sass/partials/modules/_modules.scss

@@ -0,0 +1,8 @@
+/*
+
+Modules
+=======
+
+Put your 'modules' here
+
+*/

data/sass/partials/modules/_skipnav.scss

@@ -0,0 +1,21 @@
+
+.skipnav {
+	text-align: left;
+	display: none;
+}
+.skipnav a {
+	position: absolute;
+	left: -10000px;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+}
+.skipnav a:focus,
+.skipnav a:active {
+	position: static;
+	left: 0;
+	width: auto;
+	height: auto;
+	overflow: visible;
+	text-decoration: underline;
+}

data/sass/partials/navigation/_breadcrumbs.scss

@@ -0,0 +1,30 @@
+/*
+
+Breadcrumb Navigation
+=====================
+
+<ol class="breadcrumb">
+	<li><a href="#">Home</a></li>
+	<li><a href="#">Categories</a></li>
+	<li class="active">Animals</li>
+</ol>
+
+*/
+
+.breadcrumb {
+
+	& > li {
+
+	}
+
+	& > li > a {
+
+		&:hover {
+
+		}
+	}
+
+	& > .active {
+
+	}
+}

data/sass/partials/navigation/_nav.scss

@@ -0,0 +1,43 @@
+/*
+
+Main Navigation
+===============
+
+    <nav class="main-nav" role="navigation">
+        <ul class="main-nav-list">
+            <li class="main-nav-item"><a class="main-nav-link" href="">A main link</a></li>
+            <li class="main-nav-item"><a class="main-nav-link" href="">A main link</a></li>
+            <li class="main-nav-item"><a class="main-nav-link" href="">A main link</a></li>
+            <li class="main-nav-item"><a class="main-nav-link" href="">A main link</a></li>
+        </ul>
+    </nav>
+
+*/
+
+nav[role="navigation"] {
+	> ul {
+
+	}
+	li {
+
+	}
+	a {
+
+	}
+}
+
+.main-nav {
+
+}
+
+.main-nav-list {
+
+}
+
+.main-nav-item {
+
+}
+
+.main-nav-link {
+
+}

data/sass/partials/navigation/_pagination.scss

@@ -0,0 +1,32 @@
+/*
+
+Pagination Navigation
+=====================
+
+<ul class="pagination">
+	<li><a href="#">&laquo;</a></li>
+	<li><a href="#">1</a></li>
+	<li><a href="#">2</a></li>
+	<li><a href="#">3</a></li>
+	<li><a href="#">4</a></li>
+	<li><a href="#">5</a></li>
+	<li><a href="#">&raquo;</a></li>
+</ul>
+
+*/
+
+.pagination {
+
+	& > li {
+
+	}
+
+	& > li > a {
+
+		&:hover {
+
+		}
+
+	}
+
+}

data/sass/partials/site-specific/_scratch.scss

@@ -0,0 +1,8 @@
+/*
+
+Scratch File
+============
+
+This is for code to exist before it's re-factored put in it's place
+
+*/

data/sass/partials/site-specific/_shame.scss

@@ -0,0 +1,29 @@
+/*
+Shame CSS
+     This is not a dumping ground. It is a staging area for hacks that are
+     intended to be fixed and resolved so as not to sully our
+     production-ready codebase. Hacks are necessary, but they are not
+     permanent, nor are they acceptable long-term. You are not done when
+     you've moved your selector and rules here.
+
+     This is not intended to be an easy fix, or a simple way out. You will
+     spend time writing out your shame, and you will make it known that
+     you indeed had to resort to a hack with your next commit
+
+     Rules:
+       1) Your documentation should be written in block comment format so
+          that your shame is publically visible in the compiled stylesheet
+          (also helpful for debugging)
+
+       2) Name yourself so we can all scorn your lack of front-end prowess
+          (or talk to you about any questions we have)
+
+       3) Name the location your code would go were it not such a horrible
+          travesty to the name of stylesheet.
+
+       4) Give the motive behind your sociopathic manipulation of CSS, what
+          areas are affected, what this solves, and most importantly...
+
+       5) How would you go about rectifying the horrible crimes you have
+          committed given more time.
+*/

data/sass/partials/tables/_table.scss

@@ -0,0 +1,51 @@
+/*
+
+Tables
+======
+
+Styles for the tables
+
+	<table>
+		<thead>
+			<tr>
+				<th></th>
+			</tr>
+			<tr>
+				<th></th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<th></th>
+			</tr>
+			<tr>
+				<td></td>
+			</tr>
+		</tbody>
+	</table>
+
+*/
+table {
+
+}
+
+thead {
+
+	tr {
+
+	}
+	th {
+
+	}
+}
+
+tbody {
+	tr {
+
+	}
+	th {
+
+	}
+}
+
+

data/sass/partials/typography/_blockquotes.scss

@@ -0,0 +1,25 @@
+/*
+
+Blockquotes
+===========
+
+    <blockquote>
+        <p>You can put a cat in an oven, but that don't make it a biscuit.</p>
+    </blockquote>
+
+*/
+
+blockquote {
+
+	&:before {
+
+	}
+
+	&:after {
+
+	}
+
+	> p {
+
+	}
+}