39 lines
672 B
Stylus
39 lines
672 B
Stylus
|
RV-BoxShadow--simple(color)
|
||
|
|
box-shadow 0 0 10px color
|
||
|
|
|
||
|
|
RV-BoxShadow(color)
|
||
|
|
|
||
|
|
position relative
|
||
|
|
float left
|
||
|
|
background-color white
|
||
|
|
|
||
|
|
&:before, &:after
|
||
|
|
content ""
|
||
|
|
position absolute
|
||
|
|
z-index -2
|
||
|
|
|
||
|
|
&--simple
|
||
|
|
RV-BoxShadow--simple(color)
|
||
|
|
|
||
|
|
&--raised
|
||
|
|
&:after
|
||
|
|
box-shadow 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
|
||
|
|
|
||
|
|
|
||
|
|
&--liftedCorners
|
||
|
|
&:before, &:after
|
||
|
|
bottom 15px
|
||
|
|
left 10px
|
||
|
|
width 50%
|
||
|
|
height 20%
|
||
|
|
max-width 300px
|
||
|
|
box-shadow 0 15px 10px rgba(0, 0, 0, 0.7)
|
||
|
|
transform rotate(-3deg)
|
||
|
|
|
||
|
|
&:after
|
||
|
|
right 10px
|
||
|
|
left auto
|
||
|
|
transform rotate(3deg)
|
||
|
|
|
||
|
|
.RV-BoxShadow
|
||
|
|
RV-BoxShadow(#6b5690)
|