myg 1.1.2 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7080a58f720913ccbc42ff0e33c8647238f7d49b1b33ca4f1fe8a34370dc2517
-  data.tar.gz: e21638c3211a1843ffaf141a376e21bed592fea319972d84ee6bf2a8b50fc184
+  metadata.gz: ecfef11006865a49b4670f14bbdd96ee30b090b621b6d81f26261d9472ac6950
+  data.tar.gz: 5b2a749c760218a405c6a167b403f76f44018ef0fe9de77751b5839cf902e776
 SHA512:
-  metadata.gz: ac3ea5386ea0e1ccbe33cbcfd70695a892acd343da7eee46d854f3442ff6061c3de086dd2d779765f4b985932f94267feef44aa23e57fffde5d7e862c5f53f8a
-  data.tar.gz: b60e47b0448bb0c8c1a461dcde3db4a17cdf5bfd5129ca916aee806e4a3d17e9e366a6c9ccc299aa255303a06b379f3a3b104d3ce896cdedac9cdd8464ddd358
+  metadata.gz: 7d3eca61f622c8e7899d888c603a0ceac72bae75f7f74519b02f056d53b122116aa05770e3049d5aace4abac1b919e34a6bdb28629684779c5ece4777fac75f2
+  data.tar.gz: bc4a1a9f3ac9560b4fe846dd899745e6a34d97c1d61468f1f59c37b1ee4eede95fc7b0609edf051091997dfd2d868ff4017ef5489de47a8c52536b4ee14d5c25

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
+### 1.2.0 - 2018/02/16
+
+* features
+    * generates customizable variables with `install` generator
+
 ### 1.1.2 - 2018/02/08
 
 * enhancements

data/lib/generators/myg/install_generator.rb

@@ -16,6 +16,17 @@ class Myg::InstallGenerator < Rails::Generators::Base
         template 'myg.sass', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/myg.sass"
         template '_myg.sass', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/_myg.sass"
         template '_variables.sass', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/_variables.sass"
+        template 'variables/_action-button.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_action-button.scss"
+        template 'variables/_animate.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_animate.scss"
+        template 'variables/_base.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_base.scss"
+        template 'variables/_elevation.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_elevation.scss"
+        template 'variables/_font.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_font.scss"
+        template 'variables/_footer.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_footer.scss"
+        template 'variables/_grid.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_grid.scss"
+        template 'variables/_layout.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_layout.scss"
+        template 'variables/_spacing.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_spacing.scss"
+        template 'variables/_text.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_text.scss"
+        template 'variables/_theme.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/variables/_theme.scss"
         template 'theme/theme.sass', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/theme/theme.sass"
         template 'theme/_default.scss', "#{Myg.configuration&.assets_dir || 'app/assets/stylesheets/myg'}/theme/_default.scss"
     end

data/lib/generators/templates/install/_variables.sass

@@ -1 +1,23 @@
 @import "theme/_default"
+
+@import "variables/_action-button"
+@import "variables/_base"
+@import "variables/_elevation"
+@import "variables/_font"
+@import "variables/_footer"
+@import "variables/_grid"
+@import "variables/_layout"
+@import "variables/_spacing"
+@import "variables/_text"
+@import "variables/_theme"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"
+@import "variables/_animate"

data/lib/generators/templates/install/variables/_action-button.scss

@@ -0,0 +1,3 @@
+$myg-action-button: (
+    diameter: px(50)
+) !default;

data/lib/generators/templates/install/variables/_animate.scss

@@ -0,0 +1,18 @@
+// Animations
+$myg-animate: (
+    shake: (
+        duration: .82s,
+        easing: cubic-bezier(.36,.07,.19,.97) both
+    ),
+    bell: (
+        duration: 3s,
+        easing: ease-in-out
+    )
+) !default;
+
+
+// Transitions
+$myg-animate--transitions: (
+    duration: .15s,
+    easing: ease-out
+) !default;

data/lib/generators/templates/install/variables/_base.scss

@@ -0,0 +1,18 @@
+// Base
+$myg-base: (
+    font-size: 16,
+    pwa-display-mode: standalone
+) !default;
+
+
+// Cursor
+$myg--cursors: (
+    default: default,
+    text: text,
+    pointer: pointer,
+    help: help,
+    move: move,
+    grab: grab,
+    progress: progress,
+    wait: wait
+) !default;

data/lib/generators/templates/install/variables/_elevation.scss

@@ -0,0 +1,5 @@
+$myg-elevation: (
+    sm: 0 .0625em .3125em 0 color(box-shadow),
+    md: 0 .25em .9375em 0 color(box-shadow),
+    lg: 0 .4375em 2.5em 0 color(box-shadow)
+) !default;

data/lib/generators/templates/install/variables/_font.scss

