#MATERIALIZE CDN HOW TO#
#MATERIALIZE CDN UPDATE#

If you want to upgrade from 1.x to 2.x - follow this guide! License

1.0.0 - add all available icons from Google.

1.1.0 - add SCSS support (thanks to 1.0.1 - fix bug with battery, charging-battery and wi-fi icons (device section).

1.1.1 - add bower support and Cheatsheet page.

add nested pseudo classes for less/scss.

add 'fixed-width', 'list' and 'stack' classes.

change icon-prefix to 'zmdi-' for capability with Angular JS.

remove duplicated icons to reduce font size.

fix '!default' to used properly way in sass code.

fix some minor changes in less/scss/css files for better icons display.

Sorry for that, but in 2.0 was a bug that I couldn't remove without breaking backward compatibility.

#MATERIALIZE CDN UPDATE#

If you use font as standalone font - you should update it carefully, because 2.1 ttf file cheat sheet hasn't backward compatibility with 2.0. add some new icons in directional and social sectionsДЄll changes in LESS/SASS/CSS has backward compatibility with 2.0.some changes with icons to make them look pixel perfect at 14px size.change icons variables prefix in LESS/SASS from md-iconset- to zmdi-var.

change helper classes prefix in LESS/SASS from zmd- to zmdi-hc.

change variables prefix in LESS/SASS from md- to zmdi.

resort and rename icons for better search.

add EOT and SVG font files (not included in css).

change google, google-plus, google-plus-box and paypal icons.

change class zmdi-stack-overflow to zmdi-stackoverflow.

In fact it can work in earlier versions of browsers accordingly to portal (you can check ttf, woff, transform and animation properties), but I can't test it.

Re-compile your LESS or SCSS if using a static compiler.

The font path is relative from your compiled CSS directory. We hope you have enjoyed using Materialize and if you feel like it has helped you out and want to support the team you can help us by donating or backing us on Patreon. Open your project's path/to/material-design-iconic-font/less/variables.less or path/to/material-design-iconic-font/scss/_variables.scss and edit the to point to your font directory.

Download source of Material Design Iconic Font from GitHub. Tutorial de Como Importar el Framework MaterializeCSS con NPM y CDN en Proyecto VueJS cuando trabajas con Vue-cli, Componentes y Dependencias. Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design.

#MATERIALIZE CDN HOW TO#

Ive installed materialize-css using npm, but Im not sure how to actually use the Materialize classes in my JSX code. Use this method to customize Material Design Iconic Font using LESS or SCSS. I have a Meteor/React project, using ES6 modules. Check out the examples to start using Material Design Iconic Font!.

Materialize cdn