magic_stylez 0.0.0.52 → 0.0.0.53

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 886d1cf261d7cded6591f3f83ba02fece0b5a6e4
-  data.tar.gz: e1a6c26ecb8f8bd92e577d5e43370a8a690e7ff0
+  metadata.gz: cbd4700f4c485073660935c732434aba5c54375e
+  data.tar.gz: 37da605d34de87305c9f2a40cb5e37b14410ab88
 SHA512:
-  metadata.gz: 66ef874723d861512a342963f826f8c0c24a254af2c187ac0fbf026ad1bf0f12578ef120799355908879b3f109e6c9fb9a7d9a350b3d6b2aea1fba8a9d2bd2ec
-  data.tar.gz: ffb0cb9110d348295e7dcbe0565260a696b4d148aaef684ed16e47fff12344a195a0384fbdeaf6c7ec468ee8dcbaf9dec5f10d7f860d3c8427cc66cff8126bd0
+  metadata.gz: be3b9dc36bf1bb11288008f0534f0e6d560241b2d690e125df0d73870242e71fdc14f00916046f3e2657c0c34cd85e97d1bef17d634a48c2813c38368f588115
+  data.tar.gz: aec06fe08a39bc82942c0ca0fe8ed45520a86e45dc63c751f1d51a30dfb2e7807378bb2267576eaa18b65387de33a24ff27e520a97ceda5d15c96e132f6ecafe

data/README.md

