Are there ways to consolidate CSS styles within a component for reuse in multiple locations? Take the instance below, where the same style is being duplicated for the .navigation class:
.container-1 {
.navigation {
width: 100%;
}
}
@media (max-width:991px) {
.container-1 {
.navigation {
margin-top: 0px; // <-- repeated
background-color: #252525; // <-- repeated
width: 250px; // <-- repeated
}
}
}
.container-2 {
.navigation {
margin-top: 0px; // <-- repeated
background-color: #252525; // <-- repeated
width: 250px; // <-- repeated
}
}