material_design_lite-sass 1.0.2 → 1.0.2.1

Sign up to get free protection for your applications and to get access to all the features.
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