¿Cómo puedo escribir este código en Sass? Estoy tratando de apuntar a una misma etiqueta en diferentes clases
.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; }He estado tratando de algo como esto:
.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; } } }Puede escribirlo usando elselector principal y anidando así:
.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; } } }