flexy-gem 1.0

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MjViYTFjOWExMGI1NmVjYTk4ZGJjNjI0MDFlYTY0MzQ5ZTM3NmVjMw==
+  data.tar.gz: !binary |-
+    Zjk2OGZkNjhmZGY3NzkwNzNlN2RkYzQyY2I3MjJlNmQwN2M0OWY5Mg==
+SHA512:
+  metadata.gz: !binary |-
+    YTk1NWI2MGE0NTk1MmY2M2FjNDBhMjI2YTdjNjUzNGZhZTY3OTM1ZjlkYjI4
+    MDZkODkzMTZkMTg2ZmRmNTAzOTNlYmM0YzA1YWQ5ZGFmMjI3NzE5NTAzOTc1
+    MDYzMGIyYzdlODhkN2IxNzdlZjA1YTFjZDRkYWZhYjFlZDJiYWU=
+  data.tar.gz: !binary |-
+    YjU1YWM0MWNkMjg1ZTliOTM1YWQ0ZmZkNmZmZjRlMmY5NDk4OTlmYmJlMjk4
+    ZDE2MzRiMTg3NzAxZWQwN2EyNTIzNWU5MzdmZGNlNjgwZTNlM2I5MjRmMDhi
+    MjBjYzljMmU0NGVjM2EzZmE3MTk5ZDYwOWI4NTY0YWU3NTQ2MDk=

data/README.md

@@ -0,0 +1,4 @@
+A simple Flexbox extension
+==========================
+
+Open [_flexy-demo.scss](https://github.com/richardhuf84/Flexy) for examples of how to use Flexy.

data/lib/flexy-gem.rb

@@ -0,0 +1,30 @@
+# All gems that are required for this extension to work should go here.
+# These are the requires you would normally put in your config.rb file
+# By default, you should always included Compass. Do not include your
+#  extension.
+require 'compass'
+
+# This tells Compass what your Compass extension is called, and where to find
+#  its files
+# Replace 'extension' with the name of your extension. Spaces allowed.
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('flexy-gem', :path => extension_path)
+
+# Version and date of version for your Compass extension.
+# Replace Extension with the name of your extension
+#  Letters, numbers, and underscores only
+#  Version is a number. If a version contains alphas, it will be created as
+#    a prerelease version
+#  Date is in the form of YYYY-MM-DD
+module Flexygem
+  VERSION = "1.0"
+  DATE = "2015-02-09"
+end
+
+# This is where any custom SassScript should be placed. The functions will be  
+#  available on require of your extension without the need for users to import
+#  any partials. Uncomment below.
+
+# module Sass::Script::Functions
+# 
+# end

data/stylesheets/_flexy-gem.scss

@@ -0,0 +1,40 @@
+@import "compass/css3/shared";
+
+$flexy-support: not -moz, -webkit, not -o, not -ms, official !default;
+
+@mixin flexy(
+	$el: li,
+	$direction: null,
+	$align: null,
+	$justify: null,
+	$flex: null) {
+
+	// Establish the flex formatting context
+	@include experimental-value(display, flex, $flexy-support...);
+
+	// Set a flex-direction
+	@include experimental(flex-direction, $direction, $flexy-support...);
+
+	// Align flex items
+	@include experimental(align-items, $align, $flexy-support...);
+
+	// Define the flex container alignment and distribution of space
+	@include experimental(justify-content, $justify, $flexy-support...);
+
+	// Target flex items and define a flex value
+	& > #{$el} {
+		@include experimental(flex, $flex, $flexy-support...);
+	}
+}
+
+@mixin flexy-grow($item, $amt) {
+	// Define the flex grow factor of a flex item
+	& > :nth-child(#{$item}) {
+		@include experimental(flex-grow, $amt, $flexy-support...);
+	}
+}
+
+@mixin flexy-order($order) {
+	// Set the layout of a flex item
+	@include experimental(order, $order, $flexy-support...);
+}

data/templates/project/_flexy-demo.scss

@@ -0,0 +1,59 @@
+// Import Flexy and you're ready to go!
+
+@import "flexy-gem";
+
+///////////////////////////////
+// Flexy Variables ///////////
+/////////////////////////////
+
+	// Config variable for setting flexbox support
+		$flexy-support: not -moz, -webkit, not -o, not -ms, official;
+
+//////////////////////////////
+// Flexy Mixins /////////////
+////////////////////////////
+
+	// Establish flexbox layout with default all values
+		@include flexy;
+
+	// Optional Arguments
+		@include flexy($el, $direction, $align, $justify, $flex);
+
+	 	// $el         - Defines the element or class to target as flex items
+		// $direction  - Set the flex-direction
+		// $align      - Align flex items
+		// $justify    - Set the flex container alignment
+		// $flex       - Set the flex value for flex items
+
+  // Variable Defaults
+
+  	// $el: li       
+		// $direction: row
+		// $align: stretch
+		// $justify: flex-start
+		// $flex: 0 1 auto
+
+	// Target a specific flex item and apply a flex-grow
+	@include flexy-grow($item, $amt);
+
+	// Change the order of flex items
+	@include flexy-order($order);
+
+//////////////////////////////
+// Examples /////////////////
+////////////////////////////
+
+.main-nav {
+	@include flexy($align: center, $flex: 1);
+	@include flexy-grow(2, 3);
+}
+.content-row {
+	@include flexy(".col", $flex: 1);
+	@include flexy-grow(1, 2);
+	.secondary-content {
+		@include flexy-order(3);
+	}
+	.extra-content {
+		@include flexy-order(2);
+	}
+}

data/templates/project/manifest.rb

@@ -0,0 +1,22 @@
+# Description
+description "A simple Flexbox Compass extension";
+
+# Stylesheet Import
+file '_flexy-demo.scss', :like => :stylesheet, :media => 'screen, projection'
+
+# Javascript Import
+# file 'scripts.js', :like => :javascript, :to => 'scripts.js'
+
+# General File Import
+# file 'README.md', :to => "README.md"
+
+# Compass Extension Help
+help %Q{
+  Open flexy-demo.scss for help and examples.
+}
+
+# Compass Extension Welcome Message
+#  Users will see this when they create a new project using this template.
+welcome_message %Q{
+  You have successfully installed the Flexy demo! Open _flexy-demo.scss for examples.
+}

metadata

@@ -0,0 +1,77 @@
+--- !ruby/object:Gem::Specification
+name: flexy-gem
+version: !ruby/object:Gem::Version
+  version: '1.0'
+platform: ruby
+authors:
+- Richard Huf
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !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: A simple Flexbox Compass extension.
+email:
+- richardhuf84@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- CHANGELOG.md
+- README.md
+- lib/flexy-gem.rb
+- stylesheets/_flexy-gem.scss
+- templates/project/_flexy-demo.scss
+- templates/project/manifest.rb
+homepage: https://github.com/richardhuf84/Flexy
+licenses: []
+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: 1.3.6
+requirements: []
+rubyforge_project: flexy-gem
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Using Flexbox has never been easier!
+test_files: []