habitica/public/css/filters.styl
benmanley 50b1cba0a6 refactor(tasks) improve UI consistency
* Round corners for UI elements / “8-bit” outlines for RPG elements.
* Tag bar – Make it clearer that “Tags” is a heading, not an option
* Task filters – restyle in line with tag bar + nav menu
2014-11-27 10:32:57 +00:00

37 lines
946 B
Stylus

.filters
padding: 1em 15px 0.382em
margin-left: 0.382em
margin-right: 0em
@extend $clearfix
ul
float: left
list-style: none
margin-right: 1em
.filters-controls
@extend $hrpg-button-bar-with-heading
hrpg-button-bar-mixin($color-options-menu)
li
@extend $hrpg-button-master
hrpg-button-color-mixin($color-options-menu)
.filters-tags, .filters-edit
float: left
.filters-edit
margin-bottom: 0.382em
.filters-tags
@extend $hrpg-button
hrpg-button-color-mixin($color-filter-tag)
margin-bottom: 0.618em
margin-right: 0.618em
&.challenge
hrpg-button-color-mixin($color-filter-tag-challenge)
span
margin-right: 0.382em
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)