mirror of
https://github.com/papercss/papercss
synced 2024-06-10 09:52:37 +02:00
Merge pull request #238 from toshihidetagami/feature-issue-234
add class for disabling shadows
This commit is contained in:
commit
f9dc978667
4
dist/paper.css
vendored
4
dist/paper.css
vendored
|
@ -1281,6 +1281,10 @@ table.table-alternating tbody tr:nth-of-type(even) {
|
|||
box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.child-shadows .shadow-none {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.child-shadows-hover > * {
|
||||
transition: all 235ms ease 0s;
|
||||
box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
|
||||
|
|
2
dist/paper.min.css
vendored
2
dist/paper.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -136,7 +136,7 @@ Use this if you want all children to have a shadow.
|
|||
<div class="row flex-spaces child-borders child-shadows">
|
||||
<div class="sm-3 col">Shadow</div>
|
||||
<div class="sm-3 col">Shadow</div>
|
||||
<div class="sm-3 col">Shadow</div>
|
||||
<div class="sm-3 col shadow-none">No Shadow</div>
|
||||
</div>
|
||||
|
||||
#### Code:
|
||||
|
@ -145,7 +145,7 @@ Use this if you want all children to have a shadow.
|
|||
<div class="row flex-spaces child-borders child-shadows">
|
||||
<div class="sm-3 col">Shadow</div>
|
||||
<div class="sm-3 col">Shadow</div>
|
||||
<div class="sm-3 col">Shadow</div>
|
||||
<div class="sm-3 col shadow-none">No Shadow</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
|
|
|
@ -20,6 +20,12 @@
|
|||
@include shadow();
|
||||
}
|
||||
|
||||
.child-shadows {
|
||||
.shadow-none {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.child-shadows-hover > * {
|
||||
@include shadow();
|
||||
|
||||
|
|
Loading…
Reference in a new issue