material_icons 2.0.1 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fc78f2df4dccd7d5516104c68d5c5b9b2224c3c2
-  data.tar.gz: ec3ddc779ca564c9886abacbcdac68bea776dc93
+  metadata.gz: c74535ad2121a9914d38c812f5fe757bfa1f676b
+  data.tar.gz: 5978448ddfa9ac9ec5ff741f58158442e1948d05
 SHA512:
-  metadata.gz: 2d5f75e101a633afd4c675aa2e1d6f24276a04a046e64bffa2974ed36b4db346d9428d983fff441de8b641e5cef55e0a8bea3e31786d32e5f87f09622e137ff9
-  data.tar.gz: 088bf46a2d5ad9cb7888867c6788dd0b6e3e243cec94f8b54c296f016f3141aba8fded4a776e943db87e33d0ed0a243c780048a10df93cf53dd429976084a389
+  metadata.gz: 12d726f900411eb606aca870fa71402196733b197a2e97f13d80b189fa068c10b3d6c5e9be325022896306fe1523047cac5cc481757b0ccde6ee0f0383aecbb4
+  data.tar.gz: 54fb855d59380abb36dbef337543981e6054f25885b8c8e53f491243bc2e77df2fa092a39f624ed8b98a70625b4b82bf57f54860255ef760e47e17f6b46b010b

data/README.md

@@ -4,11 +4,11 @@
 
 # Material Icons for Rails
 
