google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Renaming the shadow classes

master
Matt Gaunt 2014-12-16 13:29:23 +00:00
parent 6ea9a420d2
commit 1bfc1ef5e3
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/styleguide/shadow/_shadow.scss
View File

@ -14,22 +14,22 @@
box-shadow: 0 19px 19px 0 rgba(0,0,0,0.30), 0 15px 6px 0 rgba(0,0,0,0.22);
}
.Shadow--z1 {
.wsk-shadow--z1 {
@include shadow-z1();
}
.Shadow--z2 {
.wsk-shadow--z2 {
@include shadow-z2();
}
.Shadow--z3 {
.wsk-shadow--z3 {
@include shadow-z3();
}
.Shadow--z4 {
.wsk-shadow--z4 {
@include shadow-z4();
}
.Shadow--z5 {
.wsk-shadow--z5 {
@include shadow-z5();
}

10
app/styleguide/shadow/demo.html
View File

@ -16,15 +16,15 @@
<div class="PreviewBlock">
<div class="PaperCard Shadow--z1"></div>
<div class="demo-paper-card wsk-shadow--z1"></div>
<div class="PaperCard Shadow--z2"></div>
<div class="demo-paper-card wsk-shadow--z2"></div>
<div class="PaperCard Shadow--z3"></div>
<div class="demo-paper-card wsk-shadow--z3"></div>
<div class="PaperCard Shadow--z4"></div>
<div class="demo-paper-card wsk-shadow--z4"></div>
<div class="PaperCard Shadow--z5"></div>
<div class="demo-paper-card wsk-shadow--z5"></div>
</div>

2
app/styleguide/shadow/demo.scss
View File

@ -3,7 +3,7 @@
@import "../animation/animation";
@import "_shadow";
.PaperCard {
.demo-paper-card {
background-color : #fff;
border-radius : 2px;
display : block;