horizon/horizon/static/framework/widgets/magic-search/magic-search.scss

51 lines
928 B
SCSS

// Augments magic_search.scss with styles for bootstrap/Horizon.
.search-bar {
min-width: $magic-search-min-width;
border-color: $magic-search-border-color;
border-radius: $magic-search-border-radius;
margin-bottom: $magic-search-margin-bottom;
padding: $magic-search-margin-padding;
.search-entry {
.search-input {
padding: 1px 0px;
font: normal normal normal 12.6px/normal;
outline: none;
height: 24px;
}
height: 24px;
position: relative;
}
.item-list {
.item {
background-color: $gray-light;
a {
color: $brand-danger;
}
}
.server-side-item {
background-color: $gray-lighter;
}
}
.fa-filter {
padding-left: 5px;
font-size: larger;
}
.fa-times {
font-size: larger;
cursor: pointer;
}
.label {
font-size: 100%;
font-weight: normal;
}
}
.search-main-area {
padding-left: 10px;
}