Sassifaction 0.0.2 → 0.0.3

data/sass/partials/typography/_body-copy.scss

@@ -0,0 +1,24 @@
+/*
+
+Body Copy
+========
+
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ligula non felis fermentum tincidunt. Suspendisse sapien odio, vestibulum euismod metus at, aliquet dapibus purus. Suspendisse lacinia sit amet ante eget gravida.</p>
+
+    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ligula non felis fermentum tincidunt. Suspendisse sapien odio, vestibulum euismod metus at, aliquet dapibus purus. Suspendisse lacinia sit amet ante eget gravida.</p>
+
+*/
+
+p {
+	font-family: $body-font;
+}
+
+/* --- used if wanting to style the first paragraph slightly differently --- */
+.lead {
+
+}
+
+::-moz-selection, ::selection {
+	background-color: $base-color;
+	color: $white; // check this
+}

data/sass/partials/typography/_code.scss

@@ -0,0 +1,24 @@
+/*
+
+Code
+====
+
+	<pre>This is a pre tag rendered</pre>
+
+	<code>This is a code tag rendered</code>
+
+	<pre><code>This is a code tag in a pre tag rendered</code></pre>
+
+*/
+
+pre {
+
+}
+
+code {
+
+}
+
+pre code {
+
+}

data/sass/partials/typography/_copy-classes.scss

@@ -0,0 +1,37 @@
+/*
+
+Body Copy Classes
+=================
+
+    <p class="text-muted">faded out a little</p>
+    <p class="text-primary">this really is something to look at</p>
+    <p class="text-success">winner, winner. chicken dinner!</p>
+    <p class="text-info">just a bit of info</p>
+    <p class="text-warning">be careful now, take heed</p>
+    <p class="text-danger">ooh, high voltage</p>
+
+*/
+
+.text-muted {
+	color: $muted-color;
+}
+
+.text-primary {
+	color: $primary-color;
+}
+
+.text-success {
+	color: $success-color;
+}
+
+.text-info {
+	color: $info-color;
+}
+
+.text-warning {
+	color: $warning-color;
+}
+
+.text-danger {
+	color: $danger-color;
+}

data/sass/partials/typography/_headings.scss

@@ -0,0 +1,41 @@
+/*
+
+Headings
+========
+
+    <h1>This is the primary headline</h1>
+    <h2>This is the secondary headline</h2>
+    <h3>This is the tertiary headline</h3>
+    <h4>This is the average headline</h4>
+    <h5>This is the small headline</h5>
+    <h6>This is the micro headline</h6>
+
+*/
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: $header-font;
+}
+
+h1,  .h1 {
+
+}
+
+h2, .h2 {
+
+}
+
+h3, .h3 {
+
+}
+
+h4, .h4 {
+
+}
+
+h5, .h5 {
+
+}
+
+h6, .h6 {
+
+}

data/sass/partials/typography/_links.scss

@@ -0,0 +1,30 @@
+/*
+
+Links
+=====
+
+	<a href="">this is a link</a>
+	<a class="is-selected" href="">this link is selected</a>
+
+*/
+
+a {
+	&:link {
+
+	}
+	&:visited {
+
+	}
+	&:hover,
+	&:focus {
+
+	}
+	&:active,
+	[aria-pressed] {
+
+	}
+}
+
+.is-selected {
+
+}

data/sass/partials/typography/_misc.scss

@@ -0,0 +1,54 @@
+/*
+
+Miscellaneous Typography
+=======================
+
+	<p><strong>rendered as bold text</strong></p>
+
+	<p><em>rendered as italic text</em></p>
+
+	<p><del>rendered as deleted text</del></p>
+
+	<p><dfn>defines a definition term</dfn></p>
+
+	<p><abbr title="extended abbr text should show when mouse over">&lt;abbr&gt; abbr - extended text when mouseover.</abbr></p>
+	<p><acronym title="extended acronym text should show when mouse over">&lt;acronym&gt; acronym - extended text when mouseover.</acronym></p>
+
+	<address>This would be rendered the address</address>
+
+	<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</small>
+
+
+*/
+
+strong {
+
+}
+
+em {
+
+}
+
+del {
+
+}
+
+dfn {
+
+}
+
+abbr {
+
+}
+
+acronym {
+
+}
+
+address {
+
+}
+
+small {
+
+}

