my-compass-framework 1.0.0

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    NjNmY2RkYTZhMWIxMWNiNzYzZjU4NGNkNGQzNWNlYjhjZDYwMDI3Mw==
+  data.tar.gz: !binary |-
+    Mjk0NjlhNzA2YzNkNDM2MGYwOWQ2MTAxZmQ0ZjY0NzQxNGZjNTJiYg==
+SHA512:
+  metadata.gz: !binary |-
+    N2EzMmU3MjU5YzdlNWYwNGQyZTYyZjczMWVkYjVmZGU4N2E4MDAyMTk4NTYx
+    MTkwMTJjZTQ2ZjZjYjExZjhiMDc5OGY1MWJiOTc4NDJjOTJiNWE1MDVhNWI1
+    MTUxOTJiOGI1NjdjZjE1MjJiZWNmZGM1MDNlODRjMTlkMjljZWE=
+  data.tar.gz: !binary |-
+    ZWQzMmEzNzFiYTQ4NjgxZjc2MGE4YzkwZDc3MjYyZmY3OGM4NWM4ZGJjN2Q2
+    Zjk4MzVlYjBlNTNmZmUyMGY0ODc0ZDJiOTlkM2Q4OTg4OTJkNTJjYTE2MzQ3
+    N2MwYzA4MTc1ZjY2NWNkMmMxMzljNGVjZWI0ODQzODM4NmU2YzU=

data/lib/my-compass-framework.rb

@@ -0,0 +1,5 @@
+require 'compass'
+Compass::Frameworks.register('my-compass-framework',
+  :stylesheets_directory => File.join(File.dirname(__FILE__), '..', 'stylesheets'),
+  :templates_directory => File.join(File.dirname(__FILE__), '..', 'templates'))
+

data/stylesheets/_company-tools.scss

@@ -0,0 +1,5 @@
+@import "company-tools/company-colors";
+@import "company-tools/company-functions";
+@import "company-tools/company-mixins";
+
+

data/stylesheets/company-tools/_company-colors.scss

@@ -0,0 +1,2 @@
+$company-primary: #123456;
+$company-secondary: #654321;

data/stylesheets/company-tools/_company-functions.scss

@@ -0,0 +1,8 @@
+@function strip-unit($value) {
+  @return $value / ($value * 0 + 1);
+}
+
+
+@function pem($pxval, $base: 16) {
+  @return strip-unit($pxval) / $base * 1em;
+}

data/stylesheets/company-tools/_company-mixins.scss

@@ -0,0 +1,78 @@
+@mixin hidden {
+  position: absolute;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  height: 1px; width: 1px;
+  margin: -1px; padding: 0; border: 0;
+}
+
+@mixin clearfix {
+  &:before, &:after {
+      content: "\0020";
+      display: block;
+      height: 0;
+      overflow: hidden;
+  }
+  &:after {
+      clear: both;
+  }
+}
+
+%icon-font:before {
+  font-family: "fontcustom";
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+  display: inline-block;
+}
+
+@mixin icon-font($font-name) {
+  @extend .icon-#{$font-name};
+  @extend %icon-font;
+  &:before {
+   @content;
+  }
+}
+
+@mixin respond-to($primary, $secondary:min-width, $nq:false, $nq-class:lt9) {
+  // Convert pixel values to ems
+  @if unit($primary) == 'px' {
+    $primary: pem($primary);
+  }
+   @if type-of($secondary) == number and unit($secondary) == 'px' {
+    $secondary: pem($secondary);
+  }
+
+  // Print out Media Queries
+  @if $secondary == max-width {
+    @media screen and (max-width: $primary - .001) { @content; }
+    @if $nq == true {
+      .#{$nq-value} &{
+        @content;
+      }
+    }
+  }
+  @else if $secondary == min-width {
+    @media screen and (min-width: $primary) { @content; }
+    @if $nq == true {
+      .#{$nq-value} &{
+        @content;
+      }
+    }
+  }
+  @else {
+    @media screen and (min-width: $primary) and (max-width: $secondary - .001) { @content; }
+    @if $nq == true {
+      .#{$nq-value} &{
+        @content;
+      }
+    }
+  }
+}
+
+
+
+
+
+
+

data/templates/project/base/html/_typography.scss

@@ -0,0 +1,22 @@
+//styles
+
+h1, h2, h3, h4, h5, h6{
+  font-family: $header-font-family;
+  font-style:  $header-font-style;
+  color:       $header-font-color;
+  line-height: $header-line-height;
+  letter-spacing: $header-letter-spacing;
+  font-weight: $header-font-weight;
+
+}
+
+h1 { font-size:  $h1-font-size; }
+h2 { font-size:  $h2-font-size; }
+h3 { font-size:  $h3-font-size; }
+h4 { font-size:  $h4-font-size; }
+h5 { font-size:  $h5-font-size; }
+h6 { font-size:  $h6-font-size; }
+
+
+
+

data/templates/project/base/vendor/_normalize.scss

@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

data/templates/project/global/_variables.scss

@@ -0,0 +1,46 @@
+$total-columns  : 12;
+$column-width   : 5.3em;
+$gutter-width   : 1.2em;
+$grid-padding   : 2 * $gutter-width;
+
+
+// Breakpoints
+
+$small: 600px;
+$medium: 900px;
+
+//Colors
+$link-blue: #13A7C7;
+$link-dark-blue: #10869f;
+$dark-grey: #333;
+$hero-grey: #8c8c8c;
+$main-nav-grey: #bababa;
+$med-grey:#484848;
+$light-grey: #ddd;
+$lightest-grey: #eee;
+
+//Font Stacks
+$sans-serif: helvetica, arial, sans-serif;
+
+//Typography
+$copy-font-family: $sans-serif;
+$copy-font-size: 16px;
+$copy-line-height: 1.8;
+
+$header-font-family: $sans-serif;
+$header-font-weight: bold;
+$header-font-style: normal;
+$header-font-color: #222;
+$header-line-height: 1.3;
+$header-letter-spacing: -1px;
+
+$header-top-margin: .2em;
+$header-bottom-margin: .5em;
+$header-text-rendering: optimizeLegibility;
+
+$h1-font-size: pem(44px);
+$h2-font-size: pem(37px);
+$h3-font-size: pem(27px);
+$h4-font-size: pem(23px);
+$h5-font-size: pem(18px);
+$h6-font-size: 1em;

data/templates/project/index.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title></title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
+        <link rel="stylesheet" href="stylesheets/screen.css">
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+
+        <!-- Add your site or application content here -->
+        <p>Hello world! This is HTML5 Boilerplate.</p>
+
+        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+        <script src="js/plugins.js"></script>
+        <script src="js/main.js"></script>
+
+        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+        <script>
+            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+            e.src='//www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+            ga('create','UA-XXXXX-X');ga('send','pageview');
+        </script>
+    </body>
+</html>

data/templates/project/manifest.rb

@@ -0,0 +1,19 @@
+description "My awesome compass plugin."
+
+discover :stylesheets
+directory 'sass/components'
+directory 'img'
+directory 'js'
+file 'index.html'
+
+help %Q{
+Thanks for checking out this sass framework demonstration
+
+    For more bites of Sass follow us at @SassBites
+}
+
+welcome_message %Q{
+Thanks for checking out this sass framework demonstration
+
+    For more bites of Sass follow us at @SassBites
+}

data/templates/project/screen.scss

@@ -0,0 +1,16 @@
+@import "company-tools";
+
+@import "global/functions";
+@import "global/variables";
+@import "global/extends/copy-extends";
+@import "global/extends/decorative-extends";
+@import "global/extends/title-extends";
+@import "global/mixins/misc-mixins";
+
+@import "base/html/font-face";
+@import "base/html/html";
+@import "base/html/typography";
+@import "base/page/page";
+@import "base/vendor/normalize";
+
+@import "layout/page-layout";

metadata

@@ -0,0 +1,77 @@
+--- !ruby/object:Gem::Specification
+name: my-compass-framework
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Micah Godbolt
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-12-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.12'
+description: A sample gem to demo Compass frameworks
+email: micahgodbolt@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/my-compass-framework.rb
+- stylesheets/_company-tools.scss
+- stylesheets/company-tools/_company-colors.scss
+- stylesheets/company-tools/_company-functions.scss
+- stylesheets/company-tools/_company-mixins.scss
+- templates/project/base/html/_font-face.scss
+- templates/project/base/html/_html.scss
+- templates/project/base/html/_typography.scss
+- templates/project/base/page/_page.scss
+- templates/project/base/vendor/_normalize.scss
+- templates/project/global/_functions.scss
+- templates/project/global/_variables.scss
+- templates/project/global/extends/_copy-extends.scss
+- templates/project/global/extends/_decorative-extends.scss
+- templates/project/global/extends/_title-extends.scss
+- templates/project/global/mixins/_misc-mixins.scss
+- templates/project/index.html
+- templates/project/layout/_page-layout.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+homepage: http://www.github.com/micahgodbolt/
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.11
+signing_key: 
+specification_version: 4
+summary: A sample gem
+test_files: []