express_ui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 889d3a9fcc568593ba371a4930ac8d20a65f5724
4
- data.tar.gz: 1f30e7a1bbba7791d382423f5c21d705250a7f90
3
+ metadata.gz: c55ee024c31db73f708334af4a790266ed1913c8
4
+ data.tar.gz: 660896b329c3a00a0464cfab81089f96a0864d62
5
5
  SHA512:
6
- metadata.gz: 5bd82bbc36ac2c1faa5c1e019cd5bc25b3b61e2ffaa33c1464c0552476ea5ba12659299b14087e538973ed4ca59c9b8053019ca8759a5758fcf03ad34ef0f6f6
7
- data.tar.gz: 0db2620e95950be01f20ea0845722d96f529504bf4ed6b35a3bf97469730b9366ad45811dd40ca40e0fcbe3c62322e90dc3f15ba47a71d54b9103191094af840
6
+ metadata.gz: 255a3bd68e9936f3cff8b343eda126bde28a8cae6e1f282be09fb3160160c224f04d260530a26bc9587e7268d4981f49dbb80db948546b050648fc082cb843ee
7
+ data.tar.gz: ece767e656ab0ef61452acc1d910ec35c6828dc38a3133382f995a5b81a65291b138aa093762783414fab3a404b06fccd66f30f7b60133db054a719b58669169
data/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  Express UI
2
2
  ==========
3
3
 