@@ -0,0 +1,6 @@
+// Family
+$myg-font: (
+    default: (-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"),
+    sans-serif: ("Inter UI", "Helvetica Neue", sans-serif),
+    monospace: ("Inconsolata", "Roboto Mono", "Courier New", monospace)
+) !default;

data/lib/generators/templates/install/variables/_footer.scss

@@ -0,0 +1,3 @@
+$myg-footer: (
+    min-height: px(25)
+) !default;

data/lib/generators/templates/install/variables/_grid.scss

@@ -0,0 +1,15 @@
+// Breakpoints
+$myg-grid--breakpoints: (
+    phone: 512px,
+    tablet: 768px,
+    laptop: 1024px,
+    large: 1280px,
+    desktop: 1920px
+) !default;
+$myg-grid--columns: (
+    phone: 4,
+    tablet: 8,
+    laptop: 12,
+    large: 12,
+    desktop: 12
+) !default;

data/lib/generators/templates/install/variables/_layout.scss

@@ -0,0 +1,5 @@
+// Layout
+$myg-layout: (
+    toolbar-height: px(50),
+    sidebar-width: minmax(33%, px(400))
+) !default;

data/lib/generators/templates/install/variables/_spacing.scss

@@ -0,0 +1,6 @@
+$myg-spacing: (
+    tn: px(15),
+    sm: px(20),
+    md: px(30),
+    lg: px(50)
+) !default;

data/lib/generators/templates/install/variables/_text.scss

@@ -0,0 +1,55 @@
+// Text Size
+$myg-text--size: (
+    p: (sm: px(14), base: px(16), lg: px(18)),
+    h1: (sm: px(36), base: px(48), lg: px(64)),
+    h2: (sm: px(21), base: px(24), lg: px(30)),
+    h3: (sm: px(18), base: px(21), lg: px(24)),
+    h4: (sm: px(16), base: px(18), lg: px(21)),
+    h5: (sm: px(14), base: px(16), lg: px(18)),
+    h6: (sm: px(13), base: px(14), lg: px(16))
+) !default;
+$myg-text--size-mobile: (
+    p: (sm: px(13), base: px(14), lg: px(16)),
+    h1: (sm: px(30), base: px(36), lg: px(48)),
+    h2: (sm: px(18), base: px(21), lg: px(24)),
+    h3: (sm: px(16), base: px(18), lg: px(21)),
+    h4: (sm: px(14), base: px(16), lg: px(18)),
+    h5: (sm: px(13), base: px(14), lg: px(16)),
+    h6: (sm: px(12), base: px(13), lg: px(14))
+) !default;
+
+
+// Text Family
+$myg-text--family: (
+    p: sans-serif,
+    h1: sans-serif,
+    h2: sans-serif,
+    h3: sans-serif,
+    h4: sans-serif,
+    h5: sans-serif,
+    h6: sans-serif
+) !default;
+
+
+// Text Color
+$myg-text--color: (
+    p: color(text, base),
+    h1: color(text, darker),
+    h2: color(text, darker),
+    h3: color(text, darker),
+    h4: color(text, darker),
+    h5: color(text, darker),
+    h6: color(text, darker)
+) !default;
+
+
+// Text Weight
+$myg-text--weight: (
+    p: normal,
+    h1: bold,
+    h2: bold,
+    h3: bold,
+    h4: bold,
+    h5: bold,
+    h6: bold
+) !default;

data/lib/generators/templates/install/variables/_theme.scss

@@ -0,0 +1,17 @@
+// Border Radius
+$border-radius: (
+    none: 0,
+    sm: px(3),
+    md: px(5),
+    lg: px(10)
+) !default;
+
+
+// Scrollbar
+$scrollbar: (
+    width: px(5),
+    track-background: transparent,
+    thumb-border-radius: px(2.5),
+    thumb-background: color(border),
+    thumb-hover-background: color(text, dark)
+) !default;

data/lib/myg/version.rb

@@ -1,5 +1,5 @@
 module Myg
 
-    VERSION = '1.1.2'
+    VERSION = '1.2.0'
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: myg
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.2.0
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-08 00:00:00.000000000 Z
+date: 2018-02-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -145,6 +145,17 @@ files:
 - lib/generators/templates/install/myg.sass
 - lib/generators/templates/install/theme/_default.scss
 - lib/generators/templates/install/theme/theme.sass
+- lib/generators/templates/install/variables/_action-button.scss
+- lib/generators/templates/install/variables/_animate.scss
+- lib/generators/templates/install/variables/_base.scss
+- lib/generators/templates/install/variables/_elevation.scss
+- lib/generators/templates/install/variables/_font.scss
+- lib/generators/templates/install/variables/_footer.scss
+- lib/generators/templates/install/variables/_grid.scss
+- lib/generators/templates/install/variables/_layout.scss
+- lib/generators/templates/install/variables/_spacing.scss
+- lib/generators/templates/install/variables/_text.scss
+- lib/generators/templates/install/variables/_theme.scss
 - lib/generators/templates/theme/_theme.scss.erb
 - lib/myg.rb
 - lib/myg/configuration.rb