2016-11-19 18:02:33 +00:00
|
|
|
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)
|
2016-11-19 18:02:33 +00:00
|
|
|
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
|