staple 0.4.3 → 0.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1994fd847f97d5f64e5fb8f630d47272d634df18
-  data.tar.gz: b65b6d78219985e2156a2b574334bae0914f79f9
+  metadata.gz: 53a69af5323ce35cecb784339c0baf0ece6e637d
+  data.tar.gz: ef47841273a14628524ca6b9dbc8ef9e43c57e3d
 SHA512:
-  metadata.gz: d12a8f806ed2af885a58c934214d62d5f2a7fe14a49c026a3239da50a6d327264edf35fc4dae871664ed1f56b5f544e0115bdd0b3251656b52fc8b77c336bf49
-  data.tar.gz: 1a5d41d32231d0ea221b2182b93eba07a3b940bb89a520e72bc561510dcb66abce08ce1a64cae3f5346f9a795892de947b3d4aa403d46bc3d220014ed8e20da9
+  metadata.gz: 065d5d4043650d281f3c40e68242dd4b8344c90473b82aa5c9f1e8e3207794041e6cbcf3515372ec2ab820ed2fc2e27ed4103630371401b0fff68bfa3ade17df
+  data.tar.gz: b0e202226e063b06a0104804f1182836b1a14a39d59fd87810cd9bd9c53de03dc216a94218bc34ae7147786f6da5569fccc96658187db5622fd0a826ec229b0c

data/README.md

@@ -8,8 +8,9 @@ a modular ui framework for rails built on top of foundation and sass.
 * keep it simple
 
 ##todo
-* integrate images and navs, etc? (as elements?)
+* integrate navs, etc? (as elements?)
 * import web components
+* define custom themes and patterns per project
 
 ##lower priority todo
 * don't require other gems

data/lib/staple/images_generator.rb

@@ -0,0 +1,84 @@
+require 'rails/generators'
+
+module Staple
+  class ImagesGenerator < Rails::Generators::Base
+    desc 'pending'
+    source_root File.join(File.dirname(__FILE__), '..', '..')
+    argument :actions, :type => :array, :default => []
+
+    def delegate
+        case "#{action}"
+        when "import"
+            import
+        when "remove"
+            remove
+        when "append"
+            append
+        when "amputate"
+            amputate
+        else
+            puts "unknown command"
+        end
+    end
+
+    private
+
+    #ACTIONS
+
+    def import
+        puts "#{component} import #{pattern}"
+        #remove if there
+        gsub_file "app/assets/stylesheets/staple/#{component}.scss", "\n\t#{contents}", "" if contents
+        gsub_file "app/assets/stylesheets/staple/#{component}.scss", "//&*default", "\n\t#{contents}//&*default" if contents
+        gsub_file "app/assets/stylesheets/staple/#{component}.scss", "//&*hover", "\n\t#{hover}//&*hover" if hover
+        gsub_file "app/assets/stylesheets/staple/builders/build_#{component}.scss", "//&*bg", "\n\t\t#{bg}//&*bg" if bg
+    end
+
+    def remove
+        puts "#{component} remove #{pattern}"
+        gsub_file "app/assets/stylesheets/staple/#{component}.scss", "\n\t#{contents}", "" if contents
+        gsub_file "app/assets/stylesheets/staple/#{component}.scss", "\n\t#{hover}", "" if hover
+        gsub_file "app/assets/stylesheets/staple/builders/build_#{component}.scss", "\n\t\t#{bg}", "" if bg
+    end
+
+    #HELPER METHODS
+
+    def contents
+        file = File.join(self.class.source_root, 'source', 'styles', "#{component}", "#{pattern.dasherize}.scss")
+        get_file(file)
+    end
+
+    def hover
+        file = File.join(self.class.source_root, 'source', 'styles', "#{component}", "#{pattern.dasherize}-hover.scss")
+        get_file(file)
+    end
+
+    def bg
+        file = File.join(self.class.source_root, 'source', 'styles', "#{component}", "#{pattern.dasherize}-bg.scss")
+        get_file(file)
+    end
+
+    def get_file(file)
+        if File.file?(file)
+            return File.read(file)
+        else
+            return false
+        end
+    end
+
+    #DEFINE
+
+    def action
+        actions[0]
+    end
+
+    def pattern
+        actions[1]
+    end
+
+    def component
+        "images"
+    end
+
+  end
+end

data/lib/staple/reset_generator.rb

@@ -7,10 +7,12 @@ module Staple
     argument :actions, :type => :array, :default => []
 
     def reset
-        components = %w(buttons colors forms tables typography sizes)
-        components.each do |c|
-            copy_file "source/styles/staple/#{c}.scss", "app/assets/stylesheets/staple/#{c}.scss", :force => true
-            copy_file "source/styles/staple/builders/build_#{c}.scss", "app/assets/stylesheets/staple/builders/build_#{c}.scss", :force => true
+        components = %w(buttons colors forms tables typography sizes images)
+        if yes? "All css changes will be overwritten. Continue? (Y/N)"
+            components.each do |c|
+                copy_file "source/styles/staple/#{c}.scss", "app/assets/stylesheets/staple/#{c}.scss", :force => true
+                copy_file "source/styles/staple/builders/build_#{c}.scss", "app/assets/stylesheets/staple/builders/build_#{c}.scss", :force => true
+            end
         end
     end
 

