RubyGems - better_styles - Versions diffs - 0.0.1 → 0.0.2 - Mend

better_styles 0.0.1 → 0.0.2

Files changed (84) hide show

data/assets/stylesheets/better/templates/_scroll_to_fix_aside.scss ADDED

@@ -0,0 +1,104 @@
+$aside-width:               220px;
+$aside-bg:                  #222;
+$aside-color:               #999;
+$aside-line-top-color:      rgba(0,0,0,.42);
+$aside-line-bottom-color:   rgba(255,255,255,.13);
+body {
+    &.fixed-nav {
+        #main_stage #aside.affix { top: 50px; }
+        #aside_toggle { top: 60px; }
+    }
+    &.with_aside {
+        // #front_banner { transform: translateX( $aside-width ) ; }
+        margin-left: $aside-width;
+        margin-right: -1 * $aside-width;
+        // transform: translateX( $aside-width ) ;
+        // transform: translateX( $aside-width ) ;
+        #main_stage #aside {
+            transform: translateX( 0 ) ;
+            // transform: translateX( -1 * $aside-width ) ;
+        }
+        &.fixed-nav {
+            #main_stage #aside { top: 50px; }
+        }
+        // #main_stage #stage {
+        //     transform: translateX( $aside-width ) ;
+        // }
+        #aside_toggle {
+            position: fixed;
+            left: $aside-width + 20px;
+            z-index: 850;
+        }
+    }
+}
+#main_stage, #aside, #stage, #aside_toggle {
+    display: block; position: relative;
+    margin: 0; padding: 0;
+}
+#main_stage {
+    // padding-left: $aside-width;
+    #aside {
+        // position: absolute;
+        position: fixed;
+        top: 0; left: 0; bottom: 0;
+        width: $aside-width;
+        background: $aside-bg;
+        color: $aside-color;
+        transform: translateX( -1 * $aside-width );
+        z-index: 500;
+        // &.affix { position: fixed; }
+        @include asideScrollBar;
+        overflow-y: scroll;
+    }
+    #stage {
+    }
+}
+#aside_toggle {
+    position: fixed;
+    top: 20px; left: 20px;
+    width: 30px; height: 30px; line-height: 30px;
+    border: solid 1px $main-border-color;
+    border-radius: 3px;
+    background: #fff;
+    font-size: 20px;
+    text-align: center;
+    color: #777;
+    z-index: 500;
+    cursor: pointer;
+    &:hover {
+        background: #ccc;
+    }
+}
+// // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // //
+@include responsiveStep-md {
+  #aside_toggle { display: none; }
+  #main_stage {
+      padding-left: $aside-width;
+      #aside {
+          transform: translateX( 0 ) ;
+          position: absolute;
+          &.affix { position: fixed; }
+      }
+  }
+}

data/assets/stylesheets/better/variables/_color.scss ADDED

@@ -0,0 +1,79 @@
+// -------------------------
+// Gray colors
+// -------------------------
+$text-black:              rgba(0,0,0, .80)        !default;
+$text-gray:               rgba(0,0,0, .50)        !default;
+$text-gray-light:         rgba(0,0,0, .30)        !default;
+$text-white:              rgba(255,255,255, .90)  !default;
+$text-white-light:        rgba(255,255,255, .70)  !default;
+$brand:                   #a0c775                 !default;
+$brand1:                  $brand;
+$brand2:                  #e74259                 !default;
+$brand3:                  #fed587                 !default;
+$brand4:                  #cc6699                 !default;
+$brand5:                  #498db0                 !default;
+$brand6:                  #f09033                 !default;
+$brand7:                  #5ab788                 !default;
+$brand8:                  #e74259                 !default;
+$brand9:                  #fed587                 !default;
+$brand-color:             $brand;
+// -------------------------
+// Global Background colors.
+// -------------------------
+$main-bg:               darken(#fff, 5%) !default; // result: #f2f2f2
+$body-bg:               $main-bg; //** Background color for `<body>`
+$dark-bg:               #e5e5e5 !default;
+$soft-bg:               #f8f8f8 !default;
+$brand-bg:              $brand-color !default;
+$bright-bg:             $white !default;
+// -------------------------
+// Global Border color
+// -------------------------
+$main-border-color:     #ccc !default;
+// -------------------------
+// App colors
+// -------------------------
+$appColorz: (
+    black:          $text-black,
+    gray:           $text-gray,
+    gray-light:     $text-gray-light,
+    white:          $text-white,
+    white-light:    $text-white-light,
+    brand:          $brand,
+    brand1:         $brand,
+    brand2:         $brand2,
+    brand3:         $brand3,
+    brand4:         $brand4,
+    brand5:         $brand5,
+    brand6:         $brand6,
+    brand7:         $brand7,
+    brand8:         $brand8,
+    brand9:         $brand9
+);
+$brandColorz: (
+    brand:          $brand,
+    brand1:         $brand,
+    brand2:         $brand2,
+    brand3:         $brand3,
+    brand4:         $brand4,
+    brand5:         $brand5,
+    brand6:         $brand6,
+    brand7:         $brand7,
+    brand8:         $brand8,
+    brand9:         $brand9
+);

data/assets/stylesheets/better/variables/_typography.scss ADDED

@@ -0,0 +1,59 @@
+// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+// Font-Weights
+$thin:            300      !default;
+$regular:         400      !default;
+$semi:            600      !default;
+$bold:            700      !default;
+$xtra:            800      !default;
+// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+// Font-Sizes
+$display-size:    3.53rem      !default;
+$headline-size:   2.65rem      !default;
+$title-size:      2rem         !default;
+$subheader-size:  1.47rem    !default;
+$body-size:       1rem      !default;
+$caption-size:    0.9rem    !default;
+$small-size:      0.75rem   !default;
+// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+$textSizes: (
+  display:      $display-size,
+  headline:     $headline-size,
+  title:        $title-size,
+  subheader:    $subheader-size,
+  body:         $body-size,
+  caption:      $caption-size,
+  small:        $small-size
+);
+// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+$textWeights: (
+  display:      $semi,
+  headline:     $regular,
+  title:        $semi,
+  subheader:    $regular,
+  body:         $regular,
+  caption:      $regular,
+  small:        $regular
+);
+// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+$textBoldWeights: (
+  display:      $xtra,
+  headline:     $bold,
+  title:        $bold,
+  subheader:    $semi,
+  body:         $bold,
+  caption:      $bold,
+  small:        $bold
+);
+// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+$line-height:     1.42      !default;
+$sansFontFamily:      "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$serifFontFamily:     Georgia, "Times New Roman", Times, serif;
+$monoFontFamily:      Monaco, Menlo, Consolas, "Courier New", monospace;

data/assets/stylesheets/better/variables/_vars.scss ADDED

@@ -0,0 +1,57 @@
+$vertical-spacing:                      1.5rem    !default;
+$vertical-spacing-half:                 0.75rem   !default;
+$horizontal-spacing:                    1rem      !default;
+$grid-gutter-width:                     30px      !default;
+//== Divider
+//
+$divider-horizontal-spacing:            1.2rem !default;
+// for .divider and hr elements
+$divider-vertical-spacing:              $vertical-spacing !default;
+$divider-top-color:                     rgba(0,0,0,.23)       !default;
+$divider-bottom-color:                  rgba(255,255,255,.65) !default;
+//   Sections
+//
+// Padding
+$section-padding:                    50px !default;
+$section-head-padding:               10px !default;
+$section-xs-padding:                 10px !default;
+$section-sm-padding:                 30px !default;
+$section-lg-padding:                 80px !default;
+$section-xl-padding:                 120px !default;
+$section-xxl-padding:                200px !default;
+// Colors
+$section-background:                 $main-bg !default;
+$section-input-bg:                   $white !default;
+$section-head-background:            #fff !default;
+$section-head-input-bg:              $main-bg !default;
+$section-head-color:                 $brand-color !default;
+$section-head-small-color:           $gray-light !default;
+$section-dark-background:            $dark-bg !default;
+$section-dark-input-bg:              $white !default;
+$section-bright-background:          $bright-bg !default;
+$section-bright-input-bg:            $main-bg !default;
+$section-soft-background:            $soft-bg !default;
+$section-soft-input-bg:              $white !default;
+$section-head-line-height:           30px !default;
+$section-head-font-size:             20px !default;
+// Reset margin of first and last childs, so section controls spacing
+$section-reset-child-spacing:        true !default;
+$section-reset-row-child-spacing:    true !default;
+$section-reset-table-child-spacing:  true !default;

