myg 1.2.0 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ecfef11006865a49b4670f14bbdd96ee30b090b621b6d81f26261d9472ac6950
-  data.tar.gz: 5b2a749c760218a405c6a167b403f76f44018ef0fe9de77751b5839cf902e776
+  metadata.gz: 55cef74361c47b08c31b7f964505ae27eca66fddae39e3affb5949d315e146bf
+  data.tar.gz: b9c42791739b28782f876b6894029b0430b889178948178f2873627cdc1467d6
 SHA512:
-  metadata.gz: 7d3eca61f622c8e7899d888c603a0ceac72bae75f7f74519b02f056d53b122116aa05770e3049d5aace4abac1b919e34a6bdb28629684779c5ece4777fac75f2
-  data.tar.gz: bc4a1a9f3ac9560b4fe846dd899745e6a34d97c1d61468f1f59c37b1ee4eede95fc7b0609edf051091997dfd2d868ff4017ef5489de47a8c52536b4ee14d5c25
+  metadata.gz: '0816eab69e1891006b65e78cda7226fd44a1f58d8790bae4b05f09f41697f84305e84344159cffd6c066d3ad716b233306b8c0b4482e73856b4708a6de03841b'
+  data.tar.gz: 4ebad2ef55260fd0a86249a399aa356b89773b401b720a4ab0ebf6b1c54331965e47085b718e84f8b1bc71e06d99062656c207ad9949b646813d2d6b9a08ca47

data/CHANGELOG.md

@@ -4,6 +4,12 @@
 
 * nothing yet
 
+### 2.0.0 - 2018/02/16
+
+* features
+    * generates javascript assets with `install` generator
+    * add `javascripts_dir`, `stylesheets_dir` and `es6` configuration options
+
 ### 1.2.0 - 2018/02/16
 
 * features

data/lib/generators/myg/install_generator.rb

@@ -12,23 +12,55 @@ class Myg::InstallGenerator < Rails::Generators::Base
         template 'initializer.rb', 'config/initializers/myg.rb'
     end
 
-    def create_assets
-        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"
+    def create_stylesheets
+        template 'stylesheets/myg.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/myg.sass"
+        template 'stylesheets/_myg.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/_myg.sass"
+        template 'stylesheets/_variables.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/_variables.sass"
+        template 'stylesheets/variables/_action-button.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_action-button.scss"
+        template 'stylesheets/variables/_animate.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_animate.scss"
+        template 'stylesheets/variables/_base.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_base.scss"
+        template 'stylesheets/variables/_elevation.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_elevation.scss"
+        template 'stylesheets/variables/_font.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_font.scss"
+        template 'stylesheets/variables/_footer.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_footer.scss"
+        template 'stylesheets/variables/_grid.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_grid.scss"
+        template 'stylesheets/variables/_layout.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_layout.scss"
+        template 'stylesheets/variables/_spacing.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_spacing.scss"
+        template 'stylesheets/variables/_text.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_text.scss"
+        template 'stylesheets/variables/_theme.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_theme.scss"
+        template 'stylesheets/theme/theme.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/theme/theme.sass"
+        template 'stylesheets/theme/_default.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/theme/_default.scss"
+    end
+
+    def create_javascripts
+        template 'javascripts/index.js.erb', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/index.js"
+        unless Myg.configuration&.es6 == false
+            template 'javascripts/action-button.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/action-button.js"
+            template 'javascripts/button.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/button.js"
+            template 'javascripts/card.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/card.js"
+            template 'javascripts/checkbox.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/checkbox.js"
+            template 'javascripts/dialog.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/dialog.js"
+            template 'javascripts/drawer.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/drawer.js"
+            template 'javascripts/dropdown.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/dropdown.js"
+            template 'javascripts/footer.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/footer.js"
+            template 'javascripts/form-field.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/form-field.js"
+            template 'javascripts/icon.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/icon.js"
+            template 'javascripts/input.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/input.js"
+            template 'javascripts/menu.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/menu.js"
+            template 'javascripts/modal.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/modal.js"
+            template 'javascripts/progress.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/progress.js"
+            template 'javascripts/radio.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/radio.js"
+            template 'javascripts/select.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/select.js"
+            template 'javascripts/sidebar.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/sidebar.js"
+            template 'javascripts/slide.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/slide.js"
+            template 'javascripts/slider.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/slider.js"
+            template 'javascripts/tabs.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/tabs.js"
+            template 'javascripts/text.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/text.js"
+            template 'javascripts/theme.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/theme.js"
+            template 'javascripts/titlebar.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/titlebar.js"
+            template 'javascripts/toast.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/toast.js"
+            template 'javascripts/toolbar.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/toolbar.js"
+            template 'javascripts/tooltip.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/tooltip.js"
+        end
     end
 
 end

