material_design_lite-sass 1.0.2 → 1.0.2.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.
Files changed (7) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +6 -0
  3. data/README.md +43 -21
  4. data/lib/material_design_lite/sass/version.rb +1 -1
  5. data/vendor/assets/stylesheets/material/_checkbox.scss +3 -3
  6. data/vendor/assets/stylesheets/material/_progress.scss +2 -1
  7. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2754133d9be43d5084040c7f4d475f5ef58e3f44
4
- data.tar.gz: f916bc415128c12110311a57b5db14cf96a992db
3
+ metadata.gz: c2b7d2147ee5d39023119244dfe3248a8279f1b2
4
+ data.tar.gz: 5029847d8963a11a40b64c1dfc52e73dd296a462
5
5
  SHA512:
6
- metadata.gz: 824f3a9ce55e48112e920bfcd44d3a738b3e85f8f36f0c7b402f513da283aad1635968a4cf84cce18f7b89f42fb45f28c9105adb2a1ee6ec417beaac35411ecd
7
- data.tar.gz: 1bbe1f9eaed166493af02f3aaa83adcb503be7ba6961935e34f7c40305ae264364f75ca3588620c91b50f5e9a9d1d14ed6287a483e9ccc0365e5e3fc9c503fb5
6
+ metadata.gz: 95f034bef9fa25655b7bcf55c7a655a11a5c1c8bd4fe34775452ac5a64d8caca9fd5c9df657911af0028d325bfcc8e66855a279fd9e9d493c30fbfed87d265d4
7
+ data.tar.gz: 5f6152c0c1b5bcfe44e29dbec6299f307fefd2606e46729f05ccf1549579183337ba6f57e4182c5d945723c6dd29ce01d31f2f2f7392f967ab61985c916309e1
data/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.0.2.1 (2015-08-18)
2
+
3
+ - Bug Fix: Include missing svg files
4
+
5
+ Library version: Material Design Lite v1.0.2
6
+
1
7
  ## 1.0.2 (2015-07-29)
2
8
 
3
9
  - Update assets to match upstream version