data/sass/partials/typography/_scoped.scss

@@ -0,0 +1,55 @@
+/*
+
+Scoped Typography
+=================
+
+	<div class="prose">
+		<h1>This is the primary headline</h1>
+        <h2>This is the secondary headline</h2>
+        <h3>This is the tertiary headline</h3>
+        <h4>This is the average headline</h4>
+        <h5>This is the small headline</h5>
+        <h6>This is the micro headline</h6>
+
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ligula non felis fermentum tincidunt. Suspendisse sapien odio, vestibulum euismod metus at, aliquet dapibus purus. Suspendisse lacinia sit amet ante eget gravida.</p>
+
+        <a href="">A link to something</a>
+
+        <ul>
+            <li>A list item</li>
+            <li>A list item</li>
+            <li>A list item</li>
+        </ul>
+    </div>
+
+*/
+
+.prose {
+	h1 {
+		font-family: $header-font;
+	}
+	h2 {
+		font-family: $header-font;
+	}
+	h3 {
+		font-family: $header-font;
+	}
+	h4 {
+		font-family: $header-font;
+	}
+	h5 {
+		font-family: $header-font;
+	}
+	h6 {
+		font-family: $header-font;
+	}
+	p {
+		font-family: $body-font;
+	}
+	a {
+		font-family: $body-font;
+	}
+	li {
+		font-family: $body-font;
+	}
+}

data/sass/partials/widgets/_widgets.scss

@@ -0,0 +1,8 @@
+/*
+
+Widgets
+=======
+
+Put your 'widgets' here
+
+*/

data/sass/styles.scss

