gab-social/app/javascript/gabsocial/features/search/components/header/header.scss

44 lines
801 B
SCSS

.search-header {
display: block;
width: 100%;
&__text-container {
display: none;
padding: 25px 0;
background-color: lighten($ui-base-color, 6%);
@media (min-width:895px) {
display: block;
}
}
&__title-text {
color: $primary-text-color;
padding-left: 20px;
max-width: 1200px;
@include text-sizing(27px, bold, 32px);
@include text-overflow(nowrap);
@include margin-center;
@media (min-width:895px) and (max-width:1190px) {
max-width: 900px;
}
}
&__type-filters-tabs {
display: flex;
width: 100%;
max-width: 1200px;
@include margin-center;
@media screen and (max-width:895px) {
max-width: 580px;
}
@media (min-width:895px) and (max-width:1190px) {
max-width: 900px;
}
}
}