estoy intentando modificar los estilos que tiene el componente v-data-table de Vuetify directamente desde el componente en esl que lo estoy usando, vi en la documentación que puedo importar los estilos directamente en el apartado de style y lo hice de la siguiente manera:
<style lang="scss">
@import '~vuetify/src/components/VDataTable/_variables.scss';
.custom-class {
$data-table-expanded-content-box-shadow: none;
}
</style>
Como veran estoy intentando quitarle el box-shadow a la tabla, sin embargo no cambia el estilo en mi frontend. Alguien que me pudiera ayudar para ver que estoy haciendo mal y porque no me esta cambiando la variable. Saludos
P.D. Estoy usando Vue con Vuetify