fix(sass): move global style imports to component variable files

johnleider · johnleider · commit 63f128fb6315 · 2019-10-17T12:14:07.000-04:00
fixes #9323
diff --git a/packages/vuetify/src/components/VAlert/VAlert.sass b/packages/vuetify/src/components/VAlert/VAlert.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VAlert/_variables.scss b/packages/vuetify/src/components/VAlert/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $alert-border-opacity: 0.26 !default;
 $alert-border-radius: $border-radius-root !default;
 $alert-border-width: 4px !default;
diff --git a/packages/vuetify/src/components/VAppBar/VAppBar.sass b/packages/vuetify/src/components/VAppBar/VAppBar.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Block
diff --git a/packages/vuetify/src/components/VAppBar/_variables.scss b/packages/vuetify/src/components/VAppBar/_variables.scss
@@ -1,2 +1,4 @@
+@import '../../styles/styles.sass';
+
 $app-bar-transition: .4s opacity map-get($transition, 'fast-out-slow-in') !default;
 $app-bar-scrolled-title-padding-bottom: 9px !default;
diff --git a/packages/vuetify/src/components/VAutocomplete/_variables.scss b/packages/vuetify/src/components/VAutocomplete/_variables.scss
@@ -1,2 +1,4 @@
+@import '../../styles/styles.sass';
+
 $autocomplete-enclosed-input-margin-top: 24px;
 $autocomplete-dense-enclosed-input-margin-top: 20px;
diff --git a/packages/vuetify/src/components/VBadge/VBadge.sass b/packages/vuetify/src/components/VBadge/VBadge.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-badge
diff --git a/packages/vuetify/src/components/VBadge/_variables.scss b/packages/vuetify/src/components/VBadge/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $badge-border-radius: 11px !default;
 $badge-color: map-get($shades, 'white') !default;
 $badge-font-family: $body-font-family !default;
diff --git a/packages/vuetify/src/components/VBanner/VBanner.sass b/packages/vuetify/src/components/VBanner/VBanner.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VBanner/_variables.scss b/packages/vuetify/src/components/VBanner/_variables.scss
@@ -0,0 +1 @@
+@import '../../styles/styles.sass';
diff --git a/packages/vuetify/src/components/VBottomNavigation/VBottomNavigation.sass b/packages/vuetify/src/components/VBottomNavigation/VBottomNavigation.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VBottomNavigation/_variables.scss b/packages/vuetify/src/components/VBottomNavigation/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $bottom-nav-btn-font-size: map-deep-get($headings, 'caption', 'size') !default;
 $bottom-nav-btn-min-width: 80px !default;
 $bottom-nav-btn-max-width: 168px !default;
diff --git a/packages/vuetify/src/components/VBreadcrumbs/VBreadcrumbs.sass b/packages/vuetify/src/components/VBreadcrumbs/VBreadcrumbs.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables'
 
 // Theme
diff --git a/packages/vuetify/src/components/VBreadcrumbs/_variables.scss b/packages/vuetify/src/components/VBreadcrumbs/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $breadcrumbs-flex: 0 1 auto !default;
 $breadcrumbs-padding: 18px 12px !default;
 $breadcrumbs-even-child-padding: 0 12px !default;
diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VBtn/_variables.scss b/packages/vuetify/src/components/VBtn/_variables.scss
@@ -1,3 +1,4 @@
+@import '../../styles/styles.sass';
 @import '../../styles/tools/_functions.sass';
 
 $btn-active-opacity: 0.18 !default;
diff --git a/packages/vuetify/src/components/VBtnToggle/VBtnToggle.sass b/packages/vuetify/src/components/VBtnToggle/VBtnToggle.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VBtnToggle/_variables.scss b/packages/vuetify/src/components/VBtnToggle/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $btn-toggle-border-radius: $border-radius-root !default;
 $btn-toggle-shaped-border-radius: 24px !default;
 $btn-toggle-btn-height: 48px !default;
diff --git a/packages/vuetify/src/components/VCalendar/VCalendarDaily.sass b/packages/vuetify/src/components/VCalendar/VCalendarDaily.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VCalendar/VCalendarWeekly.sass b/packages/vuetify/src/components/VCalendar/VCalendarWeekly.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VCalendar/_variables.scss b/packages/vuetify/src/components/VCalendar/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $calendar-daily-weekday-padding: 3px 0px 0px 0px !default;
 $calendar-daily-weekday-font-size: 11px !default;
 $calendar-daily-day-padding: 0px 0px 3px 0px !default;
