Elements depth with Polymer - Material Design -


in material design spec depth of paper items goes z=0 (dp) z=24 (dp), polymer elements use 5 different depths, in pixels.

is there way use official depth values material design spec, , kind of transformation polymer element definition?

one way again css shadows, hoping cleaner solution.

there 5 predefined styles selected z attribute (https://github.com/polymer/paper-shadow/blob/master/paper-shadow.css) example z=5

html /deep/ .paper-shadow-top-z-5 {   box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15); }  html /deep/ .paper-shadow-bottom-z-5 {   box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3); } 

add similar style page , custom suffix instead of 1-5 , use suffix depth. (not tested myself though)


Comments

Popular posts from this blog

node.js - Using Node without global install -

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

java - Null response to php query in android, even though php works properly -