search

google / material-design-lite

Material Design Components in HTML/CSS/JS
https://getmdl.io
Apache License 2.0
32.27k stars 5.04k forks source link

Themed css in the bower package #1509

Open CyanoFresh opened 9 years ago

CyanoFresh commented 9 years ago

Hello. I use bower to install MDL into my application. So if I include /material.css - it is default theme. But I need customized css without CDN and manual downloading. Is it possible? If not - I porpose to add customized styles to the repository. Sorry for my English

surma commented 9 years ago

@CyanoFresh You can download all of the themed CSS on the customizer page by clicking the download button in the center of the wheel. Is this what you are looking for?

CyanoFresh commented 9 years ago

@surma thanks, but no. I am looking for all customized styles in the bower package

Garbee commented 9 years ago

I think including all the possible colors in bower/npm would lead to a very bloated package. I don't believe we should include them within it. The source files are now included in the packages, so you can easily add a build pipeline to generate MDL with the colors you need.

CyanoFresh commented 9 years ago

@Garbee ok. What about separate package with all customized css?

surma commented 9 years ago

@CyanoFresh How about this:

bower install --save https://storage.googleapis.com/code.getmdl.io/1.0.4/material.deep_orange-teal.min.css
CyanoFresh commented 9 years ago

@surma Thanks but I need more "official" solution with last version (not only 1.0.4)

surma commented 9 years ago

I do see where you are coming from, but personally: I don’t think there’s any benefit in having an additional bower package for the themed versions to justify the additional effort. Let’s loop in @addyosmani and @sgomes to get their 2 cents on this :)

sgomes commented 9 years ago

I think keeping multiple bower packages would be a huge commitment that would turn out very difficult to maintain, I'm afraid.

The only way forward on this, in my opinion, would be to use post-install hooks to generate the actual CSS from the template files, like we do on the generator, based on some user-defined config somewhere. Unfortunately, I don't know enough about bower to even know whether that's possible.

@addyosmani Thoughts?

debuggerpk commented 8 years ago

i don't know about themed css packages .. but bower.json would definitely be improved if it included the path to material-design-lite.scss .. it will definitely leverage scss with variables and with simple gulp wiredep task, optimize the usage and builds

Gixx commented 8 years ago

Hi!

I think @CyanoFresh wants something I also wanted, so I created it:

https://github.com/Gixx/mdl-color-theme

in the packages/minified folder you will find the CSS files which suppose to override the default 'blue-indigo' theme.

Experimental use only!