style(VCard): re-order sass classes

vuetifyjs · May 26, 2021 · 49b1883 · 49b1883
1 parent 4de13d1
commit 49b1883
Showing 1 changed file with 51 additions and 51 deletions.
diff --git a/packages/vuetify/src/components/VCard/VCard.sass b/packages/vuetify/src/components/VCard/VCard.sass
@@ -59,56 +59,22 @@
   &--tile
     @include rounded($card-tile-border-radius)
 
-.v-card-title
-  align-items: center
-  display: flex
-  font-size: $card-title-font-size
-  font-weight: $card-title-font-weight
-  letter-spacing: $card-title-letter-spacing
-  text-transform: $card-title-text-transform
-
-  @include card-line-height-densities($card-title-densities)
-
-.v-card-subtitle
-  align-items: center
-  color: $card-subtitle-color
-  display: flex
-  font-size: $card-subtitle-font-size
-  font-weight: $card-subtitle-font-weight
-  letter-spacing: $card-subtitle-letter-spacing
-  text-transform: $card-subtitle-text-transform
-
-  @include card-line-height-densities($card-subtitle-densities)
-
-.v-card-text
-  color: $card-text-color
-  font-size: $card-text-font-size
-  font-weight: $card-text-font-weight
-  letter-spacing: $card-text-letter-spacing
-  padding: $card-text-padding
-  text-transform: $card-text-text-transform
-
-  @include card-line-height-densities($card-text-densities)
-
 .v-card-actions
   align-items: center
   display: flex
   flex: 1 1 auto
   min-height: $card-actions-min-height
   padding: $card-actions-padding
 
-.v-card-media
-  overflow: hidden
+.v-card-avatar
+  @include ltr()
+    margin-right: $card-avatar-margin-start
 
-  &:first-child
-    .v-card &
-      border-top-left-radius: inherit
-      border-top-right-radius: inherit
+  @include rtl()
+    margin-left: $card-avatar-margin-end
 
-  &:last-child
-    .v-card &
-      border-bottom-left-radius: inherit
-      border-bottom-right-radius: inherit
+.v-card-header
+  flex: 1 1 auto
 
 .v-card-img
   border-radius: inherit
@@ -121,16 +87,6 @@
   width: 100%
   z-index: -1
 
-.v-card-avatar
-  @include ltr()
-    margin-right: $card-avatar-margin-start
-
-  @include rtl()
-    margin-left: $card-avatar-margin-end
-
-.v-card-header
-  flex: 1 1 auto
-
 .v-card-item
   align-items: center
   display: flex
@@ -142,3 +98,47 @@
 
   .v-card--density-compact &
     height: $card-item-compact-height
+
+.v-card-media
+  overflow: hidden
+
+  &:first-child
+    .v-card &
+      border-top-left-radius: inherit
+      border-top-right-radius: inherit
+
+  &:last-child
+    .v-card &
+      border-bottom-left-radius: inherit
+      border-bottom-right-radius: inherit
+
+.v-card-subtitle
+  align-items: center
+  color: $card-subtitle-color
+  display: flex
+  font-size: $card-subtitle-font-size
+  font-weight: $card-subtitle-font-weight
+  letter-spacing: $card-subtitle-letter-spacing
+  text-transform: $card-subtitle-text-transform
+
+  @include card-line-height-densities($card-subtitle-densities)
+
+.v-card-text
+  color: $card-text-color
+  font-size: $card-text-font-size
+  font-weight: $card-text-font-weight
+  letter-spacing: $card-text-letter-spacing
+  padding: $card-text-padding
+  text-transform: $card-text-text-transform
+
+  @include card-line-height-densities($card-text-densities)
+
+.v-card-title
+  align-items: center
+  display: flex
+  font-size: $card-title-font-size
+  font-weight: $card-title-font-weight
+  letter-spacing: $card-title-letter-spacing
+  text-transform: $card-title-text-transform
+
+  @include card-line-height-densities($card-title-densities)