4
- User interface library for AppExpress components.
4
+ User interface library for [AppExpress](https://appexpress.io/opensource) components.
5
5
 
6
6
  ## Installation
7
7
 
@@ -23,10 +23,10 @@ $ gem install express_ui
23
23
 
24
24
  ## Usage
25
25
 
26
- Add this line to `config/routes.rb`:
26
+ Install SASS mixins:
27
27
 
28
- ```
29
- mount ExpressUi::Engine => "/express_ui"
28
+ ```bash
29
+ $ bin/rails generate express_ui:install_mixins
30
30
  ```
31
31
 
32
32
  ## Testing
@@ -1,6 +1,5 @@
1
1
  // Global – Do not change order
2
- @import "atoms/01_variables"
3
- @import "atoms/02_mixins"
2
+ @import "mixins/express_ui"
4
3
  @import "atoms/animations"
5
4
  @import "atoms/media_queries"
6
5
  @import "atoms/typography"
@@ -1,4 +1,43 @@
1
- // All these mixins need to be present in the app.
1
+ // IMPORTANT: Make sure this file is imported in the application.sass, i.e.g, @import 'mixins/express_ui'
2
+ // Content Outline
3
+ //
4
+ // I. Variables
5
+ // II. Mixins
6
+
7
+ // I. Variables
8
+ $primary-color: #6699CC
9
+ $primary-active-color: #477db0
10
+ $secondary-color: #999999
11
+ $sidebar-caret-icon: #ffffff
12
+ $success: #3c763d
13
+ $cancelled: #a94442
14
+ $pending: #faf2cc
15
+ $deleted: lighten($secondary-color, 30%)
16
+ $border-dark: $secondary-color
17
+ $border-light: #eaeaea
18
+ $body-color: #666
19
+ $body-background: #fff
20
+ $heading-color: #333
21
+ $link-color: $primary-color
22
+ $body-lighter: #999
23
+ $icon-color: #333
24
+ $smartphone: 480px
25
+ $tablet: 768px
26
+ $laptop: 1024px
27
+ $desktop: 1440px
28
+ $gray-background: #F7F7F7
29
+ $thead-color: #888
30
+ $dark-gray-background: rgba(#ccc, 0.1)
31
+ $container: 960px
32
+ $line-height: 14px
33
+ $font-size-root: 62.5%
34
+ $header-height: 55px
35
+ $header-max-height: 60px
36
+ $container-padding: 0.25em
37
+ // 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)
38
+
39
+ // II. Mixins
40
+
2
41
  @mixin border-radius($n)
3
42
  -moz-border-radius: $n
4
43
  -webkit-border-radius: $n
@@ -1,3 +1,3 @@
1
1
  module ExpressUi
2
- VERSION = '0.3.0'
2
+ VERSION = '0.4.0'
3
3
  end
@@ -0,0 +1,11 @@
1
+ Usage:
2
+ rails generate express_ui:install_mixins
3
+
4
+ Description:
5
+ Generates ExpressUI SASS mixins
6
+
7
+ Example:
8
+ rails generate express_ui:install_mixins
9
+
10
+ This will create:
11
+ app/assets/stylesheets/_express_ui.sass
@@ -0,0 +1,13 @@
1
+ module ExpressUi
2
+ module Generators
3
+ class MixinsGenerator < Rails::Generators::Base
4
+ namespace "express_ui:install_mixins"
5
+
6
+ source_root File.expand_path('../../../../app/assets/stylesheets/express_ui/mixins', __FILE__)
7
+
8
+ def install
9
+ copy_file "_express_ui.sass", "app/assets/stylesheets/_express_ui.sass"
10
+ end
11
+ end
12
+ end
13
+ end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: express_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Steven Talcott Smith
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2017-05-10 00:00:00.000000000 Z
13
+ date: 2017-05-11 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: express_templates
@@ -169,8 +169,6 @@ files:
169
169
  - app/assets/javascripts/express_ui/sidebar.js
170
170
  - app/assets/javascripts/express_ui/styleguide.js
171
171
  - app/assets/stylesheets/express_ui/application.sass
172
- - app/assets/stylesheets/express_ui/atoms/_01_variables.sass
173
- - app/assets/stylesheets/express_ui/atoms/_02_mixins.sass
174
172
  - app/assets/stylesheets/express_ui/atoms/_animations.sass
175
173
  - app/assets/stylesheets/express_ui/atoms/_buttons.sass
176
174
  - app/assets/stylesheets/express_ui/atoms/_headings.sass
@@ -179,6 +177,7 @@ files:
179
177
  - app/assets/stylesheets/express_ui/atoms/_media_queries.sass
180
178
  - app/assets/stylesheets/express_ui/atoms/_reset.sass
181
179
  - app/assets/stylesheets/express_ui/atoms/_typography.sass
180
+ - app/assets/stylesheets/express_ui/mixins/_express_ui.sass
182
181
  - app/assets/stylesheets/express_ui/molecules/_button_group.sass
183
182
  - app/assets/stylesheets/express_ui/molecules/_container.sass
184
183
  - app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
@@ -303,6 +302,8 @@ files:
303
302
  - lib/express_ui.rb
304
303
  - lib/express_ui/engine.rb
305
304
  - lib/express_ui/version.rb
305
+ - lib/generators/express_ui/USAGE
306
+ - lib/generators/express_ui/mixins_generator.rb
306
307
  - lib/tasks/express_ui_tasks.rake
307
308
  - vendor/assets/javascripts/anchorific.js
308
309
  - vendor/assets/javascripts/forms.js
@@ -1,30 +0,0 @@
1
- $primary-color: #6699CC
2
- $primary-active-color: #477db0
3
- $secondary-color: #999999
4
- $sidebar-caret-icon: #ffffff
5
- $success: #3c763d
6
- $cancelled: #a94442
7
- $pending: #faf2cc
8
- $deleted: lighten($secondary-color, 30%)
9
- $border-dark: $secondary-color
10
- $border-light: #eaeaea
11
- $body-color: #666
12
- $body-background: #fff
13
- $heading-color: #333
14
- $link-color: $primary-color
15
- $body-lighter: #999
16
- $icon-color: #333
17
- $smartphone: 480px
18
- $tablet: 768px
19
- $laptop: 1024px
20
- $desktop: 1440px
21
- $gray-background: #F7F7F7
22
- $thead-color: #888
23
- $dark-gray-background: rgba(#ccc, 0.1)
24
- $container: 960px
25
- $line-height: 14px
26
- $font-size-root: 62.5%
27
- $header-height: 55px
28
- $header-max-height: 60px
29
- $container-padding: 0.25em
30
- // 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)