scss-library/components/04_Molecules/overlayButton/_overlayButton.styl

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()