data/README.md CHANGED
@@ -3,55 +3,51 @@
3
3
  [![Gem Version](https://badge.fury.io/rb/material_design_lite-sass.svg)](http://badge.fury.io/rb/material_design_lite-sass)
4
4
  [![Build Status](https://travis-ci.org/rubysamurai/material_design_lite-sass.svg?branch=master)](https://travis-ci.org/rubysamurai/material_design_lite-sass)
5
5
 
6
- `material_design_lite-sass` is a Sass-powered version of [Material Design Lite](http://www.getmdl.io/) by Google for your Ruby applications. It works with Ruby on Rails, Sprockets.
6
+ [Material Design Lite](http://www.getmdl.io/) (MDL) is a library of CSS and JavaScript components, that lets you add Material Design look to your websites. Material Design Lite is maintained by [Google](https://github.com/google/material-design-lite).
7
7
 
8
- This project is inspired from [bootstrap-sass](https://github.com/twbs/bootstrap-sass) by Twitter Bootstrap team.
8
+ `material_design_lite-sass` is a Sass-powered version of Material Design Lite for your applications. It allows to include all of Material Design Lite components at once or load them individually.
9
9
 
10
10
  ## Installation
11
11
 
12
- Material Design Lite website uses Material Icons and Roboto font for some code examples, these icons and font are not included with this gem.
12
+ Material Design Lite website uses Material Icons and Roboto font for some code examples, these icons and font are not included with `material_design_lite-sass` at this time.
13
13
 
14
14
  ### Ruby on Rails
15
15
 
16
- Add this line to your Rails application's Gemfile:
16
+ Open your Rails application's `Gemfile` and add this line:
17
17
 
18
18
  ```ruby
19
19
  gem 'material_design_lite-sass'
20
20
  ```
21
21
 
22
- And then execute `bundle` command to install.
22
+ Save `Gemfile` and execute `bundle` command to install the gem.
23
23
 
24
- Import `material` in `app/assets/stylesheets/application.scss`:
24
+ Open `/app/assets/stylesheets/application.scss` file and add this line:
25
25
 
26
26
  ```scss
27
27
  @import 'material';
28
28
  ```
29
29
 
30
- Default Rails installation comes with `.css` file extension for stylesheet assests files, make sure you change it to `.scss` and remove all the `//= require` and `//= require_tree` statements from file.
30
+ > **Note:** Default Rails installation comes with `.css` file extension for stylesheet assests files, make sure you change it to `.scss` and remove all the `//= require` and `//= require_tree` statements from file. Alternatively, to keep original `application.css` file, you can create `custom.scss` file in the same folder and import `material` there.
31
31
 
32
- Alternatively, to keep original `application.css` file, you can create `custom.scss` file in same folder and import `material` there.
32
+ Open `app/assets/javascripts/application.js` file and add this line:
33
33
 
34
- Require `material` javascript in `app/assets/javascripts/application.js`:
35
-
36
- ````
34
+ ```
37
35
  //= require material
38
- ````
39
-
36
+ ```
37
+ Restart Rails web server if it was running and now your Rails application is powered by Sass version of Material Design Lite.
40
38
 
41
39
  ## Usage
42
40
 
43
- By default, using `@import 'material';` and `//= require material`, all of Material Design Lite components are imported.
44
-
45
- You can import individual javascript components.
41
+ By default, using `@import 'material';` and `//= require material`, all of Material Design Lite components are imported. You can also import components individually.
46
42
 
47
- First you need to include support components:
43
+ To import specific JavaScript components, first you need to include support components:
48
44
 
49
45
  ```
50
46
  //= require material/mdlComponentHandler
51
47
  //= require material/rAF
52
48
  ```
53
49
 
54
- Then include Material Design Lite component:
50
+ Then include desired Material Design Lite JavaScript component:
55
51
 
56
52
  ```
57
53
  //= require material/button
@@ -71,7 +67,7 @@ Then include Material Design Lite component:
71
67
  //= require material/tooltip
72
68
  ```
73
69
 
74
- Individual `scss` components can be included like this:
70
+ Individual Sass components can be included like this:
75
71
 
76
72
  ```scss
77
73
  @import 'material/animation';
@@ -101,11 +97,37 @@ Individual `scss` components can be included like this:
101
97
  @import 'material/textfield';
102
98
  @import 'material/tooltip';
103
99
  @import 'material/typography';
100
+ ```
101
+
102
+ ### Variables
103
+
104
+ Sass version provides many variables to make customization process convenient. The full set of Material Design Lite variables can be found [here](https://github.com/rubysamurai/material_design_lite-sass/blob/master/vendor/assets/stylesheets/material/_variables.scss).
104
105
 
106
+ To override the variable it must be redefined before the `@import` directive, like this:
107
+
108
+ ```scss
109
+ $layout-header-bg-color: rgb(128,128,128) !default;
110
+ @import 'material';
105
111
  ```
106
112
 
107
- The full set of Material Design Lite variables can be found [here](https://github.com/rubysamurai/material_design_lite-sass/blob/master/vendor/assets/stylesheets/material/_variables.scss)
113
+ >**Note on Sass color variables:** All Material Design Lite color variables are defined with RGB values, overriding these variables with hexadecimal color values may result in unexpected behaviour.
114
+
115
+ ## Versioning
116
+
117
+ Material Design Lite for Sass follows the upstream version of Google's Material Design Lite. But last version number may be ahead, in case there is a need to release project specific changes.
118
+
119
+ Please always refer to the [CHANGELOG](https://github.com/rubysamurai/material_design_lite-sass/blob/master/CHANGELOG.md) when upgrading.
108
120
 
109
121
  ## Contributing
110
122
 
111
- Fork the project and submit a pull request.
123
+ Anyone is welcome to contribute to Material Design Lite for Sass. Please [raise an issue](https://github.com/rubysamurai/material_design_lite-sass/issues), fork the project, make changes to your forked repository and submit a pull request.
124
+
125
+ ## Credits
126
+
127
+ Material Design Lite for Sass is inspired from [bootstrap-sass](https://github.com/twbs/bootstrap-sass) by Twitter Bootstrap team.
128
+
129
+ ## License
130
+
131
+ Material Design Lite © Google, 2015. Licensed under an [Apache-2](https://github.com/google/material-design-lite/blob/master/LICENSE) license.
132
+
133
+ `material_design_lite-sass` © Dmitriy Tarasov, 2015. Released under a [MIT](https://github.com/rubysamurai/material_design_lite-sass/blob/master/LICENSE.txt) licence.
data/lib/material_design_lite/sass/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module MaterialDesignLite
2
2
  module Sass
3
- VERSION = '1.0.2'
3
+ VERSION = '1.0.2.1'
4
4
  end
5
5
  end
data/vendor/assets/stylesheets/material/_checkbox.scss CHANGED
@@ -117,18 +117,18 @@
117
117
  left: 0;
118
118
  height: 100%;
119
119
  width: 100%;
120
- mask: url("/images/tick-mask.svg?embed");
120
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
121
121
 
122
122
  background: transparent;
123
123
  @include material-animation-default(0.28s);
124
124
  transition-property: background;
125
125
 
126
126
  .mdl-checkbox.is-checked & {
127
- background: $checkbox-color url("/images/tick.svg?embed");
127
+ background: $checkbox-color url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
128
128
  }
129
129
 
130
130
  .mdl-checkbox.is-checked.is-disabled & {
131
- background: $checkbox-disabled-color url("/images/tick.svg?embed");
131
+ background: $checkbox-disabled-color url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
132
132
  }
133
133
  }
134
134
 
data/vendor/assets/stylesheets/material/_progress.scss CHANGED
@@ -54,7 +54,8 @@
54
54
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
55
55
  background-image: linear-gradient(to right, $progress-secondary-color, $progress-secondary-color),
56
56
  linear-gradient(to right, $progress-main-color, $progress-main-color);
57
- mask: url('/images/buffer.svg?embed');
57
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
58
+
58
59
  }
59
60
  }
60
61
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: material_design_lite-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.2
4
+ version: 1.0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dmitriy Tarasov
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2015-07-29 00:00:00.000000000 Z
11
+ date: 2015-08-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass