deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-08 08:52:25 +02:00
Code Issues Projects Releases Wiki Activity

Add translate to hovered elements with shadow

Browse source
This commit is contained in:
Maciej Matuszewski 2017-11-19 14:58:19 +01:00
parent 4145220a2d
commit 1907ea6e69
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/shadows.less
View file

@ -4,7 +4,7 @@
@shadow-small: 10px 19px 17px -13px @shadow-color-regular;
@shadow-regular: 15px 28px 25px -18px @shadow-color-regular;
@shadow-large: 20px 38px 34px -26px @shadow-color-regular;
@shadow-hover: 2px 8px 4px -6px @shadow-color-hover;
@shadow-hover: 2px 8px 8px -5px @shadow-color-hover;
.shadow {
-webkit-box-shadow: @shadow-regular;
@ -23,10 +23,10 @@
}
&.shadow-hover {
&:hover{
transform: translate(0, -3px);
-webkit-box-shadow: @shadow-hover;
-moz-box-shadow: @shadow-hover;
box-shadow: @shadow-hover;
transform: translate(0, 2px);
}
}
}