data/lib/staple/theme_generator.rb

@@ -9,7 +9,7 @@ module Staple
     def call_generators
         if global?
             #call self with each
-            components = %w(buttons colors forms tables typography)
+            components = %w(buttons colors forms tables typography images)
             components.each do |c|
                 generate "staple:theme", "#{c}", "#{theme}"
             end

data/lib/staple.rb

@@ -3,6 +3,7 @@ require 'staple/forms_generator'
 require 'staple/colors_generator'
 require 'staple/typography_generator'
 require 'staple/tables_generator'
+require 'staple/images_generator'
 require 'staple/theme_generator'
 require 'staple/install_generator'
 require 'staple/reset_generator'

data/source/styles/buttons/themes/kmc.theme

@@ -0,0 +1,5 @@
+gradient
+shiny
+text-shadow
+shadow
+radius

data/source/styles/images/blur.scss

@@ -0,0 +1 @@
+-webkit-filter: blur(5px);

data/source/styles/images/blurhover-hover.scss

@@ -0,0 +1 @@
+-webkit-filter: blur(5px);

data/source/styles/images/bw.scss

@@ -0,0 +1 @@
+-webkit-filter: grayscale(100%);

data/source/styles/images/bwhover-hover.scss

@@ -0,0 +1 @@
+-webkit-filter: grayscale(100%);

data/source/styles/images/gradient-bg.scss

@@ -0,0 +1,6 @@
+background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 59%, rgba(0,0,0,0.65) 100%), url("#{$image}") no-repeat center center;
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))), url("#{$image}") no-repeat center center;
+background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%), url("#{$image}") no-repeat center center;
+background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%), url("#{$image}") no-repeat center center;
+background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%), url("#{$image}") no-repeat center center;
+background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.65) 100%), url("#{$image}") no-repeat center center;

data/source/styles/images/material-round.scss

@@ -0,0 +1 @@
+border-radius: 2px;

data/source/styles/images/padding.scss

@@ -0,0 +1 @@
+padding: 2em;

data/source/styles/images/photograph.scss

@@ -0,0 +1 @@
+border: 10px solid $white;

data/source/styles/images/radius.scss

@@ -0,0 +1 @@
+border-radius: $global-radius;

data/source/styles/images/round.scss

@@ -0,0 +1 @@
+border-radius: $global-rounded;

data/source/styles/images/shadow.scss

@@ -0,0 +1,3 @@
+-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
+-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
+box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);

data/source/styles/images/smooth-transition.scss

@@ -0,0 +1,5 @@
+-webkit-transition: all 0.4s ease;
+-moz-transition: all 0.4s ease;
+-o-transition: all 0.4s ease;
+-ms-transition: all 0.4s ease;
+transition: all 0.4s ease;

data/source/styles/images/tilthover-hover.scss

@@ -0,0 +1,4 @@
+-moz-transform: rotate(-10deg);
+-o-transform: rotate(-10deg);
+-ms-transform: rotate(-10deg);
+transform: rotate(-10deg);

data/source/styles/images/trendy-bg.scss

@@ -0,0 +1,6 @@
+background: -moz-linear-gradient(-45deg, rgba(163,45,226,0.66) 0%, rgba(14,209,179,0.53) 100%), url("#{$image}") no-repeat center center; /* FF3.6+ */
+background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(163,45,226,0.66)), color-stop(100%,rgba(14,209,179,0.53))), url("#{$image}") no-repeat center center; /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(-45deg, rgba(163,45,226,0.66) 0%,rgba(14,209,179,0.53) 100%), url("#{$image}") no-repeat center center; /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(-45deg, rgba(163,45,226,0.66) 0%,rgba(14,209,179,0.53) 100%), url("#{$image}") no-repeat center center; /* Opera 11.10+ */
+background: -ms-linear-gradient(-45deg, rgba(163,45,226,0.66) 0%,rgba(14,209,179,0.53) 100%), url("#{$image}") no-repeat center center; /* IE10+ */
+background: linear-gradient(135deg, rgba(163,45,226,0.66) 0%,rgba(14,209,179,0.53) 100%), url("#{$image}") no-repeat center center; /* W3C */

data/source/styles/staple/builders/build_images.scss

@@ -0,0 +1,11 @@
+@each $class in $background-image-classes {
+	$i: index($background-image-classes, $class);
+	$image: nth($background-image-define, $i);
+
+	.#{$class}{
+		background: url("#{$image}") no-repeat;//&*bg
+		background-size: cover;
+    background-attachment:fixed;
+    background-position:center bottom;
+	}
+}

data/source/styles/staple/buttons.scss

@@ -5,6 +5,7 @@
 	font-weight: 200;
  	letter-spacing: 1px;
  	margin-right: 5px;
