flexlayout-rails 0.1.3 → 0.1.4

data/README.md

@@ -113,6 +113,8 @@ The following stylesheets with CSS helper classes are included.
 * `flexlayout.css`
 * `flex-box-helpers.css`
 
+Also SCSS mixins at `flex-layout.scss`
+
 Better yet to use [Compass box mixins](http://compass-style.org/examples/compass/css3/box/) 
 
 ```scss

data/VERSION

@@ -1 +1 @@
-0.1.3
+0.1.4

data/flexlayout-rails.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = "flexlayout-rails"
-  s.version = "0.1.3"
+  s.version = "0.1.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Kristian Mandrup"]
-  s.date = "2012-08-31"
+  s.date = "2012-09-03"
   s.description = "Use CSS Flex, Regions, Multi-column and Template layout models in your Rails apps"
   s.email = "kmandrup@gmail.com"
   s.extra_rdoc_files = [
@@ -56,6 +56,7 @@ Gem::Specification.new do |s|
     "vendor/assets/javascripts/template_layout/templateLayout.generator.js",
     "vendor/assets/javascripts/template_layout/templateLayout.js",
     "vendor/assets/stylesheets/flex-box-helpers.css",
+    "vendor/assets/stylesheets/flex-layout.scss",
     "vendor/assets/stylesheets/flexlayout.css",
     "vendor/assets/stylesheets/multi-column.css"
   ]

data/vendor/assets/stylesheets/flex-layout.scss

@@ -0,0 +1,94 @@
+/* From: http://infrequently.org/2009/08/css-3-progress/
+
+hbox and vbox classes */
+ 
+@mixin hbox() {
+  @include display-box;
+  @include box-orient(horizontal);
+  @include box-align(stretch); 
+}
+
+.hbox {
+  @include hbox();
+
+  > * {
+    @include hbox-item();
+  }
+}
+ 
+@mixin hbox-item() {
+  @include box-flex(0);
+  display: block;
+}
+
+ 
+@mixin vbox() {
+  @include display-box;
+  @include box-orient(vertical);
+  @include box-align(stretch);  
+}
+
+.vbox {
+  @include vbox();
+
+  > * {
+    @include vbox-item();
+  }
+}
+ 
+@mixin vbox-item {
+  @include box-flex(0);
+  display: block;
+}
+  
+@mixin flex-reverse() {
+  @include box-direction(reverse);
+}
+
+.flex-reverse {
+  @include flex-reverse()
+}
+
+@mixin flex-box($size: 1) {
+  @include box-flex($size);
+}
+ 
+@mixin flex-spacer($size: 1)
+  @include flex-box($size);
+}
+
+@for $i in 1 through 12 {
+  .flex-spacer#{$i} {
+    @include flex-spacer(#{$i});
+  }
+
+  .flex-box#{$i} {
+    @include flex-box(#{$i});
+  }
+}
+   
+@mixin flex-group($size) {
+  @include box-flex-group($size);
+}
+
+@for $i in 1 through 3 {
+  .flex-group#{$i} {
+    @include flex-group(#{$i});
+  }
+}
+
+@mixin flex-pack($pack) {
+  @include box-pack($pack);
+}
+  
+@mixin flex-start() {
+  @include box-pack(start);
+}
+ 
+@mixin flex-end() {
+  @include box-pack(end);
+}
+ 
+@mixin flex-center() {
+  @include box-pack(center);
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: flexlayout-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-08-31 00:00:00.000000000 Z
+date: 2012-09-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -155,6 +155,7 @@ files:
 - vendor/assets/javascripts/template_layout/templateLayout.generator.js
 - vendor/assets/javascripts/template_layout/templateLayout.js
 - vendor/assets/stylesheets/flex-box-helpers.css
+- vendor/assets/stylesheets/flex-layout.scss
 - vendor/assets/stylesheets/flexlayout.css
 - vendor/assets/stylesheets/multi-column.css
 homepage: http://github.com/kristianmandrup/flexlayout-rails
@@ -172,7 +173,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2728143054712158305
+      hash: 2360954479671718475
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: