How can I write this code in Sass? I'm trying to target one same tag in different classes
.vimcash__navbar-links_container p,
.vimcash__navbar-sign p,
.vimcash__navbar-menu_container p {
color: #fff;
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
margin: 0 1rem;
cursor: pointer;
}I been trying to something like this:
.enterprise__navbar-links_container{
& .enterprise__navbar-menu-container {
p {
color: #333333;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 23px;
text-transform: capitalize;
margin: 0 1rem;
cursor: pointer;
}
}
}You can write it using the parent selector and nesting like this:
.vimcash__navbar {
&-links_container, &-menu_container, &-sign {
p {
color: #fff;
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
margin: 0 1rem;
cursor: pointer;
}
}
}