28 lines
930 B
Stylus
Raw Normal View History

textColor = rgb(60, 60, 60)
2016-11-09 11:32:19 +00:00
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%)
2016-11-19 19:07:10 +00:00
outlineShadowLight = 0 0 6px alpha(black, 0.05)
outlineShadowMedium = 0 0 6px alpha(black, 0.13)
outlineShadowHeavy = 0 0 6px alpha(black, 0.6)
2016-11-19 18:23:31 +00:00
transitionSpeed = 290ms
2016-11-19 19:07:10 +00:00
fadeSpeed = 200ms
2016-11-20 10:26:11 +00:00
contentPadding = 1.5rem
2016-11-20 12:44:04 +00:00
contentPaddingMobile = 1rem
2016-11-19 19:07:10 +00:00
uiElement()
border uiBorder
background uiBackground
2016-11-21 03:45:52 +00:00
border-radius 3px
2016-11-19 19:07:10 +00:00
transition all transitionSpeed ease
&:hover
border uiHoverBorder
background uiHoverBackground
box-shadow outlineShadowMedium