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 +4 -4
- data/README.md +4 -4
- data/app/assets/stylesheets/express_ui/application.sass +1 -2
- data/app/assets/stylesheets/express_ui/{atoms/_02_mixins.sass → mixins/_express_ui.sass} +40 -1
- data/lib/express_ui/version.rb +1 -1
- data/lib/generators/express_ui/USAGE +11 -0
- data/lib/generators/express_ui/mixins_generator.rb +13 -0
- metadata +5 -4
- data/app/assets/stylesheets/express_ui/atoms/_01_variables.sass +0 -30
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c55ee024c31db73f708334af4a790266ed1913c8
|
4
|
+
data.tar.gz: 660896b329c3a00a0464cfab81089f96a0864d62
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
26
|
+
Install SASS mixins:
|
27
27
|
|
28
|
-
```
|
29
|
-
|
28
|
+
```bash
|
29
|
+
$ bin/rails generate express_ui:install_mixins
|
30
30
|
```
|
31
31
|
|
32
32
|
## Testing
|
@@ -1,4 +1,43 @@
|
|
1
|
-
//
|
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
|
data/lib/express_ui/version.rb
CHANGED
@@ -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.
|
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-
|
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)
|