benmanley
1ff77932ff
**filters.styl** * restyle tags and filter controls using global styles **filter.jade** * add button to toggle visibility * change controls from icons to text **global-modules** * add new extends and mixins for button bar and tags **global-colors.styl** * add tag colours
34 lines
852 B
Stylus
34 lines
852 B
Stylus
.filters
|
|
padding-top: 1em
|
|
padding-bottom: 0.382em
|
|
margin-left: 0.382em
|
|
margin-right: 0em
|
|
ul, li
|
|
float: left
|
|
ul
|
|
list-style: none
|
|
margin-right: 1em
|
|
.filters-controls
|
|
@extend $hrpg-button-bar
|
|
hrpg-button-bar-mixin($color-options-menu)
|
|
li
|
|
@extend $hrpg-button-master
|
|
hrpg-button-color-mixin($color-options-menu)
|
|
.filters-tags, .filters-edit
|
|
margin-bottom: 0.618em
|
|
.filters-tags
|
|
position: relative
|
|
left: -1em
|
|
@extend $hrpg-tag-master
|
|
hrpg-tag-color-mixin($color-filter-tag)
|
|
&.challenge
|
|
hrpg-tag-color-mixin($color-filter-tag-challenge)
|
|
form
|
|
display: none
|
|
markdown
|
|
display: inline-block
|
|
.hrpg-input-group
|
|
display: inline-block
|
|
margin-right: 0.618em
|
|
@extend $hrpg-button-with-input
|
|
hrpg-button-color-mixin($color-options-submenu) |