data/assets/stylesheets/better_styles.scss ADDED

@@ -0,0 +1,42 @@
+@import "bootstrap";
+// import variables:
+@import "better/variables/color";
+@import "better/variables/typography";
+@import "better/variables/vars";
+// import helpers:
+@import "better/lib/helpers";
+@import "better/lib/media_querries";
+@import "better/lib/nav";
+@import "better/lib/shadows";
+@import "better/lib/text";
+// import layouts:
+@import "better/layout/section";
+@import "better/layout/corset";
+@import "better/layout/fullpage_table";
+// import content:
+@import "better/content/box";
+@import "better/content/divider";
+@import "better/content/helpers";
+@import "better/content/pix";
+@import "better/content/typography";
+// import navigations:
+@import "better/navigations/aside_lnk";
+@import "better/navigations/nav_list";
+// import icons:
+@import "better/icons/icomoon";
+@import "better/icons/magicons";
+@import "better/icons/orderlifticons";
+@import "better/icons/bettericons";

data/lib/better_styles/version.rb CHANGED

@@ -1,3 +1,3 @@
 module BetterStyles
-  VERSION = '0.0.1'
+  VERSION = '0.0.2'
 end

metadata CHANGED

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: better_styles
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Torsten Wetzel
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2017-07-21 00:00:00.000000000 Z
+date: 2017-07-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -67,118 +67,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.1.0
-- !ruby/object:Gem::Dependency
-  name: json
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 1.8.1
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 1.8.1
-- !ruby/object:Gem::Dependency
-  name: sprockets-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.1.3
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.1.3
-- !ruby/object:Gem::Dependency
-  name: jquery-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.1.0
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.1.0
-- !ruby/object:Gem::Dependency
-  name: coffee-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: non-stupid-digest-assets
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: eco
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: uglifier
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: sqlite3
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 description: Lots of styles and helpers we used for several projects.
 email:
 - torstenwetzel@berlinmagic.com
