You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.1 KiB
58 lines
1.1 KiB
/*mobile search facets*/ |
|
.region--sidebar { |
|
.block { |
|
/*display: none;*/ |
|
margin-bottom: 2em; |
|
} |
|
.block.hidden { |
|
/*display: none !important;*/ |
|
} |
|
} |
|
|
|
@media (max-width: 1000px) { |
|
.facet-wrapper { |
|
display: none; |
|
} |
|
#toggle-facets { |
|
background-color: var(--color--bdh-red); |
|
transition: filter 0.2s ease; /* Optional: smooth transition */ |
|
font-size:1em; |
|
color: white; |
|
border: none; |
|
padding: 10px 15px; |
|
border-radius: 4px; |
|
cursor: pointer; |
|
/*temp*/ |
|
display: block; |
|
width: 100%; |
|
&:hover { |
|
filter: brightness(1.5); /* Lightens by 10% */ |
|
} |
|
} |
|
.sidebar-grid { |
|
display: grid; |
|
grid-template-columns: 1fr; /* Single column for vertical stacking */ |
|
gap: 1rem; /* Optional: adds space between items */ |
|
} |
|
.sidebar-grid .region--sidebar { |
|
grid-column: 1 / 15; |
|
} |
|
|
|
main { |
|
order: 2; /* Places main after aside visually */ |
|
} |
|
|
|
aside { |
|
order: 1; /* Places aside before main visually */ |
|
} |
|
.sidebar-grid > .site-main { |
|
grid-column: 1 / 15; |
|
align-self: flex-start; |
|
} |
|
} |
|
|
|
@media (min-width: 1001px) { |
|
#toggle-facets { |
|
display: none; |
|
} |
|
}
|
|
|