data/lib/generators/templates/install/initializer.rb

@@ -1,7 +1,13 @@
 Myg.configure do |config|
 
-    # Path to Myg styles directory
-    # config.assets_dir = 'app/assets/stylesheets/myg'
+    # Path to Myg javascripts directory
+    # config.javascripts_dir = 'app/assets/javascripts/myg'
+
+    # Path to Myg stylehseets directory
+    # config.stylehseets_dir = 'app/assets/stylesheets/myg'
+
+    # Enable or disable Webpack (ES6)
+    # config.es6 = true
 
 
     ##### MYG-THEME #####

data/lib/generators/templates/install/javascripts/action-button.js

@@ -0,0 +1,5 @@
+import MygActionButton from 'myg-action-button';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygActionButton = new MygActionButton( document.querySelector('.myg-action-button'), {} );
+})

data/lib/generators/templates/install/javascripts/button.js

@@ -0,0 +1,5 @@
+import MygButton from 'myg-button';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygButtons = MygButton.initAll( document.querySelectorAll('.myg-button'), {} );
+})

data/lib/generators/templates/install/javascripts/card.js

@@ -0,0 +1,5 @@
+import MygCard from 'myg-card';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygCards = MygCard.initAll( document.querySelectorAll('.myg-card'), {} );
+})

data/lib/generators/templates/install/javascripts/checkbox.js

@@ -0,0 +1,5 @@
+import MygCheckbox from 'myg-checkbox';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygCheckboxes = MygCheckbox.initAll( document.querySelectorAll('.myg-checkbox'), {} );
+})

data/lib/generators/templates/install/javascripts/dialog.js

@@ -0,0 +1,5 @@
+import MygDialog from 'myg-dialog';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygDialogs = MygDialog.initAll( document.querySelectorAll('.myg-dialog'), {} );
+})

data/lib/generators/templates/install/javascripts/drawer.js

@@ -0,0 +1,5 @@
+import MygDrawer from 'myg-drawer';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygDrawer = new MygDrawer( document.querySelector('.myg-drawer'), {} );
+})

data/lib/generators/templates/install/javascripts/dropdown.js

@@ -0,0 +1,5 @@
+import MygDropdown from 'myg-dropdown';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygDropdowns = MygDropdown.initAll( document.querySelectorAll('.myg-dropdown'), {} );
+})

data/lib/generators/templates/install/javascripts/footer.js

@@ -0,0 +1,5 @@
+import MygFooter from 'myg-footer';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygFooter = new MygFooter( document.querySelector('.myg-footer'), {} );
+})

data/lib/generators/templates/install/javascripts/form-field.js

@@ -0,0 +1,5 @@
+import MygFormField from 'myg-form-field';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygFormFields = MygFormField.initAll( document.querySelectorAll('.myg-form-field'), {} );
+})

data/lib/generators/templates/install/javascripts/icon.js

@@ -0,0 +1,5 @@
+import MygIcon from 'myg-icon';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygIcons = MygIcon.initAll( document.querySelectorAll('.myg-icon'), {} );
+})

data/lib/generators/templates/install/javascripts/index.js.erb

@@ -0,0 +1,26 @@
+<% if Myg.configuration&.es6 == false %>//= require myg/dist/myg<% else %>import './action-button';
+import './button';
+import './card';
+import './checkbox';
+import './dialog';
+import './drawer';
+import './dropdown';
+import './footer';
+import './form-field';
+import './icon';
+import './input';
+import './menu';
+import './modal';
+import './progress';
+import './radio';
+import './select';
+import './sidebar';
+import './slide';
+import './slider';
+import './tabs';
+import './text';
+import './theme';
+import './titlebar';
+import './toast';
+import './toolbar';
+import './tooltip';<% end %>

