ofco/mccans-theme
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

four col thing

Browse Source
This commit is contained in:
Kurtis Holsapple
2025-06-17 10:51:58 -07:00
parent 49e501cd51
commit 0a44cb5535
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/scss/header.scss
View File

@@ -32,7 +32,7 @@
max-width: 400px;
width: 20%;
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
width: 100%;
display: flex;
justify-content: space-between;
@@ -59,7 +59,7 @@
}
#mobile-nav-toggle {
@include media-breakpoint-up(md) {
@include media-breakpoint-up(lg) {
display: none;
}
@@ -94,7 +94,7 @@
flex-direction: column;
}
@include media-breakpoint-up(md) {
@include media-breakpoint-up(lg) {
display: flex;
width: auto;
}
@@ -104,7 +104,7 @@
display: flex;
align-items: center;
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
width: 100%;
& > ul {
@@ -120,7 +120,7 @@
list-style-type: none;
gap: 1rem;
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
flex-direction: column;
}
@@ -133,7 +133,7 @@
& > li {
position: relative;
@include media-breakpoint-up(lg) {
@include media-breakpoint-up(xl) {
&:hover {
& > ul {
display: block;
@@ -146,7 +146,7 @@
}
}
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
&.children-showing {
ul {
display: flex;
@@ -184,7 +184,7 @@
border: 0;
background-color: transparent;
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
width: 30px;
height: 30px;
position: absolute;