toppings-susy 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7c57673a9512eaa5f84f03b3c948484abcf2e3f2
-  data.tar.gz: 5f52c544fa53997e53253950fbf1dff3fff61139
+  metadata.gz: 82c6361772f07515fe4e9ad051cb9269cd4bc555
+  data.tar.gz: 752f82909bb884127b25361e2bc6c09372ddbccd
 SHA512:
-  metadata.gz: 8066410377b3bbc22b05ea1ef50be24bedafb5aba2a965eb0552b677832e82a7a5a57258c2e8f3dc6139b494a21e4e9aa365361a05bf577f3b0c2e64f534026e
-  data.tar.gz: d236b28c02f3eef9bef86fa18a96721b5e2a8c90b7576818d9c8c6c183f01c202881144546e4e1911fae68dd0ffed2263451751d9e60b91df0034a427091a516
+  metadata.gz: f9321ceb5bd3b82b422525cf3c98fc4620f30f4baae27ec4cdebf7f07b1ba66d2b3b8502c398883dbea93202a18c9827da90bd7f372078d9559d8fc4ab5980f0
+  data.tar.gz: a48d63f4bb417f7a47095ed74b5eb163902232aab41c06457d6460d72d890de490d76776576bd557adf5ce3fe284c5d3b064c412d35ece48a8f2f7230bbda730

data/lib/toppings/susy/templates/_susy.responsive_grid.sass

@@ -0,0 +1,74 @@
+/* We live in a strong opinion that you should use a semantic layout
+ * grid framework for your layout base. Beside other frameworks out there
+ * the susy grid framework (http://susy.oddbird.net) seems to do the job
+ * as we expect it.
+ *
+ * We provide a minimal setup here which keeps a mobile first responsiveness
+ * in mind (http://www.abookapart.com/products/mobile-first).
+ *
+ * This configuration setup is taken directly from susys magic grid demo,
+ * which provides a nice dive-in into responsive designs.
+ *
+ * http://susy.oddbird.net/demos/magic
+ */
+
+@import 'susy'
+
+// for magic grids the combination of columns, column width and gutter width
+// determines the max container width here.
+// number of columns available for content
+$total-columns: 7
+
+// each column is 4em wide
+$column-width: 4em
+
+// 1em gutters between columns
+$gutter-width: 1em
+
+// grid-padding equal to gutters
+$grid-padding: $gutter-width
+
+// break-point specifies the screen size we want to apply different styles
+$break-point: 12
+
+// break-point-em is the result of our break point combined with the
+// other configurations
+$break-point-em: $break-point * ($column-width + $gutter-width) - $gutter-width
+
+// the mobile view layout comes in handy if we want to apply styles especially
+// for our mobile view, which we don't want to reset in other layouts.
+// Please be aware, that this should be used wisely and rarely, because
+// this styles will also not be available in case a browser does not support
+// media queries.
+$mobile-layout: 0em $total-columns $break-point-em
+
+// providing a better named short cut to the break-point
+$screen-layout: $break-point
+
+// as from here you just have to define your content container elements.
+// Lets assume as in the magic grid example, we have a full-width header and
+// footer and a responsive content container with class (obviously :)) "l-content"
+//
+//.l-content
+//  +container($total-columns, $break-point)
+// We will provide a few examples in the following about how to get started to use
+// the grid we have set up here, but please feel encouraged to take a closer look
+// into the susy framework documentation, to get a better feeling for susy.
+// After we have enabled the grid setup we are able to adjust our components
+// easily to fit into our content columns.
+//
+// .robot-picture
+//   +span-columns(3, 7)
+//
+// .figcaptions
+//   +span-columns(4 omega, 7)
+// Specialties can be applied to components by bringing in the
+// at-breakpoint mixin, which provides an appropriate media-query for
+// the changes.
+//
+// +at-breakpoint($large-screen-layout)
+//   .robot-picture
+//     +span-columns(4, 12)
+//
+//   .figcaptions
+//     +span-columns(8 omega, 12)

data/lib/toppings/susy/version.rb

@@ -1,5 +1,5 @@
 module Toppings
   module Susy
-    VERSION = "0.0.1"
+    VERSION = "0.0.2"
   end
 end

data/toppings-susy.gemspec

@@ -14,10 +14,10 @@ Gem::Specification.new do |spec|
   spec.license     = "MIT"
 
   spec.files         = %w(LICENSE.txt README.md toppings-susy.gemspec)
-  spec.files         += Dir.glob("bin/**/*")
-  spec.files         += Dir.glob("lib/**/*.rb")
-  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
-  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.files         += Dir.glob("lib/**/*")
+
+  spec.executables   = []
+  spec.test_files    = []
   spec.require_paths = ["lib"]
 
   spec.add_development_dependency "bundler", "~> 1.3"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: toppings-susy
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Falk Hoppe
@@ -76,6 +76,7 @@ files:
 - LICENSE.txt
 - README.md
 - toppings-susy.gemspec
+- lib/toppings/susy/templates/_susy.responsive_grid.sass
 - lib/toppings/susy/version.rb
 - lib/toppings/susy.rb
 homepage: ''