data/lib/generators/templates/install/javascripts/input.js

@@ -0,0 +1,5 @@
+import MygInput from 'myg-input';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygInputs = MygInput.initAll( document.querySelectorAll('.myg-input'), {} );
+})

data/lib/generators/templates/install/javascripts/menu.js

@@ -0,0 +1,5 @@
+import MygMenu from 'myg-menu';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygMenu = new MygMenu( document.querySelector('.myg-menu'), {} );
+})

data/lib/generators/templates/install/javascripts/modal.js

@@ -0,0 +1,5 @@
+import MygModal from 'myg-modal';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygModals = MygModal.initAll( document.querySelectorAll('.myg-modal'), {} );
+})

data/lib/generators/templates/install/javascripts/progress.js

@@ -0,0 +1,5 @@
+import MygProgress from 'myg-progress';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygProgresses = MygProgress.initAll( document.querySelectorAll('.myg-progress'), {} );
+})

data/lib/generators/templates/install/javascripts/radio.js

@@ -0,0 +1,5 @@
+import MygRadio from 'myg-radio';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygRadios = MygRadio.initAll( document.querySelectorAll('.myg-radio'), {} );
+})

data/lib/generators/templates/install/javascripts/select.js

@@ -0,0 +1,5 @@
+import MygSelect from 'myg-select';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygSelects = MygSelect.initAll( document.querySelectorAll('.myg-select'), {} );
+})

data/lib/generators/templates/install/javascripts/sidebar.js

@@ -0,0 +1,5 @@
+import MygSidebar from 'myg-sidebar';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygSidebar = new MygSidebar( document.querySelector('.myg-sidebar'), {} );
+})

data/lib/generators/templates/install/javascripts/slide.js

@@ -0,0 +1,5 @@
+import MygSlide from 'myg-slide';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygSlides = MygSlide.initAll( document.querySelectorAll('.myg-slide'), {} );
+})

data/lib/generators/templates/install/javascripts/slider.js

@@ -0,0 +1,5 @@
+import MygSlider from 'myg-slider';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygSliders = MygSlider.initAll( document.querySelectorAll('.myg-slider'), {} );
+})

data/lib/generators/templates/install/javascripts/tabs.js

@@ -0,0 +1,5 @@
+import MygTabs from 'myg-tabs';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygTabs = new MygTabs( document.querySelector('.myg-tabs'), {} );
+})

data/lib/generators/templates/install/javascripts/text.js

@@ -0,0 +1,5 @@
+import MygText from 'myg-text';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygTexts = MygText.initAll( document.querySelectorAll('.myg-text'), {} );
+})

data/lib/generators/templates/install/javascripts/theme.js

@@ -0,0 +1,5 @@
+import MygTheme from 'myg-theme';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygTheme = new MygTheme( document.querySelector('html'), {} );
+})

data/lib/generators/templates/install/javascripts/titlebar.js

@@ -0,0 +1,5 @@
+import MygTitlebar from 'myg-titlebar';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygTitlebar = new MygTitlebar( document.querySelector('.myg-titlebar'), {} );
+})

data/lib/generators/templates/install/javascripts/toast.js

@@ -0,0 +1,5 @@
+import MygToast from 'myg-toast';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygToast = new MygToast( document.querySelector('.myg-toast'), {} );
+})

data/lib/generators/templates/install/javascripts/toolbar.js

@@ -0,0 +1,5 @@
+import MygToolbar from 'myg-toolbar';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygToolbar = new MygToolbar( document.querySelector('.myg-toolbar'), {} );
+})

data/lib/generators/templates/install/javascripts/tooltip.js

@@ -0,0 +1,5 @@
+import MygTooltip from 'myg-tooltip';
+
+document.addEventListener( 'turbolinks:load', () => {
+    const mygTooltips = MygTooltip.initAll( document.querySelectorAll('.myg-tooltip'), {} );
+})

