#PostsIndexList > form.search {
@include display(flex); @include align-items(stretch); border: 1px solid rgba($gray-blue, 0.3); border-radius: 2px; margin: 5%;
}
#PostsIndexList > form.search > input {
@include flex(1 100%); min-width: 200px; margin: 0 auto; border: none; border-radius: 0; background-color: inherit; font-size: 1.2em; padding-left: 0;
}
#PostsIndexList [as='Posts.Filter.Tags'] {
@include display(flex); @include flex(0 0 auto); @include align-items(center); @include justify-content(center); @include transition(background-color 0.3s ease, box-shadow 0.3s ease); cursor: pointer; color: $gray-blue; padding: 8px; svg { @include transition(fill 0.2s ease); } svg.placeholder { width: 16px; height: 16px; fill: $gray-blue; } svg.placeholder:hover { fill: $bright-blue; } svg.clear { width: 16px; height: 16px; margin-top: 1px; fill: $gray-blue; } svg.clear:hover { fill: $red; } span { @include transition(color 0.3s ease); @include flex(1); font-weight: bold; font-size: 0.8em; text-align: center; } span:hover { color: $bright-blue; }
}