+  outline: none;
  	transition: background-color 150ms ease-out;//&*default
 }
 .button:hover{

data/source/styles/staple/custom.scss

@@ -0,0 +1 @@
+//define custom styles here

data/source/styles/staple/images.scss

@@ -0,0 +1,11 @@
+//DEFAULT
+img{//&*default
+}
+img:hover{//&*hover
+}//&*append
+
+//BACKGROUND IMAGE CLASSES TO GENERATE
+$background-image-classes: coffee 		windmill;
+$background-image-define:  'coffee.jpg' 'windmill.jpg';
+
+@import 'builders/build_images'

data/source/styles/staple/init/after.scss

@@ -4,4 +4,6 @@
 @import '../buttons';
 @import '../forms';
 @import '../tables';
+@import '../images';
+@import '../custom';
 //BUILD IT

data/source/styles/typography/pt-sans-import.scss

@@ -0,0 +1 @@
+@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);

data/source/styles/typography/pt-sans.typeface

@@ -0,0 +1 @@
+"PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif

data/source/styles/typography/themes/kmc.theme

@@ -0,0 +1,2 @@
+typeface-primary:open-sans
+typeface-secondary:pt-sans

data/staple.gemspec

@@ -4,7 +4,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 
 Gem::Specification.new do |spec|
   spec.name          = "staple"
-  spec.version       = "0.4.3"
+  spec.version       = "0.4.4"
   spec.summary       = "Modular UI framework for rails built on top of foundation and sass"
   spec.description   = "a modular ui framework for rails built on top of foundation and sass."
   spec.authors       = ["Ryan Helsing"]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: staple
 version: !ruby/object:Gem::Version
-  version: 0.4.3
+  version: 0.4.4
 platform: ruby
 authors:
 - Ryan Helsing
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-11-21 00:00:00.000000000 Z
+date: 2014-12-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foundation-rails
@@ -82,6 +82,7 @@ files:
 - lib/staple/buttons_generator.rb
 - lib/staple/colors_generator.rb
 - lib/staple/forms_generator.rb
+- lib/staple/images_generator.rb
 - lib/staple/install_generator.rb
 - lib/staple/reset_generator.rb
 - lib/staple/tables_generator.rb
@@ -100,6 +101,7 @@ files:
 - source/styles/buttons/shiny.scss
 - source/styles/buttons/text-shadow-inner.scss
 - source/styles/buttons/text-shadow.scss
+- source/styles/buttons/themes/kmc.theme
 - source/styles/buttons/themes/plastic.theme
 - source/styles/buttons/transparent.scss
 - source/styles/colors/blue.color
@@ -127,16 +129,33 @@ files:
 - source/styles/forms/tight.scss
 - source/styles/forms/transparent-error.scss
 - source/styles/foundation_and_overrides.scss
+- source/styles/images/blur.scss
+- source/styles/images/blurhover-hover.scss
+- source/styles/images/bw.scss
+- source/styles/images/bwhover-hover.scss
+- source/styles/images/gradient-bg.scss
+- source/styles/images/material-round.scss
+- source/styles/images/padding.scss
+- source/styles/images/photograph.scss
+- source/styles/images/radius.scss
+- source/styles/images/round.scss
+- source/styles/images/shadow.scss
+- source/styles/images/smooth-transition.scss
+- source/styles/images/tilthover-hover.scss
+- source/styles/images/trendy-bg.scss
 - source/styles/staple/builders/build_buttons.scss
 - source/styles/staple/builders/build_colors.scss
 - source/styles/staple/builders/build_forms.scss
+- source/styles/staple/builders/build_images.scss
 - source/styles/staple/builders/build_sizes.scss
 - source/styles/staple/builders/build_tables.scss
 - source/styles/staple/builders/build_typography.scss
 - source/styles/staple/buttons.scss
 - source/styles/staple/colors.scss
+- source/styles/staple/custom.scss
 - source/styles/staple/forms.scss
 - source/styles/staple/helpers/color_functions.scss
+- source/styles/staple/images.scss
 - source/styles/staple/init/after.scss
 - source/styles/staple/init/before.scss
 - source/styles/staple/init/overrides.scss
@@ -165,12 +184,15 @@ files:
 - source/styles/typography/oxygen.typeface
 - source/styles/typography/pacifico-import.scss
 - source/styles/typography/pacifico.typeface
+- source/styles/typography/pt-sans-import.scss
+- source/styles/typography/pt-sans.typeface
 - source/styles/typography/roboto-import.scss
 - source/styles/typography/roboto-slab-import.scss
 - source/styles/typography/roboto-slab.typeface
 - source/styles/typography/roboto.typeface
 - source/styles/typography/themes/default.theme
 - source/styles/typography/themes/flatland.theme
+- source/styles/typography/themes/kmc.theme
 - source/styles/typography/themes/peace.theme
 - source/styles/typography/themes/plastic.theme
 - staple.gemspec