diff --git a/packages/vuetify/src/components/VCard/VCard.sass b/packages/vuetify/src/components/VCard/VCard.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VCard/_variables.scss b/packages/vuetify/src/components/VCard/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $card-border-radius: $border-radius-root !default;
 $card-shaped-border-radius: 24px !default;
 $card-title-font-size: map-deep-get($headings, 'h6', 'size') !default;
diff --git a/packages/vuetify/src/components/VCheckbox/VCheckbox.sass b/packages/vuetify/src/components/VCheckbox/VCheckbox.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-input--checkbox
diff --git a/packages/vuetify/src/components/VCheckbox/_variables.scss b/packages/vuetify/src/components/VCheckbox/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $checkbox-disabled-opacity: .6 !default;
diff --git a/packages/vuetify/src/components/VChip/VChip.sass b/packages/vuetify/src/components/VChip/VChip.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VChip/_variables.scss b/packages/vuetify/src/components/VChip/_variables.scss
@@ -1,3 +1,4 @@
+@import '../../styles/styles.sass';
 @import '../../styles/tools/_functions.sass';
 
 $chip-avatar-size: 24px !default;
diff --git a/packages/vuetify/src/components/VChipGroup/VChipGroup.sass b/packages/vuetify/src/components/VChipGroup/VChipGroup.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.sass'
 
 // Theme
diff --git a/packages/vuetify/src/components/VChipGroup/_variables.sass b/packages/vuetify/src/components/VChipGroup/_variables.sass
@@ -1,2 +1,4 @@
+@import '../../styles/styles.sass'
+
 $chip-group-margin: 4px 8px 4px 0 !default
 $chip-group-content-padding: 4px 0 !default
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPicker.sass b/packages/vuetify/src/components/VColorPicker/VColorPicker.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 +theme(v-color-picker) using ($material)
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerEdit.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerEdit.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-color-picker__edit
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-color-picker
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-color-picker__swatches
diff --git a/packages/vuetify/src/components/VColorPicker/_variables.scss b/packages/vuetify/src/components/VColorPicker/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $color-picker-border-radius: $border-radius-root !default;
 $color-picker-checkerboard: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
 $color-picker-swatch-color-width: 45px !default;
diff --git a/packages/vuetify/src/components/VCounter/VCounter.sass b/packages/vuetify/src/components/VCounter/VCounter.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 /* Theme */
diff --git a/packages/vuetify/src/components/VCounter/_variables.scss b/packages/vuetify/src/components/VCounter/_variables.scss
@@ -1,2 +1,4 @@
+@import '../../styles/styles.sass';
+
 $counter-font-size: 12px !default;
 $counter-min-height: 12px !default;
diff --git a/packages/vuetify/src/components/VDataTable/VDataTable.sass b/packages/vuetify/src/components/VDataTable/VDataTable.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VDataTable/VDataTableHeader.sass b/packages/vuetify/src/components/VDataTable/VDataTableHeader.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VDataTable/VSimpleTable.sass b/packages/vuetify/src/components/VDataTable/VSimpleTable.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VDataTable/VVirtualTable.sass b/packages/vuetify/src/components/VDataTable/VVirtualTable.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-virtual-table
diff --git a/packages/vuetify/src/components/VDataTable/_variables.scss b/packages/vuetify/src/components/VDataTable/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $data-table-scroll-bar-width: 17px !default;
 $data-table-regular-row-height: 48px !default;
 $data-table-regular-header-height: 48px !default;
diff --git a/packages/vuetify/src/components/VDialog/VDialog.sass b/packages/vuetify/src/components/VDialog/VDialog.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Block
diff --git a/packages/vuetify/src/components/VDialog/_variables.scss b/packages/vuetify/src/components/VDialog/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $dialog-border-radius: $border-radius-root !default;
diff --git a/packages/vuetify/src/components/VDivider/VDivider.sass b/packages/vuetify/src/components/VDivider/VDivider.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 +theme(v-divider) using ($material)
diff --git a/packages/vuetify/src/components/VDivider/_variables.scss b/packages/vuetify/src/components/VDivider/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $divider-inset-margin: 72px !default;
diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VExpansionPanel/_variables.scss b/packages/vuetify/src/components/VExpansionPanel/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $expansion-panel-border-radius: $border-radius-root !default;
 $expansion-panel-active-margin: 16px !default;
 $expansion-panel-header-font-size: 0.9375rem !default;
diff --git a/packages/vuetify/src/components/VFooter/VFooter.sass b/packages/vuetify/src/components/VFooter/VFooter.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VFooter/_variables.scss b/packages/vuetify/src/components/VFooter/_variables.scss
@@ -1,2 +1,4 @@
+@import '../../styles/styles.sass';
+
 $footer-padding: 6px 16px !default;
 $footer-padless-padding: 0px !default;
diff --git a/packages/vuetify/src/components/VIcon/VIcon.sass b/packages/vuetify/src/components/VIcon/VIcon.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VIcon/_variables.scss b/packages/vuetify/src/components/VIcon/_variables.scss
@@ -1,2 +1,4 @@
+@import '../../styles/styles.sass';
+
 $icon-size: 24px !default;
 $icon-size-dense: 20px !default;
diff --git a/packages/vuetify/src/components/VItemGroup/VItemGroup.sass b/packages/vuetify/src/components/VItemGroup/VItemGroup.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.sass'
 
 .v-item-group
diff --git a/packages/vuetify/src/components/VItemGroup/_variables.sass b/packages/vuetify/src/components/VItemGroup/_variables.sass
@@ -1 +1,3 @@
+@import '../../styles/styles.sass'
+
 $item-group-transition: $primary-transition !default
diff --git a/packages/vuetify/src/components/VList/VList.sass b/packages/vuetify/src/components/VList/VList.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 @import './_mixins.sass'
 
diff --git a/packages/vuetify/src/components/VList/VListGroup.sass b/packages/vuetify/src/components/VList/VListGroup.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 @import './_mixins.sass'
 
diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VList/_variables.scss b/packages/vuetify/src/components/VList/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $avatar-margin-x: 16px !default;
 $list-border-radius: $border-radius-root !default;
 $list-dense-subheader-font-size: 0.75rem !default;
diff --git a/packages/vuetify/src/components/VMenu/VMenu.sass b/packages/vuetify/src/components/VMenu/VMenu.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-menu
diff --git a/packages/vuetify/src/components/VMenu/_variables.scss b/packages/vuetify/src/components/VMenu/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $menu-content-border-radius: $border-radius-root !default;
diff --git a/packages/vuetify/src/components/VPagination/VPagination.sass b/packages/vuetify/src/components/VPagination/VPagination.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VPagination/_variables.scss b/packages/vuetify/src/components/VPagination/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $pagination-border-radius: $border-radius-root !default;
diff --git a/packages/vuetify/src/components/VPicker/VPicker.sass b/packages/vuetify/src/components/VPicker/VPicker.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
@@ -18,7 +17,7 @@
 
 .v-picker--full-width
   display: flex
-  
+
   > .v-picker__body
     margin: initial
 
diff --git a/packages/vuetify/src/components/VPicker/_variables.scss b/packages/vuetify/src/components/VPicker/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $picker-border-radius: $border-radius-root !default;
 $picker-title-padding: 16px !default;
 $picker-inactive-btn-opacity: .6 !default;
diff --git a/packages/vuetify/src/components/VProgressCircular/VProgressCircular.sass b/packages/vuetify/src/components/VProgressCircular/VProgressCircular.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 .v-progress-circular
diff --git a/packages/vuetify/src/components/VProgressCircular/_variables.scss b/packages/vuetify/src/components/VProgressCircular/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $progress-circular-rotate-animation: progress-circular-rotate 1.4s linear infinite !default;
 $progress-circular-rotate-dash: progress-circular-dash 1.4s ease-in-out infinite !default;
 $process-circular-intermediate-svg-transition: all .2s ease-in-out !default;
