27 lines
911 B
Stylus
27 lines
911 B
Stylus
textColor = rgb(60, 60, 60)
|
|
mainColor = rgb(248, 165, 130)
|
|
hoverColor = darken(mainColor, 10%)
|
|
linkColor = darken(mainColor, 15%)
|
|
linkHoverColor = darken(hoverColor, 20%)
|
|
activeLinkColor = rgb(100, 149, 237)
|
|
uiBorder = 1px solid rgba(0, 0, 0, 0.1)
|
|
uiHoverBorder = 1px solid rgba(0, 0, 0, 0.15)
|
|
uiBackground = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)
|
|
uiHoverBackground = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
|
|
outlineShadowLight = 0 0 6px alpha(black, 0.05)
|
|
outlineShadowMedium = 0 0 6px alpha(black, 0.13)
|
|
outlineShadowHeavy = 0 0 6px alpha(black, 0.6)
|
|
transitionSpeed = 290ms
|
|
fadeSpeed = 200ms
|
|
contentPadding = 1.5rem
|
|
contentPaddingMobile = 1rem
|
|
|
|
uiElement()
|
|
border uiBorder
|
|
background uiBackground
|
|
transition all transitionSpeed ease
|
|
|
|
&:hover
|
|
border uiHoverBorder
|
|
background uiHoverBackground
|
|
box-shadow outlineShadowMedium |