data/lib/myg/configuration.rb

@@ -11,7 +11,9 @@ module Myg
 
     class Configuration
 
-        attr_accessor :assets_dir
+        attr_accessor :stylesheets_dir
+        attr_accessor :javascripts_dir
+        attr_accessor :es6
         attr_accessor :themes
         attr_accessor :theme
         attr_accessor :theme_auto
@@ -21,7 +23,9 @@ module Myg
         attr_accessor :theme_night_time
 
         def initialize
-            @assets_dir = 'app/assets/stylesheets/myg'
+            @stylesheets_dir = 'app/assets/stylesheets/myg'
+            @javascripts_dir = 'app/assets/javascripts/myg'
+            @es6 = true
             @themes = ['default']
             @theme = 'default'
             @theme_auto = false

data/lib/myg/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: myg
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 2.0.0
 platform: ruby
 authors:
 - Jonas Hübotter
@@ -139,23 +139,50 @@ files:
 - app/views/mozaic/myg/_toolbar.html.erb
 - lib/generators/myg/install_generator.rb
 - lib/generators/myg/theme_generator.rb
-- lib/generators/templates/install/_myg.sass
-- lib/generators/templates/install/_variables.sass
 - lib/generators/templates/install/initializer.rb
-- 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/install/javascripts/action-button.js
+- lib/generators/templates/install/javascripts/button.js
+- lib/generators/templates/install/javascripts/card.js
+- lib/generators/templates/install/javascripts/checkbox.js
+- lib/generators/templates/install/javascripts/dialog.js
+- lib/generators/templates/install/javascripts/drawer.js
+- lib/generators/templates/install/javascripts/dropdown.js
+- lib/generators/templates/install/javascripts/footer.js
+- lib/generators/templates/install/javascripts/form-field.js
+- lib/generators/templates/install/javascripts/icon.js
+- lib/generators/templates/install/javascripts/index.js.erb
+- lib/generators/templates/install/javascripts/input.js
+- lib/generators/templates/install/javascripts/menu.js
+- lib/generators/templates/install/javascripts/modal.js
+- lib/generators/templates/install/javascripts/progress.js
+- lib/generators/templates/install/javascripts/radio.js
+- lib/generators/templates/install/javascripts/select.js
+- lib/generators/templates/install/javascripts/sidebar.js
+- lib/generators/templates/install/javascripts/slide.js
+- lib/generators/templates/install/javascripts/slider.js
+- lib/generators/templates/install/javascripts/tabs.js
+- lib/generators/templates/install/javascripts/text.js
+- lib/generators/templates/install/javascripts/theme.js
+- lib/generators/templates/install/javascripts/titlebar.js
+- lib/generators/templates/install/javascripts/toast.js
+- lib/generators/templates/install/javascripts/toolbar.js
+- lib/generators/templates/install/javascripts/tooltip.js
+- lib/generators/templates/install/stylesheets/_myg.sass
+- lib/generators/templates/install/stylesheets/_variables.sass
+- lib/generators/templates/install/stylesheets/myg.sass
+- lib/generators/templates/install/stylesheets/theme/_default.scss
+- lib/generators/templates/install/stylesheets/theme/theme.sass
+- lib/generators/templates/install/stylesheets/variables/_action-button.scss
+- lib/generators/templates/install/stylesheets/variables/_animate.scss
+- lib/generators/templates/install/stylesheets/variables/_base.scss
+- lib/generators/templates/install/stylesheets/variables/_elevation.scss
+- lib/generators/templates/install/stylesheets/variables/_font.scss
+- lib/generators/templates/install/stylesheets/variables/_footer.scss
+- lib/generators/templates/install/stylesheets/variables/_grid.scss
+- lib/generators/templates/install/stylesheets/variables/_layout.scss
+- lib/generators/templates/install/stylesheets/variables/_spacing.scss
+- lib/generators/templates/install/stylesheets/variables/_text.scss
+- lib/generators/templates/install/stylesheets/variables/_theme.scss
 - lib/generators/templates/theme/_theme.scss.erb
 - lib/myg.rb
 - lib/myg/configuration.rb