deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-03 06:23:17 +02:00
Code Issues Projects Releases Wiki Activity

add class for disabling shadows

Browse source
This commit is contained in:
Toshihide Tagami 2021-01-16 13:26:51 +08:00
parent 3b406c55b6
commit 7b55549c6c
4 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
dist/paper.css vendored
View file

@ -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
View file

File diff suppressed because one or more lines are too long

4
docs/content/docs/utilities/borders.md
View file

@ -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>
```

6
src/utilities/_shadows.scss
View file

@ -20,6 +20,12 @@
@include shadow();
}
.child-shadows {
.shadow-none {
box-shadow: none;
}
}
.child-shadows-hover > * {
@include shadow();