framed-scss 0.0.1

data/README.md

@@ -0,0 +1,2 @@
+framed-scss
+===========

data/lib/framed-scss.rb

@@ -0,0 +1,2 @@
+require 'compass'
+Compass::Frameworks.register("framed-scss", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_framed-scss.scss

@@ -0,0 +1 @@
+@import "framed-scss/structure";

data/stylesheets/framed-scss/_structure.scss

@@ -0,0 +1,99 @@
+@import "compass/utilities/general/clearfix";
+
+
+// Basics
+body {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: none;
+  margin: 0;
+  min-height: 100%;
+}
+
+div[data-role="page"] {
+  margin: 0;
+  max-width: 960px;
+  overflow: hidden;
+  @media screen and (min-width: 960px) {
+    margin: 0 auto;
+  }
+}
+
+img {
+  display: block;
+  width: 100%;
+}
+
+
+// Layout Foundations
+.row {
+  @include pie-clearfix;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+.column {
+  display: inline-block;
+  float: left;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
+
+.x100 { width: 100%; }
+.x75  { width: 75%; }
+.x66  { width: 66.667%; }
+.x50  { width: 50%; }
+.x33  { width: 33.333%; }
+.x25  { width: 25%; }
+.x20  { width: 20%; }
+
+.element                      { margin: 0 4px 0 0; }
+.column:first-child .element  { margin-left: 4px; }
+.column:last-child .element   { margin-right: 4px; }
+
+// Responsive Mutations
+.row.collapse .column { float: none; width: 100%; }
+@media screen and (max-width:1024px) {
+  .row.collapse-1024 > .column { float: none; width: 100%; }
+  .show-over-1024  { display: none; }
+}
+@media screen and (max-width:768px) {
+  .row.collapse-768 > .column { float: none; width: 100%; }
+  .show-over-768  { display: none; }
+}
+@media screen and (max-width:600px) {
+  .row.collapse-600 > .column { float: none; width: 100%; }
+  .show-over-600 { display: none; }
+}
+@media screen and (max-width:480px) {
+  .row.collapse-480 > .column { float: none; width: 100%; }
+  .show-over-480 { display: none; }
+}
+
+@media screen and (min-width:1025px) {
+  .show-under-1024 { display: none; }
+}
+@media screen and (min-width:769px) {
+  .show-under-768 { display: none; }
+}
+@media screen and (min-width:601px) {
+  .show-under-600 { display: none; }
+}
+@media screen and (min-width:481px) {
+  .show-under-480 { display: none; }
+}
+
+// Media Blocks
+.media { margin-bottom: 0; overflow:hidden; *overflow:visible; zoom:1; }
+.media, .bd { overflow:hidden; _overflow:visible; zoom:1; }
+.media .img { float:left; margin-right: 8px; }
+.media .img img { display:block; }
+.media .imgExt { float:right; margin-left: 8px; }
+
+
+/* Useless illustrative styles. */
+.row { background: transparentize(#008f58,0.9) #008f58; }
+.column { background: transparentize(#00558e,0.9); }
+.element { background: transparentize(#541e8d,0.9); }
+.element > p:only-child { text-align: center; }

data/templates/project/_framed-scss.scss

@@ -0,0 +1,4 @@
+// This is where you put the contents of the main stylesheet for the user's project.
+// It should import your sass stylesheets and demonstrate how to use them.
+
+@import

data/templates/project/manifest.rb

@@ -0,0 +1,15 @@
+
+
+# Make sure you list all the project template files here in the manifest.
+stylesheet '_framed-scss.scss', :media => 'screen, projection'
+# html 'framed.html'
+
+description "structural foundations."
+
+help %Q{
+Framed, SCSS version.
+}
+
+welcome_message %Q{
+Framed, SCSS version.
+}

metadata

@@ -0,0 +1,66 @@
+--- !ruby/object:Gem::Specification
+name: framed-scss
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Darcy Murphy
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-08-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.12'
+description: framings for a responsive web design
+email: darcy.murphy@me.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/framed-scss.rb
+- stylesheets/_framed-scss.scss
+- stylesheets/framed-scss/_structure.scss
+- templates/project/_framed-scss.scss
+- templates/project/manifest.rb
+homepage: http://www.mrdarcymurphy.com/
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: framings for a responsive web design
+test_files: []