100 lines
1.7 KiB
Stylus
100 lines
1.7 KiB
Stylus
|
|
||
|
|
RV-OverlayButton__Item()
|
||
|
|
position relative
|
||
|
|
&:hover > *
|
||
|
|
opacity 1
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--circle()
|
||
|
|
border-radius 50%
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--topRight()
|
||
|
|
right 0
|
||
|
|
top 0
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--bottomLeft()
|
||
|
|
bottom 0
|
||
|
|
left 0
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--bottomRight()
|
||
|
|
bottom 0
|
||
|
|
right 0
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--small()
|
||
|
|
width 3*spacing-small
|
||
|
|
height 3*spacing-small
|
||
|
|
font-size 1.5*spacing-small
|
||
|
|
line-height 1.5*spacing-small
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--medium()
|
||
|
|
width 2*spacing-medium
|
||
|
|
height 2*spacing-medium
|
||
|
|
font-size spacing-medium
|
||
|
|
line-height spacing-medium
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--large()
|
||
|
|
width 2*spacing-large
|
||
|
|
height 2*spacing-large
|
||
|
|
font-size spacing-large
|
||
|
|
line-height spacing-large
|
||
|
|
|
||
|
|
RV-OverlayButton__Row()
|
||
|
|
RV-Alignment--center()
|
||
|
|
RV-Spacing__Inner--medium()
|
||
|
|
RV-FlexRow__Container()
|
||
|
|
|
||
|
|
position absolute
|
||
|
|
bottom 0
|
||
|
|
height 4em
|
||
|
|
opacity .2
|
||
|
|
width 100%
|
||
|
|
justify-content center
|
||
|
|
background-color alpha(white, .5)
|
||
|
|
padding-left 0
|
||
|
|
padding-right 0
|
||
|
|
|
||
|
|
*
|
||
|
|
position initial
|
||
|
|
opacity initial
|
||
|
|
margin 0
|
||
|
|
padding 0
|
||
|
|
|
||
|
|
RV-OverlayButton__Button()
|
||
|
|
text-align center
|
||
|
|
display inline-block
|
||
|
|
position absolute
|
||
|
|
background-color beige
|
||
|
|
margin spacing-small
|
||
|
|
opacity .2
|
||
|
|
border-radius spacing-small
|
||
|
|
text-decoration none
|
||
|
|
|
||
|
|
RV-Alignment--center()
|
||
|
|
|
||
|
|
RV-OverlayButton__Button--medium()
|
||
|
|
|
||
|
|
&--circle
|
||
|
|
RV-OverlayButton__Button--circle()
|
||
|
|
|
||
|
|
&--topRight
|
||
|
|
RV-OverlayButton__Button--topRight()
|
||
|
|
|
||
|
|
&--small
|
||
|
|
RV-OverlayButton__Button--small()
|
||
|
|
|
||
|
|
&--medium
|
||
|
|
RV-OverlayButton__Button--medium()
|
||
|
|
|
||
|
|
&--large
|
||
|
|
RV-OverlayButton__Button--large()
|
||
|
|
RV-OverlayButton()
|
||
|
|
&__Item
|
||
|
|
RV-OverlayButton__Item()
|
||
|
|
|
||
|
|
&__Button
|
||
|
|
RV-OverlayButton__Button()
|
||
|
|
|
||
|
|
&__Row
|
||
|
|
RV-OverlayButton__Row()
|
||
|
|
|
||
|
|
.RV-OverlayButton
|
||
|
|
RV-OverlayButton()
|