dlegr250_material_design 0.1.0 → 0.1.1
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 +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: []
|