-[Google Material Icons](https://google.github.io/material-design-icons/) is a +750 set of icons based on Material Design guidelines. With this gem you can add it easily to your Rails projects.
+[Google Material Icons](https://google.github.io/material-design-icons/) is a +900 set of icons based on Material Design guidelines. With this gem you can add it easily to your Rails projects.
 
-## Google Material Icons v2.1
+## Google Material Icons v2.2
 
-Google updates Material Icons to version 2.1. It's include 96 new icons!
+Google updates Material Icons to version 2.2. It's include 41 new icons!
 
 # Installation
 
@@ -20,11 +20,17 @@ Then, execute `bundle install`.
 
 # CSS
 
-In your `application.css.erb` file you need to reference material icons CSS. There are two versions: ligature or unicode (See [Compatibility](#compatibility) section for more info).
+In your `app/assets/stylesheets/application.css` file you need to reference material icons CSS. There are two versions: ligature or unicode (See [Compatibility](#compatibility) section for more info).
 
-Add this line at top of `application.css.erb` to use ligature:
+Add this line at top of `application.css` to use ligature:
 
-	//= require material_icons
+```css
+/*
+*= require material_icons
+*/
+```
+
+**NOTE**: Depending on the comment style of `application.css`, you may need to add `//= require material_icons` instead of the previous line. See [Rails Asset Pipeline](http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives) for more info.
 
 These files provide multiple CSS classes to use in your views. Main classes are:
 
@@ -32,22 +38,24 @@ These files provide multiple CSS classes to use in your views. Main classes are:
 
 Some CSS classes are provided too:
 
-	/* Size */
-	.md-18
-	.md-24
-	.md-36
-	.md-48
-
-	/* Color */
-	.md-dark
-	.md-light
-
-	/* Rotation */
-	.r90
-	.r180
-	.r270
-	.flip-horizontal
-	.flip-vertical
+```
+/* Size */
+.md-18
+.md-24
+.md-36
+.md-48
+
+/* Color */
+.md-dark
+.md-light
+
+/* Rotation */
+.r90
+.r180
+.r270
+.flip-horizontal
+.flip-vertical
+```
 
 Don't forget to see material_icons.css.erb ;).
 
@@ -56,91 +64,122 @@ Don't forget to see material_icons.css.erb ;).
 Google Material Icons uses a feature called ligatures. We can define the icon in the text of the HTML tag. Go to [Google Guide](https://google.github.io/material-design-icons/#using-the-icons-in-html) to get more info.
 
 An example of icon is:
-	
-	<i class="material-icons">face</i>
-	<i class="material-icons md-36">face</i>
+
+```html
+<i class="material-icons">face</i>
+<i class="material-icons md-36">face</i>
+```
 
 ## Helpers
 
 Material Icons provide two helpers to build the HTML code of icons. The methods are `material_icon` and `mi`. These helpers use cascade style to set the icon and options. Using same example:
 
-	<%= material_icon.face %>
-	# <i class="material-icons">face</i>
+```
+<%= material_icon.face %>
+# <i class="material-icons">face</i>
 
-	<%= material_icon.face.md_36 %>
-	# <i class="material-icons md-36">face</i>
+<%= material_icon.face.md_36 %>
+# <i class="material-icons md-36">face</i>
 
-	# This is a special case because the icon name starts with a number. Only
-	# 3d_rotation has this trouble.
-	<%= material_icon.three_d_rotation.md_36 %>
-	# <i class="material-icons md-36">3d_rotation</i>
+# This is a special case because the icon name starts with a number. Only
+# 3d_rotation has this trouble.
+<%= material_icon.three_d_rotation.md_36 %>
+# <i class="material-icons md-36">3d_rotation</i>
 
-	# Rotation and custom css class
-	<%= mi.face.r90.css_class('my_class') %>
-	# <i class="material-icons r90 my_class">face</i>
+# Rotation and custom css class
+<%= mi.face.r90.css_class('my_class') %>
+# <i class="material-icons r90 my_class">face</i>
+```
 
 Allowed methods are:
-	
-	# Rotation methods
-	r90
-	r180
-	r270
-	flip_horizontal
-	flip_vertical
 
-	# Size methods
-	md_18
-	md_24
-	md_36
-	md_48
+```
+# Rotation methods
+r90
+r180
+r270
+flip_horizontal
+flip_vertical
+
+# Size methods
+md_18
+md_24
+md_36
+md_48
 
-	# Add some classes to the icon
-	css_class('classes')
+# Add some classes to the icon
+css_class('classes')
 
-	# Add style to the icon
-	style('margin-top: 5px;')
+# Add style to the icon
+style('margin-top: 5px;')
 
-	# Add some HTML attributes to an icon. This method receive a Hash
-	html({ data: { id: 1 } })
+# Add some HTML attributes to an icon. This method receive a Hash
+html({ data: { id: 1 } })
+```
 
 Remember this is a helper, you always can use HTML syntax ;).
 
+# Slim templating engine
+
+If you are using [Slim templating engine](http://slim-lang.com/) in your Rails application, use double equal `==` method to render icons or the content won't be marked as HTML safe. We are working on this issue, because we use `content_tag` and it sets the text as HTML safe (see [ActionView::Helpers::TagHelper line 146](https://github.com/rails/rails/blob/4-2-stable/actionview/lib/action_view/helpers/tag_helper.rb#L146)).
+
+```
+p.text
+  == material_icon.search.md_18
+```
+
+Reference [#9](https://github.com/Angelmmiguel/material_icons/issues/9)
+
 # Compatibility
 
-Ligature feature requires a supported browser: 
+Ligature feature requires a supported browser:
+
+Browser | Version    
+---- | ----
+Google Chrome | >= 11        
+Mozilla Firefox | >= 3.5     
+Apple Safari | >= 5       
+Microsoft IE | >= 10      
+Opera | >= 15      
+Apple MobileSafari | >= iOS 4.2
+Android Browser | >= 3.0     
+
+To increase compatibility you can use Unicode version of the library. To set Unicode icons, you need to change the line to load ligature CSS file on `app/assets/stylesheets/application.css` (`*= require material_icons`) to this line:
 
-	Google Chrome       >= 11
-	Mozilla Firefox     >= 3.5
-	Apple Safari        >= 5
-	Microsoft IE        >= 10
-	Opera               >= 15
-	Apple MobileSafari  >= iOS 4.2
-	Android Browser     >= 3.0
+```css
+/*
+*= require material_icons_unicode
+*/
+```
 
-To increase compatibility you can use Unicode version of the library. To set Unicode icons, you need to change the line to load ligature CSS file on `application.css.erb` ~> `//= require material_icons` to this line:
+**NOTE**: Depending on the comment style of `application.css`, you may need to add `//= require material_icons_unicode` instead of the previous line. See [Rails Asset Pipeline](http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives) for more info.
 
-	//= require material_icons_unicode
+Next, you need to specify the helper to use unicode because it uses ligatures by default. Create an initializer file on `config/initializers/material_icons.rb` and set this content:
 
-Next, you need to specify the helper to use unicode because it uses ligatures by default. Create an initializer file on `config/initializers/material_icon.rb` and set this content:
-	
-	# Initialize material icons setup
-	MaterialIcons.setup do |config|
-	  config.unicode = true
-	end
+```ruby
+# Initialize material icons setup
+MaterialIcons.setup do |config|
+  config.unicode = true
+end
+```
 
 The [Helpers](#helpers) has the same syntax.
 
 Now, the text inside of HTML tag is the CSS class! CSS Icon classes use underscores.
 
-	<i class="material-icons face"></i>
-	<i class="mi md-36 face"></i>
-	<i class="mi add_box"></i>
-	<i class="mi three_d_rotation"></i>
+```html
+<i class="material-icons face"></i>
+<i class="mi md-36 face"></i>
+<i class="mi add_box"></i>
+<i class="mi three_d_rotation"></i>
+```
 
 This version increase the size of the CSS file too. To see the difference, these are the size for uncompressed CSS files:
 
-	material_icons.css.erb            3  KB
-	material_icons_unicode.css.erb    68 KB
+File | Size
+---- | ----
+material_icons.css.erb | 3  KB
+material_icons_unicode.css.erb | 68 KB
 
 # Tested on
 
@@ -162,7 +201,7 @@ Rails versions:
 
 # They are using Material icons for Rails :)
 
-* [Materialup.com](http://www.materialup.com): a big community to share, discover and learn about Material Design. 
+* [Materialup.com](http://www.materialup.com): a big community to share, discover and learn about Material Design.
 
 # License
 

data/app/assets/stylesheets/material_icons_unicode.css.erb

@@ -503,6 +503,10 @@
 .mi.border_vertical:before {
   content: '\e233';
 }
+.material-icons.branding_watermark:before,
+.mi.branding_watermark:before {
+  content: '\e06b';
+}
 .material-icons.brightness_1:before,
 .mi.brightness_1:before {
   content: '\e3a6';
@@ -555,6 +559,10 @@
 .mi.brush:before {
   content: '\e3ae';
 }
+.material-icons.bubble_chart:before,
+.mi.bubble_chart:before {
+  content: '\e6dd';
+}
 .material-icons.bug_report:before,
 .mi.bug_report:before {
   content: '\e868';
@@ -563,6 +571,10 @@
 .mi.build:before {
   content: '\e869';
 }
+.material-icons.burst_mode:before,
+.mi.burst_mode:before {
+  content: '\e43c';
+}
 .material-icons.business:before,
 .mi.business:before {
   content: '\e0af';
@@ -611,6 +623,10 @@
 .mi.call_split:before {
   content: '\e0b6';
 }
+.material-icons.call_to_action:before,
+.mi.call_to_action:before {
+  content: '\e06c';
+}
 .material-icons.camera:before,
 .mi.camera:before {
   content: '\e3af';
@@ -927,6 +943,14 @@
 .mi.delete:before {
   content: '\e872';
 }
+.material-icons.delete_forever:before,
+.mi.delete_forever:before {
+  content: '\e92b';
+}
+.material-icons.delete_sweep:before,
+.mi.delete_sweep:before {
+  content: '\e16c';
+}
 .material-icons.description:before,
 .mi.description:before {
   content: '\e873';
@@ -1027,6 +1051,14 @@
 .mi.do_not_disturb_alt:before {
   content: '\e611';
 }
+.material-icons.do_not_disturb_off:before,
+.mi.do_not_disturb_off:before {
+  content: '\e643';
+}
+.material-icons.do_not_disturb_on:before,
+.mi.do_not_disturb_on:before {
+  content: '\e644';
+}
 .material-icons.dock:before,
 .mi.dock:before {
   content: '\e30e';
@@ -1099,6 +1131,14 @@
 .mi.error_outline:before {
   content: '\e001';
 }
+.material-icons.euro_symbol:before,
+.mi.euro_symbol:before {
+  content: '\e926';
+}
+.material-icons.ev_station:before,
+.mi.ev_station:before {
+  content: '\e56d';
+}
 .material-icons.event:before,
 .mi.event:before {
   content: '\e878';
@@ -1187,6 +1227,14 @@
 .mi.favorite_border:before {
   content: '\e87e';
 }
+.material-icons.featured_play_list:before,
+.mi.featured_play_list:before {
+  content: '\e06d';
+}
+.material-icons.featured_video:before,
+.mi.featured_video:before {
+  content: '\e06e';
+}
 .material-icons.feedback:before,
 .mi.feedback:before {
   content: '\e87f';
@@ -1311,6 +1359,10 @@
 .mi.fingerprint:before {
   content: '\e90d';
 }
+.material-icons.first_page:before,
+.mi.first_page:before {
+  content: '\e5dc';
+}
 .material-icons.fitness_center:before,
 .mi.fitness_center:before {
   content: '\eb43';
@@ -1507,6 +1559,10 @@
 .mi.functions:before {
   content: '\e24a';
 }
+.material-icons.g_translate:before,
+.mi.g_translate:before {
+  content: '\e927';
+}
 .material-icons.gamepad:before,
 .mi.gamepad:before {
   content: '\e30f';
@@ -1831,6 +1887,10 @@
 .mi.laptop_windows:before {
   content: '\e321';
 }
+.material-icons.last_page:before,
+.mi.last_page:before {
+  content: '\e5dd';
+}
 .material-icons.launch:before,
 .mi.launch:before {
   content: '\e895';
@@ -2087,6 +2147,10 @@
 .mi.loupe:before {
   content: '\e402';
 }
+.material-icons.low_priority:before,
+.mi.low_priority:before {
+  content: '\e16d';
+}
 .material-icons.loyalty:before,
 .mi.loyalty:before {
   content: '\e89a';
@@ -2151,6 +2215,10 @@
 .mi.mode_edit:before {
   content: '\e254';
 }
+.material-icons.monetization_on:before,
+.mi.monetization_on:before {
+  content: '\e263';
+}
 .material-icons.money_off:before,
 .mi.money_off:before {
   content: '\e25c';
@@ -2203,6 +2271,10 @@
 .mi.movie_filter:before {
   content: '\e43a';
 }
+.material-icons.multiline_chart:before,
+.mi.multiline_chart:before {
+  content: '\e6df';
+}
 .material-icons.music_note:before,
 .mi.music_note:before {
   content: '\e405';
@@ -2279,6 +2351,10 @@
 .mi.not_interested:before {
   content: '\e033';
 }
+.material-icons.note:before,
+.mi.note:before {
+  content: '\e06f';
+}
 .material-icons.note_add:before,
 .mi.note_add:before {
   content: '\e89c';
@@ -2555,6 +2631,14 @@
 .mi.picture_in_picture_alt:before {
   content: '\e911';
 }
+.material-icons.pie_chart:before,
+.mi.pie_chart:before {
+  content: '\e6c4';
+}
+.material-icons.pie_chart_outlined:before,
+.mi.pie_chart_outlined:before {
+  content: '\e6c5';
+}
 .material-icons.pin_drop:before,
 .mi.pin_drop:before {
   content: '\e55e';
@@ -2639,6 +2723,10 @@
 .mi.print:before {
   content: '\e8ad';
 }
+.material-icons.priority_high:before,
+.mi.priority_high:before {
+  content: '\e645';
+}
 .material-icons.public:before,
 .mi.public:before {
   content: '\e80b';
@@ -2727,6 +2815,10 @@
 .mi.remove_red_eye:before {
   content: '\e417';
 }
+.material-icons.remove_shopping_cart:before,
+.mi.remove_shopping_cart:before {
+  content: '\e928';
+}
 .material-icons.reorder:before,
 .mi.reorder:before {
   content: '\e8fe';
@@ -2771,6 +2863,10 @@
 .mi.report_problem:before {
   content: '\e8b2';
 }
+.material-icons.restaurant:before,
+.mi.restaurant:before {
+  content: '\e56c';
+}
 .material-icons.restaurant_menu:before,
 .mi.restaurant_menu:before {
   content: '\e561';
@@ -2779,6 +2875,10 @@
 .mi.restore:before {
   content: '\e8b3';
 }
+.material-icons.restore_page:before,
+.mi.restore_page:before {
+  content: '\e929';
+}
 .material-icons.ring_volume:before,
 .mi.ring_volume:before {
   content: '\e0d1';
@@ -2815,6 +2915,10 @@
 .mi.rowing:before {
   content: '\e921';
 }
+.material-icons.rss_feed:before,
+.mi.rss_feed:before {
+  content: '\e0e5';
+}
 .material-icons.rv_hookup:before,
 .mi.rv_hookup:before {
   content: '\e642';
@@ -2883,6 +2987,26 @@
 .mi.send:before {
   content: '\e163';
 }
+.material-icons.sentiment_dissatisfied:before,
+.mi.sentiment_dissatisfied:before {
+  content: '\e811';
+}
+.material-icons.sentiment_neutral:before,
+.mi.sentiment_neutral:before {
+  content: '\e812';
+}
+.material-icons.sentiment_satisfied:before,
+.mi.sentiment_satisfied:before {
+  content: '\e813';
+}
+.material-icons.sentiment_very_dissatisfied:before,
+.mi.sentiment_very_dissatisfied:before {
+  content: '\e814';
+}
+.material-icons.sentiment_very_satisfied:before,
+.mi.sentiment_very_satisfied:before {
+  content: '\e815';
+}
 .material-icons.settings:before,
 .mi.settings:before {
   content: '\e8b8';
@@ -2979,6 +3103,10 @@
 .mi.short_text:before {
   content: '\e261';
 }
+.material-icons.show_chart:before,
+.mi.show_chart:before {
+  content: '\e6e1';
+}
 .material-icons.shuffle:before,
 .mi.shuffle:before {
   content: '\e043';
@@ -3091,6 +3219,10 @@
 .mi.speaker_notes:before {
   content: '\e8cd';
 }
+.material-icons.speaker_notes_off:before,
+.mi.speaker_notes_off:before {
+  content: '\e92a';
+}
 .material-icons.speaker_phone:before,
 .mi.speaker_phone:before {
   content: '\e0d2';
@@ -3155,6 +3287,10 @@
 .mi.straighten:before {
   content: '\e41c';
 }
+.material-icons.streetview:before,
+.mi.streetview:before {
+  content: '\e56e';
+}
 .material-icons.strikethrough_s:before,
 .mi.strikethrough_s:before {
   content: '\e257';
@@ -3183,6 +3319,10 @@
 .mi.subtitles:before {
   content: '\e048';
 }
+.material-icons.subway:before,
+.mi.subway:before {
+  content: '\e56f';
+}
 .material-icons.supervisor_account:before,
 .mi.supervisor_account:before {
   content: '\e8d3';
@@ -3327,6 +3467,10 @@
 .mi.timer_off:before {
   content: '\e426';
 }
+.material-icons.title:before,
+.mi.title:before {
+  content: '\e264';
+}
 .material-icons.toc:before,
 .mi.toc:before {
   content: '\e8de';
@@ -3359,6 +3503,18 @@
 .mi.traffic:before {
   content: '\e565';
 }
+.material-icons.train:before,
+.mi.train:before {
+  content: '\e570';
+}
+.material-icons.tram:before,
+.mi.tram:before {
+  content: '\e571';
+}
+.material-icons.transfer_within_a_station:before,
+.mi.transfer_within_a_station:before {
+  content: '\e572';
+}
 .material-icons.transform:before,
 .mi.transform:before {
   content: '\e428';
@@ -3439,6 +3595,14 @@
 .mi.vibration:before {
   content: '\e62d';
 }
+.material-icons.video_call:before,
+.mi.video_call:before {
+  content: '\e070';
+}
+.material-icons.video_label:before,
+.mi.video_label:before {
+  content: '\e071';
+}
 .material-icons.video_library:before,
 .mi.video_library:before {
   content: '\e04a';

data/lib/material_icons/version.rb

@@ -3,6 +3,6 @@
 #
 module MaterialIcons
   # Version for the library and the gem
-  MATERIAL_ICONS_VERSION = '2.1.0'
-  VERSION = '2.0.1'
+  MATERIAL_ICONS_VERSION = '2.2.2'
+  VERSION = '2.2.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_icons
 version: !ruby/object:Gem::Version
-  version: 2.0.1
+  version: 2.2.0
 platform: ruby
 authors:
 - Angel M Miguel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-01-29 00:00:00.000000000 Z
+date: 2016-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties