diff --git a/packages/vuetify/src/components/VDivider/VDivider.sass b/packages/vuetify/src/components/VDivider/VDivider.sass index 5398a09058ed..f96a27b066cb 100644 --- a/packages/vuetify/src/components/VDivider/VDivider.sass +++ b/packages/vuetify/src/components/VDivider/VDivider.sass @@ -1,7 +1,7 @@ @import './_variables.scss' .v-divider - @include border($divider-border-query) + @include border($divider-query) display: block flex: $divider-flex diff --git a/packages/vuetify/src/components/VDivider/_variables.scss b/packages/vuetify/src/components/VDivider/_variables.scss index 0d71c03c5c14..13928a95318b 100644 --- a/packages/vuetify/src/components/VDivider/_variables.scss +++ b/packages/vuetify/src/components/VDivider/_variables.scss @@ -1,20 +1,20 @@ @import '../../styles/styles.sass'; // Defaults -$divider-flex: 1 1 100% !default; -$divider-margin: 8px !default; $divider-border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default; $divider-border-style: solid !default; $divider-border-width: thin 0 0 0 !default; +$divider-flex: 1 1 100% !default; +$divider-margin: 8px !default; -$divider-border-query: () !default; -$divider-border-query: map-deep-merge( +$divider-query: () !default; +$divider-query: map-deep-merge( ( 'border-color': $divider-border-color, 'border-style': $divider-border-style, 'border-width': $divider-border-width ), - $divider-border-query + $divider-query ); // Inset