@@ -34,6 +34,16 @@
   //= 'magic-min';    /* import basic */
 ```
 
+## NEW*
+
+- **magic-styles update generator**
+- in the process I often add new variables to the corporate files
+(*what causes "Missing variable!" when you update to new version*)
+- this generator adds all new variables without touching your settings
+```ruby
+$ rails g magic_stylez:update
+```
+
 
 
 ### Thanks

data/lib/generators/magic_stylez/install_generator.rb

@@ -17,39 +17,53 @@ module MagicStylez
       
       def copy_corporate
         puts("...")
-        empty_directory "app/assets/stylesheets/corporate"
-        %w(colors fonts typo variables).each do |that|
-          copy_file "vendor/assets/stylesheets/corporate/_#{that}.scss", "app/assets/stylesheets/corporate/_#{that}.scss"
+        if File.directory?("#{::Rails.root}/app/assets/stylesheets/corporate")
+          puts("...  C A U T I O N !!!")
+          puts("...")
+          puts("...  please use update generator (rails g magic_stylez:update) to keep your changes!")
+          puts("...")
+        else
+          empty_directory "app/assets/stylesheets/corporate"
+          Dir.glob("#{::MagicStylez::Rails::Engine.root}/vendor/assets/stylesheets/corporate/**/*").each do |fl|
+            file_name = File.basename( fl )
+            if file_name.match(/^_([a-z]*).scss$/)
+              puts("add file:   corporate/#{file_name.match(/^_([a-z]*).scss$/)[0]}")
+              copy_file "vendor/assets/stylesheets/corporate/#{file_name}", "app/assets/stylesheets/corporate/#{file_name}"
+            end
+          end
+          puts("...")
+          end_desc
         end
-        puts("...")
       end
       
-      def end_desc
-        puts("========================================================================================================")
-        puts("-    -    -    -    -    -    -    -    M  A G I C  S T Y L E Z     -    -    -    -    -    -    -    -")
-        puts("--------------------------------------------------------------------------------------------------------")
-        puts("  .   .   .   T O D O s:                                                                    .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .   -> add magic-styles to your app's stylesheets!                                .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .        sass:     @import 'magic-stylez'; // import all                          .   .   .   ")
-        puts("  .   .   .                  @import 'magic-min';    // import basic                        .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .        css:      //= 'magic-stylez';     // import all                          .   .   .   ")
-        puts("  .   .   .                  //= 'magic-min';        // import basic                        .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .   -> add magic-styles to your app's javascripts!                                .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .        //= 'magic-stylez';     // import all                                    .   .   .   ")
-        puts("  .   .   .        //= 'magic-min';        // import basic                                  .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .   -> check the documentation for possible stuff                                 .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("  .   .   .        http://berlinmagic.github.io/magic_stylez/                               .   .   .   ")
-        puts("  .   .   .                                                                                 .   .   .   ")
-        puts("========================================================================================================")
-      end
+      
+      private
+        
+        def end_desc
+          puts("========================================================================================================")
+          puts("-    -    -    -    -    -    -    -    M  A G I C  S T Y L E Z     -    -    -    -    -    -    -    -")
+          puts("--------------------------------------------------------------------------------------------------------")
+          puts("  .   .   .                               Version #{::MagicStylez::VERSION.to_s.ljust(10)}                                .   .   .   ")
+          puts("  .   .   .                    http://berlinmagic.github.io/magic_stylez/                   .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .   T O D O s:                                                                    .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .   -> add magic-styles to your app's stylesheets!                                .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .        sass:     @import 'magic-stylez'; // import all                          .   .   .   ")
+          puts("  .   .   .                  @import 'magic-min';    // import basic                        .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .        css:      //= 'magic-stylez';     // import all                          .   .   .   ")
+          puts("  .   .   .                  //= 'magic-min';        // import basic                        .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .   -> add magic-styles to your app's javascripts!                                .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("  .   .   .        //= 'magic-stylez';     // import all                                    .   .   .   ")
+          puts("  .   .   .        //= 'magic-min';        // import basic                                  .   .   .   ")
+          puts("  .   .   .                                                                                 .   .   .   ")
+          puts("========================================================================================================")
+        end
       
     end
   end

data/lib/generators/magic_stylez/update_generator.rb

@@ -0,0 +1,89 @@
+# encoding: utf-8
+module MagicStylez
+  module Generators
+    class UpdateGenerator < ::Rails::Generators::Base
+      include Thor::Actions
+      
+      desc "Creates a corporate folder to customize magic-stylez."
+      
+      source_root("#{::MagicStylez::Rails::Engine.root}/app/assets/stylesheets/corporate")
+      destination_root = "#{::Rails.root}/app/assets/stylesheets/corporate"
+      
+      def initial_desc
+        puts(' *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   * ')
+        puts(' -   -   -   -   -   -   -   -   -   -  M  A G I C  S T Y L E Z  -   -   -   -   -   -   -   -   -   - ')
+        puts(' *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   * ')
+      end
+      
+      def update_corporates
+        puts("...")
+        puts("... Updating Corporate-folder to version #{::MagicStylez::VERSION}")
+        puts("...")
+        if File.directory?("#{::Rails.root}/app/assets/stylesheets/corporate")
+          Dir.glob("#{::MagicStylez::Rails::Engine.root}/vendor/assets/stylesheets/corporate/**/*").each do |fl|
+            file_name = File.basename( fl )
+            if file_name.match(/^_([a-z]*).scss$/)
+              destination = "#{::Rails.root}/app/assets/stylesheets/corporate/#{file_name}"
+              short_name = file_name.match(/^_([a-z]*).scss$/)[0]
+              puts("check:  corporate/#{short_name}")
+              if File.exists?( destination )
+                diffrents = compare_style_file( file_name )
+                if diffrents.present?
+                  append_to_file destination, diffrents
+                  puts("> add new variables")
+                  puts("...")
+                end
+              else
+                copy_file file_name, file_name
+                puts("copied new file:  corporate/#{short_name}")
+              end
+            end
+          end
+        else
+          puts("E R R O R !!!")
+          puts("corporate folder doesn't exist!")
+          puts("please run the install generator first.")
+        end
+        puts("...")
+      end
+      
+      def end_desc
+        puts("========================================================================================================")
+        puts("-    -    -    -    -    -    -    -    M  A G I C  S T Y L E Z     -    -    -    -    -    -    -    -")
+        puts("--------------------------------------------------------------------------------------------------------")
+        puts("  .   .   .                               Version #{::MagicStylez::VERSION.to_s.ljust(10)}                                .   .   .   ")
+        puts("  .   .   .                    http://berlinmagic.github.io/magic_stylez/                   .   .   .   ")
+        puts("========================================================================================================")
+      end
+      
+      private
+        
+        def compare_style_file( this )
+          source = IO.readlines("#{::MagicStylez::Rails::Engine.root}/vendor/assets/stylesheets/corporate/#{this}").map(&:chomp)
+          target = IO.readlines("#{::Rails.root}/app/assets/stylesheets/corporate/#{this}").map(&:chomp)
+          # ---
+          diffrents = source - target
+          diffrents.reject! { |stl| stl.match(/^\$([a-zA-Z0-9\-]*):.*$/) && target.find_index{ |x| x.match(/\$#{stl.match(/^\$([a-zA-Z0-9\-]*):.*$/)[0]}:.*/) } }
+          diffrents = diffrents.map{ |d| "/* #{ (source.index(d) + 1).to_s.rjust(4) } */   #{d}" }
+          additional = ""
+          if diffrents.any?
+            additional = <<-STYLES
+
+
+
+// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
+// magic_styles v-#{::MagicStylez::VERSION} additional variables (#{Time.zone.now.strftime("%Y-%m-%d %H:%M")})
+// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
+// line  |   style
+#{ diffrents.join("\n") }
+// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
+
+
+            STYLES
+          end
+          additional
+        end
+      
+    end
+  end
+end

data/lib/magic_stylez/version.rb

@@ -1,3 +1,3 @@
 module MagicStylez
-  VERSION = "0.0.0.52"
+  VERSION = "0.0.0.53"
 end

data/test/dummy/app/assets/javascripts/views/content/buttons.jst.eco

@@ -188,7 +188,7 @@
       <% cstm_btns = ["one", "two", "three"] %>
       
       <% buttons = { default: dflt_btns, socials: scl_btns, brand: brnd_btns, custom: cstm_btns } %>
-      <div class="col-md-4">
+      <div class="col-md-3">
         <h4 class="center_text">Flat</h4>
         <% for key, value of buttons: %>
           <hr/>
@@ -200,7 +200,7 @@
           <% end %>
         <% end %>
       </div>
-      <div class="col-md-4">
+      <div class="col-md-3">
         <h4 class="center_text">Blank</h4>
         <% for key, value of buttons: %>
           <hr/>
@@ -213,7 +213,20 @@
         <% end %>
       </div>
       
-      <div class="col-md-4">
+      <div class="col-md-3">
+        <h4 class="center_text">Blur</h4>
+        <% for key, value of buttons: %>
+          <hr/>
+          <h5 class="center_text"><%= key %></h5>
+          <% for btn, i in value: %>
+            <div class="btn btn-<%= btn %> btn-blur btn-lg btn-block">
+              .btn-<%= btn %> + .btn-blur
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+      
+      <div class="col-md-3">
         <h4 class="center_text">Nice</h4>
         <% for key, value of buttons: %>
           <hr/>
@@ -229,6 +242,31 @@
   </div>
 </div>
 
+<div class="section">
+  <div class="corset">
+    <h2>Special Classes:</h2>
+    <% btns = ["btn-xs", "btn-sm", "", "btn-lg", "btn-xl"] %>
+    <h4>Round</h4>
+    <% for btn in btns: %>
+      <button class="btn btn-success btn-round <%= btn %>">
+        .btn-round + .<%= btn %>
+      </button>
+    <% end %>
+    <h4>Borderless</h4>
+    <% for btn in btns: %>
+      <button class="btn btn-success btn-borderless btn-blur <%= btn %>">
+        .btn-borderless + .<%= btn %>
+      </button>
+    <% end %>
+    <h4>Width</h4>
+    <% for btn in btns: %>
+      <button class="btn btn-primary btn-width <%= btn %>">
+        .btn-width + .<%= btn %>
+      </button>
+    <% end %>
+  </div>
+</div>
+
 <br/>
 <br/>
 <br/>

data/test/dummy/app/assets/javascripts/views/layout/section.jst.eco

@@ -39,6 +39,21 @@
     <h4>.brand</h4>
   </div>
 </div>
+<div class="section one">
+  <div class="corset">
+    <h4>.one</h4>
+  </div>
+</div>
+<div class="section two">
+  <div class="corset">
+    <h4>.two</h4>
+  </div>
+</div>
+<div class="section three">
+  <div class="corset">
+    <h4>.three</h4>
+  </div>
+</div>
 <div class="section blank">
   <div class="corset">
     <h4>.blank</h4>
@@ -46,6 +61,17 @@
 </div>
 
 
+<div class="section bright speech">
+  <div class="corset">
+    <h4>.bright + .speech</h4>
+  </div>
+</div>
+<div class="section brand speech">
+  <div class="corset">
+    <h4>.brand + .speech</h4>
+  </div>
+</div>
+
 
 
 <div class="section shine-top shine-bottom compact">

data/test/dummy/app/assets/stylesheets/corporate/_colors.scss

@@ -63,6 +63,10 @@ $blue-bg:               $blue-soft !default;
 $brand-bg:              $brand-color !default;
 $bright-bg:             $white !default;
 
+$brand-one-bg:          $brand-one !default;
+$brand-two-bg:          $brand-two !default;
+$brand-three-bg:        $brand-three !default;
+
 
 // -------------------------
 // Global Border color
@@ -304,4 +308,5 @@ $navbar-inverse-brand-hover-bg:             transparent !default;
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            #333 !default;
 $navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        #333 !default;
+$navbar-inverse-toggle-border-color:        #333 !default;
+

data/test/dummy/app/assets/stylesheets/corporate/_fonts.scss

@@ -157,5 +157,3 @@ $magicDefaultLineHight:   18px;
   line-height: $magicDefaultLineHight;
 } // ..
 
-
-

data/test/dummy/app/assets/stylesheets/corporate/_typo.scss

@@ -83,5 +83,3 @@ ul, ol, li, p, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 	&.brand { color: $brand-color; }
 }
 
-
-

data/test/dummy/app/assets/stylesheets/corporate/_variables.scss

@@ -82,6 +82,15 @@ $section-brand-input-bg:             $white !default;
 $section-soft-background:            $soft-bg !default;
 $section-soft-input-bg:              $white !default;
 
+$section-one-background:             $brand-one-bg !default;
+$section-one-input-bg:               $white !default;
+
+$section-two-background:             $brand-two-bg !default;
+$section-two-input-bg:               $white !default;
+
+$section-three-background:           $brand-three-bg !default;
+$section-three-input-bg:             $white !default;
+
 
 $section-head-line-height:           30px !default;
 $section-head-font-size:             20px !default;
@@ -755,4 +764,5 @@ $page-header-border-color:    $gray-lighter !default;
 $hr-border:                   $gray-lighter !default;
 
 //** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
+$component-offset-horizontal: 180px !default;
+

data/test/dummy/app/views/front/start.html.erb

@@ -66,6 +66,19 @@ CSS:
 </div>
 
 
+<div class="section hard-top">
+  <div class="corset tight">
+    <h2 class="loud">NEW*</h2>
+    <hr/>
+    <p class="highlight"><i class="olicons-hide-filter"></i> magic-styles update generator</p>
+    <p class="loud"><i class="olicons-hide-filter"></i> in the process I often add new variables to the corporate files</p>
+    <p class="loud"><i class="olicons-hide-filter"></i> what causes "Missing variable!" when you update to new version</p>
+    <p class="loud"><i class="olicons-hide-filter"></i> this generator adds all new variables without touching your settings</p>
+    <pre><code>$ rails g magic_stylez:update</code></pre>
+  </div>
+</div>
+
+
 <div class="section hard-top">
   <div class="corset tight">
     <h3>Thanks</h3>

data/test/dummy/app/views/layouts/application.html.erb

@@ -6,6 +6,19 @@
   <%= javascript_include_tag 'application' %>
   <%= csrf_meta_tags %>
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
+  <%# ===   Site - Icon   === #%>
+  <link href="<%= asset_path("ico/favicon.ico") %>" rel="shortcut icon" type="image/vnd.microsoft.icon" />
+  <link href="<%= asset_path("ico/favicon.png") %>" rel="shortcut icon" type="image/png" />
+  <%# iPad 3 Retina Display #%>
+  <link rel="apple-touch-icon-precomposed" sizes="144x144"href="<%= asset_path("ico/apple-touch-icon-144x144-precomposed.png") %>" />
+  <%# iPhone 4 Retina display #%>
+  <link rel="apple-touch-icon-precomposed" sizes="114x114"href="<%= asset_path("ico/apple-touch-icon-114x114-precomposed.png") %>" />
+  <%# iPad non-Retina display #%>
+  <link rel="apple-touch-icon-precomposed" sizes="72x72"href="<%= asset_path("ico/apple-touch-icon-72x72-precomposed.png") %>" />
+  <%# Non-Retina iPhone, iPod Touch, Android 2.1+ #%>
+  <link rel="apple-touch-icon-precomposed" href="<%= asset_path("ico/apple-touch-icon-57x57-precomposed.png") %>" />
+  <%# Nokia #%>
+  <link rel="apple-touch-icon" href="<%= asset_path("ico/apple-touch-icon.png") %>" />
   <script type="text/javascript" charset="utf-8">
     App = {};
     App.Environment = "<%= Rails.env.to_s %>";

data/test/dummy/public/html/aside-nav.html

@@ -2,10 +2,10 @@
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-972c9b1a1bc9f205a30ffecc0ae4d3d6.css" media="all" rel="stylesheet" />
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
   <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="jDOV0RVo1AZcOPoNRBT15AKaI6H8ZT+EnTq1M9XlP6g=" name="csrf-token" />
+<meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
   <script type="text/javascript" charset="utf-8">
     App = {};

data/test/dummy/public/html/fixed-header.html

@@ -2,10 +2,10 @@
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-972c9b1a1bc9f205a30ffecc0ae4d3d6.css" media="all" rel="stylesheet" />
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
   <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="jDOV0RVo1AZcOPoNRBT15AKaI6H8ZT+EnTq1M9XlP6g=" name="csrf-token" />
+<meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
   <script type="text/javascript" charset="utf-8">
     App = {};

data/test/dummy/public/html/fixed-subnav.html

@@ -2,10 +2,10 @@
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-972c9b1a1bc9f205a30ffecc0ae4d3d6.css" media="all" rel="stylesheet" />
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
   <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="jDOV0RVo1AZcOPoNRBT15AKaI6H8ZT+EnTq1M9XlP6g=" name="csrf-token" />
+<meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
   <script type="text/javascript" charset="utf-8">
     App = {};

data/test/dummy/public/html/index.html

@@ -2,11 +2,18 @@
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-972c9b1a1bc9f205a30ffecc0ae4d3d6.css" media="all" rel="stylesheet" />
-  <script src="//berlinmagic.github.io/magic_stylez/assets/application-0f7b4393eed52dca4ecec8d36e95122e.js"></script>
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
+  <script src="//berlinmagic.github.io/magic_stylez/assets/application-ebb0e3d77a8bf5e1035379b7e53b8023.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="jDOV0RVo1AZcOPoNRBT15AKaI6H8ZT+EnTq1M9XlP6g=" name="csrf-token" />
+<meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
+  <link href="//berlinmagic.github.io/magic_stylez/assets/ico/favicon-f1706407301f788c54691b6995f60a8f.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
+  <link href="//berlinmagic.github.io/magic_stylez/assets/ico/favicon-f34b54df445838a4f6bdac98bd904570.png" rel="shortcut icon" type="image/png" />
+  <link rel="apple-touch-icon-precomposed" sizes="144x144"href="//berlinmagic.github.io/magic_stylez/assets/ico/apple-touch-icon-144x144-precomposed-95cd4cdaa08b7ce4607374cb845aa89f.png" />
+  <link rel="apple-touch-icon-precomposed" sizes="114x114"href="//berlinmagic.github.io/magic_stylez/assets/ico/apple-touch-icon-114x114-precomposed-dff6f19fe419b0d0ca7a513b54eb8b34.png" />
+  <link rel="apple-touch-icon-precomposed" sizes="72x72"href="//berlinmagic.github.io/magic_stylez/assets/ico/apple-touch-icon-72x72-precomposed-9deaa78f902e5d66b931681b43fa5129.png" />
+  <link rel="apple-touch-icon-precomposed" href="//berlinmagic.github.io/magic_stylez/assets/ico/apple-touch-icon-57x57-precomposed-0b5096220f084a3e886573eea7adf21e.png" />
+  <link rel="apple-touch-icon" href="//berlinmagic.github.io/magic_stylez/assets/ico/apple-touch-icon-222472c72cf52e4aaf027b6a8a3f6bb3.png" />
   <script type="text/javascript" charset="utf-8">
     App = {};
     App.Environment = "production";
@@ -150,6 +157,19 @@ CSS:
 </div>
 
 
+<div class="section hard-top">
+  <div class="corset tight">
+    <h2 class="loud">NEW*</h2>
+    <hr/>
+    <p class="highlight"><i class="olicons-hide-filter"></i> magic-styles update generator</p>
+    <p class="loud"><i class="olicons-hide-filter"></i> in the process I often add new variables to the corporate files</p>
+    <p class="loud"><i class="olicons-hide-filter"></i> what causes "Missing variable!" when you update to new version</p>
+    <p class="loud"><i class="olicons-hide-filter"></i> this generator adds all new variables without touching your settings</p>
+    <pre><code>$ rails g magic_stylez:update</code></pre>
+  </div>
+</div>
+
+
 <div class="section hard-top">
   <div class="corset tight">
     <h3>Thanks</h3>

data/test/dummy/public/html/slidebar-header.html

@@ -2,10 +2,10 @@
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-972c9b1a1bc9f205a30ffecc0ae4d3d6.css" media="all" rel="stylesheet" />
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
   <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="jDOV0RVo1AZcOPoNRBT15AKaI6H8ZT+EnTq1M9XlP6g=" name="csrf-token" />
+<meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
   <script type="text/javascript" charset="utf-8">
     App = {};

data/test/dummy/public/html/slidebar-subnav.html

@@ -2,10 +2,10 @@
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-972c9b1a1bc9f205a30ffecc0ae4d3d6.css" media="all" rel="stylesheet" />
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
   <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="jDOV0RVo1AZcOPoNRBT15AKaI6H8ZT+EnTq1M9XlP6g=" name="csrf-token" />
+<meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
   <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
   <script type="text/javascript" charset="utf-8">
     App = {};

data/vendor/assets/stylesheets/corporate/_colors.scss

@@ -63,6 +63,10 @@ $blue-bg:               $blue-soft !default;
 $brand-bg:              $brand-color !default;
 $bright-bg:             $white !default;
 
+$brand-one-bg:          $brand-one !default;
+$brand-two-bg:          $brand-two !default;
+$brand-three-bg:        $brand-three !default;
+
 
 // -------------------------
 // Global Border color
@@ -304,4 +308,5 @@ $navbar-inverse-brand-hover-bg:             transparent !default;
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            #333 !default;
 $navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        #333 !default;
+$navbar-inverse-toggle-border-color:        #333 !default;
+

data/vendor/assets/stylesheets/corporate/_fonts.scss

@@ -157,5 +157,3 @@ $magicDefaultLineHight:   18px;
   line-height: $magicDefaultLineHight;
 } // ..
 
-
-

data/vendor/assets/stylesheets/corporate/_typo.scss

@@ -83,5 +83,3 @@ ul, ol, li, p, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 	&.brand { color: $brand-color; }
 }
 
-
-

data/vendor/assets/stylesheets/corporate/_variables.scss

@@ -82,6 +82,15 @@ $section-brand-input-bg:             $white !default;
 $section-soft-background:            $soft-bg !default;
 $section-soft-input-bg:              $white !default;
 
+$section-one-background:             $brand-one-bg !default;
+$section-one-input-bg:               $white !default;
+
+$section-two-background:             $brand-two-bg !default;
+$section-two-input-bg:               $white !default;
+
+$section-three-background:           $brand-three-bg !default;
+$section-three-input-bg:             $white !default;
+
 
 $section-head-line-height:           30px !default;
 $section-head-font-size:             20px !default;
@@ -755,4 +764,5 @@ $page-header-border-color:    $gray-lighter !default;
 $hr-border:                   $gray-lighter !default;
 
 //** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
+$component-offset-horizontal: 180px !default;
+

data/vendor/assets/stylesheets/magic/content/_buttons.scss

@@ -4,6 +4,13 @@
 	max-width: $wdth;
 }
 
+.btn-xl, .btn-group-xl > .btn {
+    padding: 12px 20px;
+    font-size: 24px;
+    line-height: 1.33;
+    border-radius: round($border-radius-large * 1.2);
+}
+
 
 .btn-splited, .btn-divided {
 	display: table;
@@ -105,35 +112,42 @@
 .btn-default {
   @include btn-variant($btn-default-color, $btn-default-bg, $btn-default-border);
   &.btn-blank { @include btn-blank-variant($btn-default-color, $btn-default-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-default-color, $btn-default-bg, $btn-default-border ); }
 }
 .btn-primary {
   @include btn-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
   &.btn-blank { @include btn-blank-variant($btn-primary-bg, $btn-primary-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-primary-color, $btn-primary-bg, $btn-primary-border ); }
 }
 // Success appears as green
 .btn-success {
   @include btn-variant($btn-success-color, $btn-success-bg, $btn-success-border);
   &.btn-blank { @include btn-blank-variant($btn-success-bg, $btn-success-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-success-color, $btn-success-bg, $btn-success-border ); }
 }
 // Info appears as blue-green
 .btn-info {
   @include btn-variant($btn-info-color, $btn-info-bg, $btn-info-border);
   &.btn-blank { @include btn-blank-variant($btn-info-bg, $btn-info-border, #444); }
+  &.btn-blur { @include btn-blur-variant( $btn-info-color, $btn-info-bg, $btn-info-border ); }
 }
 // Warning appears as orange
 .btn-warning {
   @include btn-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
   &.btn-blank { @include btn-blank-variant($btn-warning-bg, $btn-warning-border, #444); }
+  &.btn-blur { @include btn-blur-variant( $btn-warning-color, $btn-warning-bg, $btn-warning-border ); }
 }
 // Danger and error appear as red
 .btn-danger {
   @include btn-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
   &.btn-blank { @include btn-blank-variant($btn-danger-bg, $btn-danger-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-danger-color, $btn-danger-bg, $btn-danger-border ); }
 }
 
 .btn-brand {
   @include btn-variant($btn-brand-color, $btn-brand-bg, $btn-brand-border);
   &.btn-blank { @include btn-blank-variant($btn-brand-bg, $btn-brand-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-brand-color, $btn-brand-bg, $btn-brand-border ); }
 }
 
 
@@ -142,34 +156,41 @@
 .btn-facebook {
   @include btn-variant($btn-facebook-color, $btn-facebook-bg, $btn-facebook-border);
   &.btn-blank { @include btn-blank-variant($btn-facebook-bg, $btn-facebook-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-facebook-color, $btn-facebook-bg, $btn-facebook-border ); }
 }
 .btn-google {
   @include btn-variant($btn-google-color, $btn-google-bg, $btn-google-border);
   &.btn-blank { @include btn-blank-variant($btn-google-bg, $btn-google-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-google-color, $btn-google-bg, $btn-google-border ); }
 }
 .btn-twitter {
   @include btn-variant($btn-twitter-color, $btn-twitter-bg, $btn-twitter-border);
   &.btn-blank { @include btn-blank-variant($btn-twitter-bg, $btn-twitter-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-twitter-color, $btn-twitter-bg, $btn-twitter-border ); }
 }
 .btn-paypal {
   @include btn-variant($btn-paypal-color, $btn-paypal-bg, $btn-paypal-border);
   &.btn-blank { @include btn-blank-variant($btn-paypal-bg, $btn-paypal-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-paypal-color, $btn-paypal-bg, $btn-paypal-border ); }
 }
 
 
 .btn-one {
   @include btn-variant($btn-one-color, $btn-one-bg, $btn-one-border);
   &.btn-blank { @include btn-blank-variant($btn-one-bg, $btn-one-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-one-color, $btn-one-bg, $btn-one-border ); }
 }
 
 .btn-two {
   @include btn-variant($btn-two-color, $btn-two-bg, $btn-two-border);
   &.btn-blank { @include btn-blank-variant($btn-two-bg, $btn-two-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-two-color, $btn-two-bg, $btn-two-border ); }
 }
 
 .btn-three {
   @include btn-variant($btn-three-color, $btn-three-bg, $btn-three-border);
   &.btn-blank { @include btn-blank-variant($btn-three-bg, $btn-three-border, #fff); }
+  &.btn-blur { @include btn-blur-variant( $btn-three-color, $btn-three-bg, $btn-three-border ); }
 }
 
 
@@ -195,6 +216,31 @@
 }
 
 
+.btn-round {
+    @include horizontal-padding( 18px );
+    -webkit-border-radius: 100px !important;
+       -moz-border-radius: 100px !important;
+        -ms-border-radius: 100px !important;
+         -o-border-radius: 100px !important;
+            border-radius: 100px !important;
+    &.btn-xs { @include horizontal-padding( 12px ); }
+    &.btn-sm { @include horizontal-padding( 15px ); }
+    &.btn-lg { @include horizontal-padding( 23px ); }
+    &.btn-xl { @include horizontal-padding( 30px ); }
+}
+
+.btn-borderless {
+    border: none !important;
+}
+
+.btn-width {
+    @include horizontal-padding( 30px );
+    &.btn-xs { @include horizontal-padding( 10px ); }
+    &.btn-sm { @include horizontal-padding( 20px ); }
+    &.btn-lg { @include horizontal-padding( 40px ); }
+    &.btn-xl { @include horizontal-padding( 50px ); }
+}
+
 
 
 // # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 

data/vendor/assets/stylesheets/magic/layout/_section.scss

@@ -4,15 +4,18 @@
     padding: $section-padding 0;
     // background: $white;
     text-align: center;
-    z-index: 1;
+    
 	font-size: $font-size-base;
 	.corset, .container { background: inherit; }
 	
     
+    &.z, &.zindex, &.z-index { z-index: 1; }
+    
 	// 
 	//   Sections with shine
 	// 
     &.shine-top {
+        z-index: 1;
         overflow: hidden;
         &:before {
             display: block; position: absolute; content: ""; z-index: 11;
@@ -23,6 +26,7 @@
         }
     }
     &.shine-bottom {
+        z-index: 1;
         overflow: hidden;
         &:after {
             display: block; position: absolute; content: ""; z-index: 11;
@@ -60,7 +64,6 @@
 	&.dotted-top, &.dotted-bottom {
 		@include box-shadow( inset 0 1px 1px 0 rgba(255,255,255,.75), 0 1px 1px 0 rgba(255,255,255,.75) );
 	}
-    
 	
 	// 
 	//   Section Sizes
@@ -100,6 +103,19 @@
 		@include all_form_elements { background: $section-soft-input-bg; }
 	}
     &.blank { background: transparent; }
+    
+    &.one { 
+		background: $section-one-background; 
+		@include all_form_elements { background: $section-one-input-bg; }
+	}
+	&.two { 
+		background: $section-two-background; 
+		@include all_form_elements { background: $section-two-input-bg; }
+	}
+	&.three { 
+		background: $section-three-background; 
+		@include all_form_elements { background: $section-three-input-bg; }
+	}
 
 	&.head {
 		z-index: 2;
@@ -117,6 +133,38 @@
 	}
 	
 	
+	&.speech {
+        &:after {
+            display: block; position: absolute; content: "";
+            margin: 0; padding: 0;
+            width: 0; height: 0;
+            border: solid 10px transparent;
+            border-right:  solid 10px $section-background;
+            border-bottom: solid 10px $section-background;
+            bottom: -8px;
+            left: 50%;
+            margin-left: -8px;
+            @include rotation( 45 );
+            z-index: 99;
+        }
+        &.dark:after {
+            border-right:  solid 10px $section-dark-background;
+            border-bottom: solid 10px $section-dark-background;
+        }
+        &.bright:after {
+            border-right:  solid 10px $section-bright-background;
+            border-bottom: solid 10px $section-bright-background;
+        }
+        &.brand:after {
+            border-right:  solid 10px $section-brand-background;
+            border-bottom: solid 10px $section-brand-background;
+        }
+        &.soft:after {
+            border-right:  solid 10px $section-soft-background;
+            border-bottom: solid 10px $section-soft-background;
+        }
+    }
+	
 	
 }
 

data/vendor/assets/stylesheets/magic/lib/_helper.scss

@@ -110,6 +110,11 @@
   }
 }
 
+@mixin btn-blur-variant($color, $background, $border) {
+    @include btn-variant( $color, transparentize($background, .6), transparentize($border, .6) );
+}
+
+
 // Labels
 // -------------------------
 @mixin label-variant( $background, $color: $label-color, $color-hover: $label-link-hover-color ) {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: magic_stylez
 version: !ruby/object:Gem::Version
-  version: 0.0.0.52
+  version: 0.0.0.53
 platform: ruby
 authors:
 - Torsten Wetzel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-09-17 00:00:00.000000000 Z
+date: 2014-09-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -205,6 +205,7 @@ files:
 - README.md
 - Rakefile
 - lib/generators/magic_stylez/install_generator.rb
+- lib/generators/magic_stylez/update_generator.rb
 - lib/magic_stylez.rb
 - lib/magic_stylez/engine.rb
 - lib/magic_stylez/version.rb
@@ -213,6 +214,16 @@ files:
 - test/dummy/README.md
 - test/dummy/Rakefile
 - test/dummy/app/assets/images/.keep
+- test/dummy/app/assets/images/ico/apple-touch-icon-114x114-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-144x144-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-57x57-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-72x72-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon.png
+- test/dummy/app/assets/images/ico/favicon.ico
+- test/dummy/app/assets/images/ico/favicon.png
+- test/dummy/app/assets/images/logo.jpg
+- test/dummy/app/assets/images/logo.png
 - test/dummy/app/assets/javascripts/app.js.coffee
 - test/dummy/app/assets/javascripts/application.js
 - test/dummy/app/assets/javascripts/assets.js.coffee.erb
@@ -431,6 +442,16 @@ test_files:
 - test/dummy/README.md
 - test/dummy/Rakefile
 - test/dummy/app/assets/images/.keep
+- test/dummy/app/assets/images/ico/apple-touch-icon-114x114-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-144x144-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-57x57-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-72x72-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon-precomposed.png
+- test/dummy/app/assets/images/ico/apple-touch-icon.png
+- test/dummy/app/assets/images/ico/favicon.ico
+- test/dummy/app/assets/images/ico/favicon.png
+- test/dummy/app/assets/images/logo.jpg
+- test/dummy/app/assets/images/logo.png
 - test/dummy/app/assets/javascripts/app.js.coffee
 - test/dummy/app/assets/javascripts/application.js
 - test/dummy/app/assets/javascripts/assets.js.coffee.erb