@@ -190,6 +78,86 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- assets/fonts/betterfonts/betterwork-icons.eot
+- assets/fonts/betterfonts/betterwork-icons.svg
+- assets/fonts/betterfonts/betterwork-icons.ttf
+- assets/fonts/betterfonts/betterwork-icons.woff
+- assets/fonts/betterfonts/icomoon.eot
+- assets/fonts/betterfonts/icomoon.svg
+- assets/fonts/betterfonts/icomoon.ttf
+- assets/fonts/betterfonts/icomoon.woff
+- assets/fonts/betterfonts/magicons-regular-webfont.eot
+- assets/fonts/betterfonts/magicons-regular-webfont.svg
+- assets/fonts/betterfonts/magicons-regular-webfont.ttf
+- assets/fonts/betterfonts/magicons-regular-webfont.woff
+- assets/fonts/betterfonts/newmagicons-regular-webfont.eot
+- assets/fonts/betterfonts/newmagicons-regular-webfont.svg
+- assets/fonts/betterfonts/newmagicons-regular-webfont.ttf
+- assets/fonts/betterfonts/newmagicons-regular-webfont.woff
+- assets/fonts/betterfonts/orderlifticons-webfont.eot
+- assets/fonts/betterfonts/orderlifticons-webfont.svg
+- assets/fonts/betterfonts/orderlifticons-webfont.ttf
+- assets/fonts/betterfonts/orderlifticons-webfont.woff
+- assets/images/better/arrows/arrow-round1-a.png
+- assets/images/better/arrows/arrow-round1-b.png
+- assets/images/better/arrows/arrow-round2-a.png
+- assets/images/better/arrows/arrow-round2-b.png
+- assets/images/better/arrows/arrow1-a.png
+- assets/images/better/arrows/arrow1-b.png
+- assets/images/better/arrows/arrow1.png
+- assets/images/better/arrows/arrow2-1.png
+- assets/images/better/arrows/arrow2-2.png
+- assets/images/better/arrows/arrow2-a.png
+- assets/images/better/arrows/arrow2-b.png
+- assets/images/better/arrows/arrow3-a.png
+- assets/images/better/arrows/arrow3-b.png
+- assets/images/better/arrows/arrow4-a.png
+- assets/images/better/arrows/arrow4-b.png
+- assets/images/better/arrows/arrow5-a.png
+- assets/images/better/arrows/arrow5-b.png
+- assets/images/better/arrows/arrow6-a.png
+- assets/images/better/arrows/arrow6-b.png
+- assets/images/better/helper/blank_10.png
+- assets/images/better/helper/crossed.png
+- assets/images/better/helper/white_10.png
+- assets/javascripts/better_styles.js.coffee
+- assets/javascripts/betterjs/helper.js.coffee
+- assets/javascripts/betterjs/navigations/aside_link.js.coffee
+- assets/javascripts/betterjs/navigations/nav_list.js.coffee
+- assets/javascripts/betterjs/rails_ext/rails-ujs.js
+- assets/javascripts/betterjs/render_eco.js.coffee
+- assets/javascripts/betterjs/templates/fixed_aside_to_header.js.coffee
+- assets/javascripts/betterjs/templates/icon_aside.js.coffee
+- assets/javascripts/betterjs/templates/scroll_to_fix_aside.js
+- assets/javascripts/betterjs/twbs_ext/affix_2_1_0.js
+- assets/javascripts/betterjs/twbs_ext/affix_3_3_7.js
+- assets/javascripts/betterjs/twbs_ext/affix_ext.js
+- assets/stylesheets/better/content/_box.scss
+- assets/stylesheets/better/content/_divider.scss
+- assets/stylesheets/better/content/_helpers.scss
+- assets/stylesheets/better/content/_pix.scss
+- assets/stylesheets/better/content/_typography.scss
+- assets/stylesheets/better/icons/bettericons.scss
+- assets/stylesheets/better/icons/icomoon.scss
+- assets/stylesheets/better/icons/magicons.scss
+- assets/stylesheets/better/icons/orderlifticons.scss
+- assets/stylesheets/better/layout/_corset.scss
+- assets/stylesheets/better/layout/_fullpage_table.scss
+- assets/stylesheets/better/layout/_section.scss
+- assets/stylesheets/better/lib/_helpers.scss
+- assets/stylesheets/better/lib/_media_querries.scss
+- assets/stylesheets/better/lib/_nav.scss
+- assets/stylesheets/better/lib/_shadows.scss
+- assets/stylesheets/better/lib/_text.scss
+- assets/stylesheets/better/navigations/_aside_lnk.scss
+- assets/stylesheets/better/navigations/_nav_list.scss
+- assets/stylesheets/better/templates/_fixed_aside_to_header.scss
+- assets/stylesheets/better/templates/_icon_aside.scss
+- assets/stylesheets/better/templates/_scroll_to_fix_aside.scss
+- assets/stylesheets/better/variables/_color.scss
+- assets/stylesheets/better/variables/_typography.scss
+- assets/stylesheets/better/variables/_vars.scss
+- assets/stylesheets/better_styles.scss
 - lib/better_styles.rb
 - lib/better_styles/engine.rb
 - lib/better_styles/version.rb