@@ -0,0 +1,122 @@
+	// Mixins
+	@import "base/_mixins.scss";
+
+	// CSS Font Stacks
+
+	@import "base/_fonts.scss";
+
+	// Variables
+	@import "_variables.scss";
+
+	// Normalize
+	@import "base/_bizarro.scss";
+
+	// Helpers
+	@import "base/_helpers.scss";
+
+	// -------------------------------------
+	//   import the partials
+	// -------------------------------------
+
+	// Images
+
+//	@import "partials/images/_images.scss";
+//	@import "partials/images/_base64.scss";
+	@import "partials/images/_figure.scss";
+
+	// import color swatch
+
+//	@import "partials/colors/_colors.scss";
+
+	// import layout
+
+	@import "partials/layout/_grids.scss";
+	@import "partials/layout/_base.scss";
+	@import "partials/layout/_header.scss";
+	@import "partials/layout/_main.scss";
+	@import "partials/layout/_aside.scss";
+	@import "partials/layout/_footer.scss";
+
+	// import typography
+
+	@import "partials/typography/_headings.scss";
+	@import "partials/typography/_body-copy.scss";
+//	@import "partials/typography/_copy-classes.scss";
+	@import "partials/typography/_links.scss";
+	@import "partials/typography/_blockquotes.scss";
+	@import "partials/typography/_misc.scss";
+	@import "partials/typography/_code.scss";
+//	@import "partials/typography/_scoped.scss";
+
+	// import lists
+
+	@import "partials/lists/_ul.scss";
+	@import "partials/lists/_ol.scss";
+	@import "partials/lists/_dl.scss";
+
+	// import navigation
+
+	@import "partials/navigation/_nav.scss";
+	@import "partials/navigation/_pagination.scss";
+	@import "partials/navigation/_breadcrumbs.scss";
+
+	// Components
+
+//	@import "partials/components/_alerts.scss";
+//	@import "partials/components/_horizontal-rules.scss";
+//	@import "partials/components/_labels.scss";
+//	@import "partials/components/_wells.scss";
+
+	// Tables
+
+	@import "partials/tables/_table.scss";
+
+	// Media Object
+
+	@import "partials/media-object/_media-object.scss";
+
+	// Buttons
+
+	@import "partials/buttons/_buttons.scss";
+
+	// Forms
+
+	@import "partials/forms/_big-form.scss";
+	@import "partials/forms/_search-form.scss";
+
+	// Modules
+
+	@import "partials/modules/_modules.scss";
+	@import "partials/modules/_skipnav.scss";
+
+	// Widgets
+
+	@import "partials/widgets/_widgets.scss";
+
+
+
+	//////////////// ******** ////////////////
+
+	// Scratch, make sure this is at the end of this import file
+
+	@import "partials/site-specific/_scratch.scss";
+
+	// Shame, shame know your SCSS needs fixing in this file
+
+	@import "partials/site-specific/_shame.scss";
+
+
+
+
+
+
+
+
+
+	// Print styles
+	@import "base/_print.scss";
+
+	// DEBUG MODE
+	$debugMode:         false;
+
+	@import "base/_debug.scss";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: Sassifaction
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Stuart Robson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-05 00:00:00.000000000 Z
+date: 2014-03-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -24,13 +24,90 @@ dependencies:
     - - '>='
       - !ruby/object:Gem::Version
         version: 3.2.0
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
 description: Sassifaction Mixin Library
 email:
 - stu@alwaystwisted.com
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- lib/Sassifaction.rb
+- sass/_Sassifaction.scss
+- sass/_variables.scss
+- sass/base/_bizarro.scss
+- sass/base/_debug.scss
+- sass/base/_fonts.scss
+- sass/base/_helpers.scss
+- sass/base/_mixins.scss
+- sass/base/_print.scss
+- sass/base/mixins/_BEM.scss
+- sass/base/mixins/_border-radius.scss
+- sass/base/mixins/_children-of-ie.scss
+- sass/base/mixins/_colors.scss
+- sass/base/mixins/_IE7-padding.scss
+- sass/base/mixins/_maths.scss
+- sass/base/mixins/_media-queries.scss
+- sass/base/mixins/_misc.scss
+- sass/base/mixins/_placeholder.scss
+- sass/base/mixins/_rwd-padding-margin.scss
+- sass/base/mixins/_shapes.scss
+- sass/base/mixins/_tint-and-shade.scss
+- sass/base/mixins/_triangles.scss
+- sass/base/mixins/_typography.scss
+- sass/partials/buttons/_buttons.scss
+- sass/partials/colors/_colors.scss
+- sass/partials/components/_alerts.scss
+- sass/partials/components/_horizontal-rules.scss
+- sass/partials/components/_labels.scss
+- sass/partials/components/_tooltips.scss
+- sass/partials/components/_wells.scss
+- sass/partials/forms/_big-form.scss
+- sass/partials/forms/_search-form.scss
+- sass/partials/images/_base64.scss
+- sass/partials/images/_figure.scss
+- sass/partials/images/_images.scss
+- sass/partials/layout/_aside.scss
+- sass/partials/layout/_base.scss
+- sass/partials/layout/_footer.scss
+- sass/partials/layout/_grids.scss
+- sass/partials/layout/_header.scss
+- sass/partials/layout/_main.scss
+- sass/partials/lists/_dl.scss
+- sass/partials/lists/_ol.scss
+- sass/partials/lists/_ul.scss
+- sass/partials/media-object/_media-object.scss
+- sass/partials/modules/_modules.scss
+- sass/partials/modules/_skipnav.scss
+- sass/partials/navigation/_breadcrumbs.scss
+- sass/partials/navigation/_nav.scss
+- sass/partials/navigation/_pagination.scss
+- sass/partials/site-specific/_scratch.scss
+- sass/partials/site-specific/_shame.scss
+- sass/partials/tables/_table.scss
+- sass/partials/typography/_blockquotes.scss
+- sass/partials/typography/_body-copy.scss
+- sass/partials/typography/_code.scss
+- sass/partials/typography/_copy-classes.scss
+- sass/partials/typography/_headings.scss
+- sass/partials/typography/_links.scss
+- sass/partials/typography/_misc.scss
+- sass/partials/typography/_scoped.scss
+- sass/partials/widgets/_widgets.scss
+- sass/styles.scss
 homepage: https://github.com/sturobson/Sassifaction
 licenses: []
 metadata: {}