Blog - Page 3 of 5 - Brodeur Machine Company, Inc.

.menu-primary-navigation li:has(.sub-menu) a:after { @apply duration-300 transition-all; } @media (max-width: calc(992px - 1px)) { .site-header .site-branding__wrap { transition: background-color .25s ease; } .site-header .menu-toggle-label { transition: padding-block .5s ease; } .site-header .main-navigation { transition: opacity .25s ease; } .site-header .sub-menu li a { transition: margin-top .4s ease-in-out; } .main-navigation { pointer-events: none; } .site-header:has(.menu-toggle-checkbox:checked) .site-branding__wrap { background-color: var(--color-coffee-100); } .site-header:has(.menu-toggle-checkbox:checked) .menu-toggle-label { padding-block: 6px; } .site-header:has(.menu-toggle-checkbox:checked) .main-navigation { opacity: 1; pointer-events: auto; } .main-navigation .menu-primary-navigation > .menu-item > a { margin-right: 0; opacity: 1; } .menu-primary-navigation li:has(.sub-menu) > a:after { display: none; } .menu-primary-navigation li:has(.sub-menu) .sub-menu { pointer-events: all; } .menu-primary-navigation li:has(.sub-menu) .submenu-toggle-label { display: block; position: absolute; top: 1.2rem; right: 0; cursor: pointer; } .menu-primary-navigation li:has(.sub-menu) .submenu-toggle-label:after { content: '+'; display: block; transition: all .2s ease; } .submenu-toggle-checkbox:checked ~ .sub-menu li a { opacity: 1; margin-top: 0; } .submenu-toggle-checkbox:checked ~ .submenu-toggle-label:after { color: var(--color-red-100); rotate: 45deg; } } @media (hover: hover) { .menu-primary-navigation li:has(.sub-menu):hover { & > a { color: var(--color-red-200); &:after { background-color: var(--color-red-100); rotate: 45deg; } } .sub-menu { opacity: 1; transform: none; pointer-events: auto; } } }

Process & Systems

Machines

Machines

Process & Systems

Industry Insights

Machines

Machines

Industry Insights

Heritage

Heritage