2021-07-26 13:07:57 -04:00
|
|
|
// /* Hamburger settings overrides */
|
|
|
|
|
// $hamburger-padding-x: 0.95rem !default;
|
|
|
|
|
// $hamburger-padding-y: 0.625rem !default;
|
|
|
|
|
$hamburger-padding-x: 0 !default;
|
|
|
|
|
$hamburger-padding-y: 0 !default;
|
|
|
|
|
// $hamburger-layer-width: 1.5rem !default;
|
|
|
|
|
// $hamburger-layer-height: 2px !default;
|
|
|
|
|
// $hamburger-layer-spacing: 6px !default;
|
|
|
|
|
// // * skipping default color, using color from bootstrap instead, below
|
|
|
|
|
$hamburger-layer-color: $primary !default;
|
|
|
|
|
// $hamburger-layer-border-radius: 0.25rem !default;
|
|
|
|
|
// $hamburger-hover-opacity: 0.7 !default;
|
|
|
|
|
// // * skipping default color, using color from bootstrap instead, below
|
|
|
|
|
// // $hamburger-active-layer-color: $hamburger-layer-color !default;
|
|
|
|
|
// $hamburger-active-hover-opacity: $hamburger-hover-opacity !default;
|
2021-07-25 07:16:35 -04:00
|
|
|
|
|
|
|
|
/* import hamburgers sass */
|
|
|
|
|
@import "../../node_modules/hamburgers/_sass/hamburgers/hamburgers.scss";
|
|
|
|
|
|
2021-07-28 12:20:00 -04:00
|
|
|
/* fix button styling from bootstrap */
|
2021-08-03 12:42:29 -04:00
|
|
|
button#btn-burger {
|
2021-07-28 12:20:00 -04:00
|
|
|
-webkit-appearance: inherit;
|
|
|
|
|
&:hover, &:active, &:focus {
|
|
|
|
|
color: inherit;
|
|
|
|
|
background-color: inherit;
|
|
|
|
|
border-color: inherit;
|
|
|
|
|
box-shadow: inherit;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-07-26 13:07:57 -04:00
|
|
|
// /* correct colors to match bootstrap defaults */
|
|
|
|
|
// .navbar-light {
|
|
|
|
|
// .hamburger {
|
|
|
|
|
// &.navbar-toggler {
|
|
|
|
|
// border: 1px $navbar-light-toggler-border-color solid !important;
|
|
|
|
|
// .hamburger-inner {
|
|
|
|
|
// &,
|
|
|
|
|
// &::before,
|
|
|
|
|
// &::after {
|
|
|
|
|
// background-color: $primary;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// &.is-active {
|
|
|
|
|
// .hamburger-inner::after {
|
|
|
|
|
// background-color: $primary;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// .navbar-dark {
|
|
|
|
|
// .hamburger {
|
|
|
|
|
// &.navbar-toggler {
|
|
|
|
|
// border: 1px $navbar-dark-toggler-border-color solid !important;
|
|
|
|
|
// .hamburger-inner {
|
|
|
|
|
// &,
|
|
|
|
|
// &::before,
|
|
|
|
|
// &::after {
|
|
|
|
|
// background-color: $primary;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// &.is-active {
|
|
|
|
|
// .hamburger-inner::after {
|
|
|
|
|
// background-color: $primary;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
