react-toolbox/components/navigation/style.styl

30 lines
1.0 KiB
Stylus
Raw Normal View History

2015-07-29 06:44:15 +03:00
@import '../constants'
2015-06-24 12:48:51 +03:00
2015-07-29 06:44:15 +03:00
:local(.root)
&.horizontal
> *
display : inline-block
margin-right : SPACE
color : WHITE
font-size : FONT_SIZE_SMALL
font-weight : FONT_WEIGHT_NORMAL !important
> small
margin-left : SIZE = (SPACE / 5)
padding : 0 SIZE
font-weight : FONT_WEIGHT_BOLD
color : BACKGROUND_DARK
background-color : WHITE
border-radius : SIZE
2015-06-16 14:57:33 +03:00
2015-07-29 06:44:15 +03:00
&.vertical
> *
display : block
padding : 0 SPACE
line-height : UNIT
transition-property box-shadow, opacity
&.active
box-shadow inset MENU_WIDTH 0 BACKGROUND
> small
float : right
opacity : 0.5