dlegr250_material_design 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +21 -3
- data/dlegr250_material_design.gemspec +1 -1
- data/lib/dlegr250_material_design/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8c0db7366b0cf2fc0cc909d903dc15123bb15774
|
|
4
|
+
data.tar.gz: 298166383c3d9d0b95e1944aabef9285d3c6183f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f3550e9f165090658ebc06995f3becfb8bbe325153d0ad8169e044f83115b26a1a00640e70d0f79c40e9f9989de3a5764b30e4d8577d45963c1b8cb2d229ccd4
|
|
7
|
+
data.tar.gz: 0b238a68b64be39890cbe35ce8b07d67f344c281b4366ccc618b6fbd35d18a5277fbcb0cfc9e4375d844798c70f69f57395d57ec90f15ce38698750f6a9a037d
|
data/README.md
CHANGED
|
@@ -46,12 +46,30 @@ Using the `.scss` extension lets you control the order in which files are loaded
|
|
|
46
46
|
|
|
47
47
|
If you aren't using `.scss` extensions on all your stylesheets, you're doing it wrong ;)p
|
|
48
48
|
|
|
49
|
+
## Application Default Variables
|
|
50
|
+
|
|
51
|
+
The gem uses `SASS` variables to set standard defaults for your application. This allows you to change major colors by simply changing a single variable.
|
|
52
|
+
|
|
53
|
+
In your `application.scss` file, *before* you import the library, set your variables. This mechanism relies upon [SASS default variables](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variable_defaults_) that fall back to standard defaults if you do not specify them.
|
|
54
|
+
|
|
55
|
+
```css
|
|
56
|
+
$body-background-color: #eee;
|
|
57
|
+
$primary-color: blue;
|
|
58
|
+
$secondary-color: red;
|
|
59
|
+
$hover-color: grey;
|
|
60
|
+
$appbar-text-color: #fff;
|
|
61
|
+
$appbar-button-color: darkblue;
|
|
62
|
+
|
|
63
|
+
@import "dlegr250_material_design";
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
This changes the defaults for major layout elements or colored components by changing the `color("primary")` SASS map value.
|
|
67
|
+
|
|
68
|
+
Note that you can always override an element's color or background color using the `color-{COLOR}` or `background-color-{COLOR}` CSS classes that override whatever other defaults the element has.
|
|
69
|
+
|
|
49
70
|
## Todo
|
|
50
71
|
|
|
51
72
|
* Finalize components that will be implemented
|
|
52
|
-
* Cleanup all stylesheets and remove unused styles
|
|
53
|
-
* Cleanup all JS/Coffee and use a global `App` object instead of `window`
|
|
54
|
-
* Implement simple way to config application-specific default values for styles
|
|
55
73
|
* Test in major browser versions and mobile devices
|
|
56
74
|
* Update JS/CoffeeScript to use ES6 when that becomes mainstream, and IF the Rails Core is going to adopt ES6 as a standard; this gem is more about building Rails applications than using a specific JavaScript implementation
|
|
57
75
|
|
|
@@ -10,7 +10,7 @@ Gem::Specification.new do |spec|
|
|
|
10
10
|
spec.email = ["dan.legrand@gmail.com"]
|
|
11
11
|
|
|
12
12
|
spec.summary = %q{Customized implementation of Google Material Design User Interface.}
|
|
13
|
-
spec.description = %q{Implement Google Material Design spec with modern browsers in mind.}
|
|
13
|
+
spec.description = %q{WARNING: ALPHA CODE, NOT PRODUCTION READY. Implement Google Material Design spec with modern browsers in mind.}
|
|
14
14
|
spec.homepage = "http://www.github.com/dlegr250/dlegr250_material_design"
|
|
15
15
|
|
|
16
16
|
# Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: dlegr250_material_design
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Daniel LeGrand
|
|
@@ -52,7 +52,8 @@ dependencies:
|
|
|
52
52
|
- - ">="
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: '0'
|
|
55
|
-
description:
|
|
55
|
+
description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. Implement Google Material
|
|
56
|
+
Design spec with modern browsers in mind.'
|
|
56
57
|
email:
|
|
57
58
|
- dan.legrand@gmail.com
|
|
58
59
|
executables: []
|