Hi, I'd like to use the following great hamburger icon animator by Julien Melissas in Bootstrap, but whenever I paste the script into a css on the studio, it doesn't recognise the embedded references (i.e. references to .xxx-bar):
.navbar-toggler {
border: none;
background: transparent !important;
&:hover {
background: transparent !important;
}
.icon-bar {
width: 22px;
transition: all 0.2s;
}
.top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.middle-bar {
opacity: 0;
}
.bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
}