express_ui 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 889d3a9fcc568593ba371a4930ac8d20a65f5724
-  data.tar.gz: 1f30e7a1bbba7791d382423f5c21d705250a7f90
+  metadata.gz: c55ee024c31db73f708334af4a790266ed1913c8
+  data.tar.gz: 660896b329c3a00a0464cfab81089f96a0864d62
 SHA512:
-  metadata.gz: 5bd82bbc36ac2c1faa5c1e019cd5bc25b3b61e2ffaa33c1464c0552476ea5ba12659299b14087e538973ed4ca59c9b8053019ca8759a5758fcf03ad34ef0f6f6
-  data.tar.gz: 0db2620e95950be01f20ea0845722d96f529504bf4ed6b35a3bf97469730b9366ad45811dd40ca40e0fcbe3c62322e90dc3f15ba47a71d54b9103191094af840
+  metadata.gz: 255a3bd68e9936f3cff8b343eda126bde28a8cae6e1f282be09fb3160160c224f04d260530a26bc9587e7268d4981f49dbb80db948546b050648fc082cb843ee
+  data.tar.gz: ece767e656ab0ef61452acc1d910ec35c6828dc38a3133382f995a5b81a65291b138aa093762783414fab3a404b06fccd66f30f7b60133db054a719b58669169

data/README.md

@@ -1,7 +1,7 @@
 Express UI
 ==========
 
-User interface library for AppExpress components.
+User interface library for [AppExpress](https://appexpress.io/opensource) components.
 
 ## Installation
 
@@ -23,10 +23,10 @@ $ gem install express_ui
 
 ## Usage
 
-Add this line to `config/routes.rb`:
+Install SASS mixins:
 
-```
-mount ExpressUi::Engine => "/express_ui"
+```bash
+$ bin/rails generate express_ui:install_mixins
 ```
 
 ## Testing

data/app/assets/stylesheets/express_ui/application.sass

@@ -1,6 +1,5 @@
 // Global – Do not change order
-@import "atoms/01_variables"
-@import "atoms/02_mixins"
+@import "mixins/express_ui"
 @import "atoms/animations"
 @import "atoms/media_queries"
 @import "atoms/typography"

data/app/assets/stylesheets/express_ui/{atoms/_02_mixins.sass → mixins/_express_ui.sass}

@@ -1,4 +1,43 @@
-// All these mixins need to be present in the app.
+//	IMPORTANT: Make sure this file is imported in the application.sass, i.e.g, @import 'mixins/express_ui'
+//	Content Outline
+//
+//	I.	Variables
+//	II.	Mixins
+
+//	I. Variables
+$primary-color: #6699CC
+$primary-active-color: #477db0
+$secondary-color: #999999
+$sidebar-caret-icon: #ffffff
+$success: #3c763d
+$cancelled: #a94442
+$pending: #faf2cc
+$deleted: lighten($secondary-color, 30%)
+$border-dark: $secondary-color
+$border-light: #eaeaea
+$body-color: #666
+$body-background: #fff
+$heading-color: #333
+$link-color: $primary-color
+$body-lighter: #999
+$icon-color: #333
+$smartphone: 480px
+$tablet: 768px
+$laptop: 1024px
+$desktop: 1440px
+$gray-background: #F7F7F7
+$thead-color: #888
+$dark-gray-background: rgba(#ccc, 0.1)
+$container: 960px
+$line-height: 14px
+$font-size-root: 62.5%
+$header-height: 55px
+$header-max-height: 60px
+$container-padding: 0.25em
+// Because all browsers have a default font-size of 16px, setting the font-size to 62.5% on the html element gives it a font-size of 10px (10 / 16 * 100 = 62.5)
+
+//	II. Mixins
+
 @mixin border-radius($n)
   -moz-border-radius: $n
   -webkit-border-radius: $n

data/lib/express_ui/version.rb

@@ -1,3 +1,3 @@
 module ExpressUi
-  VERSION = '0.3.0'
+  VERSION = '0.4.0'
 end

data/lib/generators/express_ui/USAGE

@@ -0,0 +1,11 @@
+Usage:
+    rails generate express_ui:install_mixins
+
+Description:
+    Generates ExpressUI SASS mixins
+
+Example:
+    rails generate express_ui:install_mixins
+
+    This will create:
+        app/assets/stylesheets/_express_ui.sass

data/lib/generators/express_ui/mixins_generator.rb

@@ -0,0 +1,13 @@
+module ExpressUi
+  module Generators
+    class MixinsGenerator < Rails::Generators::Base
+      namespace "express_ui:install_mixins"
+
+      source_root File.expand_path('../../../../app/assets/stylesheets/express_ui/mixins', __FILE__)
+
+      def install
+        copy_file "_express_ui.sass", "app/assets/stylesheets/_express_ui.sass"
+      end
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: express_ui
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Steven Talcott Smith
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-10 00:00:00.000000000 Z
+date: 2017-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: express_templates
@@ -169,8 +169,6 @@ files:
 - app/assets/javascripts/express_ui/sidebar.js
 - app/assets/javascripts/express_ui/styleguide.js
 - app/assets/stylesheets/express_ui/application.sass
-- app/assets/stylesheets/express_ui/atoms/_01_variables.sass
-- app/assets/stylesheets/express_ui/atoms/_02_mixins.sass
 - app/assets/stylesheets/express_ui/atoms/_animations.sass
 - app/assets/stylesheets/express_ui/atoms/_buttons.sass
 - app/assets/stylesheets/express_ui/atoms/_headings.sass
@@ -179,6 +177,7 @@ files:
 - app/assets/stylesheets/express_ui/atoms/_media_queries.sass
 - app/assets/stylesheets/express_ui/atoms/_reset.sass
 - app/assets/stylesheets/express_ui/atoms/_typography.sass
+- app/assets/stylesheets/express_ui/mixins/_express_ui.sass
 - app/assets/stylesheets/express_ui/molecules/_button_group.sass
 - app/assets/stylesheets/express_ui/molecules/_container.sass
 - app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
@@ -303,6 +302,8 @@ files:
 - lib/express_ui.rb
 - lib/express_ui/engine.rb
 - lib/express_ui/version.rb
+- lib/generators/express_ui/USAGE
+- lib/generators/express_ui/mixins_generator.rb
 - lib/tasks/express_ui_tasks.rake
 - vendor/assets/javascripts/anchorific.js
 - vendor/assets/javascripts/forms.js

data/app/assets/stylesheets/express_ui/atoms/_01_variables.sass

@@ -1,30 +0,0 @@
-$primary-color: #6699CC
-$primary-active-color: #477db0
-$secondary-color: #999999
-$sidebar-caret-icon: #ffffff
-$success: #3c763d
-$cancelled: #a94442
-$pending: #faf2cc
-$deleted: lighten($secondary-color, 30%)
-$border-dark: $secondary-color
-$border-light: #eaeaea
-$body-color: #666
-$body-background: #fff
-$heading-color: #333
-$link-color: $primary-color
-$body-lighter: #999
-$icon-color: #333
-$smartphone: 480px
-$tablet: 768px
-$laptop: 1024px
-$desktop: 1440px
-$gray-background: #F7F7F7
-$thead-color: #888
-$dark-gray-background: rgba(#ccc, 0.1)
-$container: 960px
-$line-height: 14px
-$font-size-root: 62.5%
-$header-height: 55px
-$header-max-height: 60px
-$container-padding: 0.25em
-// Because all browsers have a default font-size of 16px, setting the font-size to 62.5% on the html element gives it a font-size of 10px (10 / 16 * 100 = 62.5)