23 lines
705 B
Stylus
23 lines
705 B
Stylus
@import "__constants.styl"
|
|
|
|
[data-component-link]
|
|
position : relative
|
|
overflow : hidden
|
|
transition opacity ANIMATION_DURATION ANIMATION_EASE
|
|
// -- Styles
|
|
&:not(.active)
|
|
font-weight : FONT_WEIGHT_THIN
|
|
opacity : 0.5
|
|
&:hover, &:active, &.active
|
|
opacity : 1
|
|
&.active
|
|
font-weight : FONT_WEIGHT_NORMAL
|
|
// -- Children
|
|
> *
|
|
vertical-align : middle
|
|
> abbr
|
|
text-transform : Capitalize
|
|
> .icon
|
|
margin-right : (SPACE / 2)
|
|
font-size : FONT_SIZE_BIG
|