salix/front/core/components/searchbar/style.scss

47 lines
999 B
SCSS
Raw Normal View History

2019-02-06 10:24:29 +00:00
@import "variables";
vn-searchbar {
display: block;
2020-04-02 12:52:02 +00:00
max-width: 560px;
2019-11-10 10:08:44 +00:00
margin: 0 auto;
.search-params {
flex: 1;
2020-04-02 12:52:02 +00:00
margin: 1px 0;
2019-11-10 10:08:44 +00:00
overflow: visible;
display: flex;
2020-04-02 12:52:02 +00:00
max-width: 384px;
2019-11-10 10:08:44 +00:00
& > .search-param {
color: rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, .1);
2020-04-02 12:20:57 +00:00
padding: 1px 6px;
margin-left: 3px;
2019-11-10 10:08:44 +00:00
display: inline-block;
2020-04-02 12:20:57 +00:00
border-radius: 12px;
max-width: 192px;
2019-11-10 10:08:44 +00:00
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
& > vn-icon {
font-size: inherit;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
&:hover {
color: rgba(0, 0, 0, .8);
}
}
}
}
}
.search-panel {
2020-04-02 12:52:02 +00:00
max-height: 768px;
2019-01-30 23:39:40 +00:00
& > form {
padding: $spacing-lg;
2019-01-30 23:39:40 +00:00
}
}