49 lines
839 B
SCSS
49 lines
839 B
SCSS
// components.scss
|
|
|
|
/* One Column */
|
|
:root { // Overrides .wide stylings for mobile view
|
|
@media screen and (min-width: 631px) {
|
|
.columns-area {
|
|
width: 80%;
|
|
margin: -60px auto auto;
|
|
}
|
|
|
|
.tabs-bar {
|
|
display: flex;
|
|
width: calc(80% - 315px);
|
|
margin: 10px 0 0 calc(10% + 305px);
|
|
z-index: 1;
|
|
}
|
|
|
|
.tabs-bar > a:nth-child(5),
|
|
.drawer--header > a:nth-child(1),
|
|
.drawer--header > a:nth-child(2) {
|
|
display: none;
|
|
}
|
|
|
|
.tabs-bar > a {
|
|
text-align: left;
|
|
}
|
|
|
|
.tabs-bar > a > span {
|
|
display: inline;
|
|
}
|
|
|
|
.column {
|
|
display: none;
|
|
}
|
|
|
|
.column:last-child {
|
|
display: flex;
|
|
min-width: calc(100% - 300px);
|
|
margin-top: 58px;
|
|
}
|
|
|
|
.search__input,
|
|
.autosuggest-textarea__textarea {
|
|
font-size: 16px;
|
|
}
|
|
|
|
}
|
|
}
|