diff --git a/packages/vuetify/src/components/VProgressLinear/VProgressLinear.sass b/packages/vuetify/src/components/VProgressLinear/VProgressLinear.sass
@@ -1,4 +1,3 @@
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 +theme(v-progress-linear) using ($material)
diff --git a/packages/vuetify/src/components/VProgressLinear/_variables.scss b/packages/vuetify/src/components/VProgressLinear/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $progress-linear-border-radius: $border-radius-root !default;
 $progress-linear-stripe-gradient: linear-gradient(
   135deg,
diff --git a/packages/vuetify/src/components/VSheet/VSheet.sass b/packages/vuetify/src/components/VSheet/VSheet.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VSheet/_variables.scss b/packages/vuetify/src/components/VSheet/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $sheet-border-radius: 0px !default;
diff --git a/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass b/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VSkeletonLoader/_variables.scss b/packages/vuetify/src/components/VSkeletonLoader/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $skeleton-loader-border-radius: $border-radius-root !default;
 $skeleton-loader-button-border-radius: $border-radius-root !default;
 $skeleton-loader-chip-border-radius: 16px !default;
diff --git a/packages/vuetify/src/components/VSlideGroup/VSlideGroup.sass b/packages/vuetify/src/components/VSlideGroup/VSlideGroup.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Block
diff --git a/packages/vuetify/src/components/VSlideGroup/_variables.scss b/packages/vuetify/src/components/VSlideGroup/_variables.scss
@@ -1 +1,3 @@
+@import '../../styles/styles.sass';
+
 $slide-group-prev-basis: 52px !default;
diff --git a/packages/vuetify/src/components/VSlider/VSlider.sass b/packages/vuetify/src/components/VSlider/VSlider.sass
@@ -1,5 +1,4 @@
 // Imports
-@import '../../styles/styles.sass'
 @import './_variables.scss'
 
 // Theme
diff --git a/packages/vuetify/src/components/VSlider/_variables.scss b/packages/vuetify/src/components/VSlider/_variables.scss
@@ -1,3 +1,5 @@
+@import '../../styles/styles.sass';
+
 $slider-track-width: 2px !default;
 $slider-track-border-radius: 0 !default;
 $slider-thumb-size: 12px !default;
diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.sass b/packages/vuetify/src/components/VSnackbar/VSnackbar.sass
diff --git a/packages/vuetify/src/components/VSnackbar/_variables.scss b/packages/vuetify/src/components/VSnackbar/_variables.scss
diff --git a/packages/vuetify/src/components/VStepper/VStepper.sass b/packages/vuetify/src/components/VStepper/VStepper.sass
diff --git a/packages/vuetify/src/components/VStepper/_variables.scss b/packages/vuetify/src/components/VStepper/_variables.scss
diff --git a/packages/vuetify/src/components/VSubheader/VSubheader.sass b/packages/vuetify/src/components/VSubheader/VSubheader.sass
diff --git a/packages/vuetify/src/components/VSubheader/_variables.scss b/packages/vuetify/src/components/VSubheader/_variables.scss
diff --git a/packages/vuetify/src/components/VSwitch/VSwitch.sass b/packages/vuetify/src/components/VSwitch/VSwitch.sass
diff --git a/packages/vuetify/src/components/VSwitch/_variables.sass b/packages/vuetify/src/components/VSwitch/_variables.sass
diff --git a/packages/vuetify/src/components/VSystemBar/VSystemBar.sass b/packages/vuetify/src/components/VSystemBar/VSystemBar.sass
diff --git a/packages/vuetify/src/components/VSystemBar/_variables.scss b/packages/vuetify/src/components/VSystemBar/_variables.scss
diff --git a/packages/vuetify/src/components/VTabs/VTabs.sass b/packages/vuetify/src/components/VTabs/VTabs.sass
diff --git a/packages/vuetify/src/components/VTabs/_variables.scss b/packages/vuetify/src/components/VTabs/_variables.scss
diff --git a/packages/vuetify/src/components/VTextField/VTextField.sass b/packages/vuetify/src/components/VTextField/VTextField.sass
diff --git a/packages/vuetify/src/components/VTextField/_variables.scss b/packages/vuetify/src/components/VTextField/_variables.scss
diff --git a/packages/vuetify/src/components/VTimePicker/VTimePickerClock.sass b/packages/vuetify/src/components/VTimePicker/VTimePickerClock.sass
diff --git a/packages/vuetify/src/components/VTimePicker/VTimePickerTitle.sass b/packages/vuetify/src/components/VTimePicker/VTimePickerTitle.sass
diff --git a/packages/vuetify/src/components/VTimePicker/_variables.scss b/packages/vuetify/src/components/VTimePicker/_variables.scss
diff --git a/packages/vuetify/src/components/VTimeline/VTimeline.sass b/packages/vuetify/src/components/VTimeline/VTimeline.sass
diff --git a/packages/vuetify/src/components/VTimeline/_variables.scss b/packages/vuetify/src/components/VTimeline/_variables.scss
diff --git a/packages/vuetify/src/components/VToolbar/VToolbar.sass b/packages/vuetify/src/components/VToolbar/VToolbar.sass
diff --git a/packages/vuetify/src/components/VToolbar/_variables.scss b/packages/vuetify/src/components/VToolbar/_variables.scss
diff --git a/packages/vuetify/src/components/VTooltip/VTooltip.sass b/packages/vuetify/src/components/VTooltip/VTooltip.sass
diff --git a/packages/vuetify/src/components/VTooltip/_variables.sass b/packages/vuetify/src/components/VTooltip/_variables.sass
diff --git a/packages/vuetify/src/components/VTreeview/VTreeview.sass b/packages/vuetify/src/components/VTreeview/VTreeview.sass
diff --git a/packages/vuetify/src/components/VTreeview/_variables.scss b/packages/vuetify/src/components/VTreeview/_variables.scss
diff --git a/packages/vuetify/src/components/VWindow/VWindow.sass b/packages/vuetify/src/components/VWindow/VWindow.sass
diff --git a/packages/vuetify/src/components/VWindow/_variables.sass b/packages/vuetify/src/components/VWindow/_variables.sass
diff --git a/packages/vuetify/src/directives/ripple/VRipple.sass b/packages/vuetify/src/directives/ripple/VRipple.sass
diff --git a/packages/vuetify/src/directives/ripple/_variables.scss b/packages/vuetify/src/directives/ripple/_variables.scss

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`// Imports`
`2`		`-@import '../../styles/styles.sass'`
`3`	`2`	`@import './_variables.scss'`
`4`	`3`
`5`	`4`	`// Theme`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../styles/styles.sass';`
	`2`	`+`
`1`	`3`	`$alert-border-opacity: 0.26 !default;`
`2`	`4`	`$alert-border-radius: $border-radius-root !default;`
`3`	`5`	`$alert-border-width: 4px !default;`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-@import '../../styles/styles.sass'`
`2`	`1`	`@import './_variables.scss'`
`3`	`2`
`4`	`3`	`// Block`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../styles/styles.sass';`
	`2`	`+`
`1`	`3`	`$badge-border-radius: 11px !default;`
`2`	`4`	`$badge-color: map-get($shades, 'white') !default;`
`3`	`5`	`$badge-font-family: $body-font-family !default;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../styles/styles.sass';`
	`2`	`+`
`1`	`3`	`$bottom-nav-btn-font-size: map-deep-get($headings, 'caption', 'size') !default;`
`2`	`4`	`$bottom-nav-btn-min-width: 80px !default;`
`3`	`5`	`$bottom-nav-btn-max-width: 168px !default;`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-@import '../../styles/styles.sass'`
`2`	`1`	`@import './_variables'`
`3`	`2`
`4`	`3`	`// Theme`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../styles/styles.sass';`
	`2`	`+`
`1`	`3`	`$breadcrumbs-flex: 0 1 auto !default;`
`2`	`4`	`$breadcrumbs-padding: 18px 12px !default;`
`3`	`5`	`$breadcrumbs-even-child-padding: 0 12px !default;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+@import '../../styles/styles.sass';`
`1`	`2`	`@import '../../styles/tools/_functions.sass';`
`2`	`3`
`3`	`4`	`$btn-active-opacity: 0.18 !default;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../styles/styles.sass';`
	`2`	`+`
`1`	`3`	`$btn-toggle-border-radius: $border-radius-root !default;`
`2`	`4`	`$btn-toggle-shaped-border-radius: 24px !default;`
`3`	`5`	`$btn-toggle-btn-height: 48px !default;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../styles/styles.sass';`
	`2`	`+`
`1`	`3`	`$calendar-daily-weekday-padding: 3px 0px 0px 0px !default;`
`2`	`4`	`$calendar-daily-weekday-font-size: 11px !default;`
`3`	`5`	`$calendar-daily-day-padding: 0px 0px 3px 0px !default;`