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
Post a Comment