vuetify 3.3.12 → 3.4.0-alpha.0

package/lib/components/VGrid/VGrid.css

@@ -147,80 +147,91 @@
   max-width: 100%;
 }
 
-.offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
+.v-locale--is-ltr.offset-1, .v-locale--is-ltr .offset-1 {
   margin-left: 8.3333333333%;
 }
-.offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
+
+.v-locale--is-rtl.offset-1, .v-locale--is-rtl .offset-1 {
   margin-right: 8.3333333333%;
 }
 
-.offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
+.v-locale--is-ltr.offset-2, .v-locale--is-ltr .offset-2 {
   margin-left: 16.6666666667%;
 }
-.offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
+
+.v-locale--is-rtl.offset-2, .v-locale--is-rtl .offset-2 {
   margin-right: 16.6666666667%;
 }
 
-.offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
+.v-locale--is-ltr.offset-3, .v-locale--is-ltr .offset-3 {
   margin-left: 25%;
 }
-.offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
+
+.v-locale--is-rtl.offset-3, .v-locale--is-rtl .offset-3 {
   margin-right: 25%;
 }
 
-.offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
+.v-locale--is-ltr.offset-4, .v-locale--is-ltr .offset-4 {
   margin-left: 33.3333333333%;
 }
-.offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
+
+.v-locale--is-rtl.offset-4, .v-locale--is-rtl .offset-4 {
   margin-right: 33.3333333333%;
 }
 
-.offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
+.v-locale--is-ltr.offset-5, .v-locale--is-ltr .offset-5 {
   margin-left: 41.6666666667%;
 }
-.offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
+
+.v-locale--is-rtl.offset-5, .v-locale--is-rtl .offset-5 {
   margin-right: 41.6666666667%;
 }
 
-.offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
+.v-locale--is-ltr.offset-6, .v-locale--is-ltr .offset-6 {
   margin-left: 50%;
 }
-.offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
+
+.v-locale--is-rtl.offset-6, .v-locale--is-rtl .offset-6 {
   margin-right: 50%;
 }
 
-.offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
+.v-locale--is-ltr.offset-7, .v-locale--is-ltr .offset-7 {
   margin-left: 58.3333333333%;
 }
-.offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
+
+.v-locale--is-rtl.offset-7, .v-locale--is-rtl .offset-7 {
   margin-right: 58.3333333333%;
 }
 
-.offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
+.v-locale--is-ltr.offset-8, .v-locale--is-ltr .offset-8 {
   margin-left: 66.6666666667%;
 }
-.offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
+
+.v-locale--is-rtl.offset-8, .v-locale--is-rtl .offset-8 {
   margin-right: 66.6666666667%;
 }
 
-.offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
+.v-locale--is-ltr.offset-9, .v-locale--is-ltr .offset-9 {
   margin-left: 75%;
 }
-.offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
+
+.v-locale--is-rtl.offset-9, .v-locale--is-rtl .offset-9 {
   margin-right: 75%;
 }
 
-.offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
+.v-locale--is-ltr.offset-10, .v-locale--is-ltr .offset-10 {
   margin-left: 83.3333333333%;
 }
-.offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
+
+.v-locale--is-rtl.offset-10, .v-locale--is-rtl .offset-10 {
   margin-right: 83.3333333333%;
 }
 
-.offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
+.v-locale--is-ltr.offset-11, .v-locale--is-ltr .offset-11 {
   margin-left: 91.6666666667%;
 }
-.offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
+
+.v-locale--is-rtl.offset-11, .v-locale--is-rtl .offset-11 {
   margin-right: 91.6666666667%;
 }
 
@@ -283,76 +294,76 @@
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .offset-sm-0.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-0 {
+  .v-locale--is-ltr.offset-sm-0, .v-locale--is-ltr .offset-sm-0 {
     margin-left: 0;
   }
-  .offset-sm-0.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-0 {
+  .v-locale--is-rtl.offset-sm-0, .v-locale--is-rtl .offset-sm-0 {
     margin-right: 0;
   }
-  .offset-sm-1.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-1 {
+  .v-locale--is-ltr.offset-sm-1, .v-locale--is-ltr .offset-sm-1 {
     margin-left: 8.3333333333%;
   }
-  .offset-sm-1.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-1 {
+  .v-locale--is-rtl.offset-sm-1, .v-locale--is-rtl .offset-sm-1 {
     margin-right: 8.3333333333%;
   }
-  .offset-sm-2.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-2 {
+  .v-locale--is-ltr.offset-sm-2, .v-locale--is-ltr .offset-sm-2 {
     margin-left: 16.6666666667%;
   }
-  .offset-sm-2.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-2 {
+  .v-locale--is-rtl.offset-sm-2, .v-locale--is-rtl .offset-sm-2 {
     margin-right: 16.6666666667%;
   }
-  .offset-sm-3.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-3 {
+  .v-locale--is-ltr.offset-sm-3, .v-locale--is-ltr .offset-sm-3 {
     margin-left: 25%;
   }
-  .offset-sm-3.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-3 {
+  .v-locale--is-rtl.offset-sm-3, .v-locale--is-rtl .offset-sm-3 {
     margin-right: 25%;
   }
-  .offset-sm-4.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-4 {
+  .v-locale--is-ltr.offset-sm-4, .v-locale--is-ltr .offset-sm-4 {
     margin-left: 33.3333333333%;
   }
-  .offset-sm-4.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-4 {
+  .v-locale--is-rtl.offset-sm-4, .v-locale--is-rtl .offset-sm-4 {
     margin-right: 33.3333333333%;
   }
-  .offset-sm-5.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-5 {
+  .v-locale--is-ltr.offset-sm-5, .v-locale--is-ltr .offset-sm-5 {
     margin-left: 41.6666666667%;
   }
-  .offset-sm-5.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-5 {
+  .v-locale--is-rtl.offset-sm-5, .v-locale--is-rtl .offset-sm-5 {
     margin-right: 41.6666666667%;
   }
-  .offset-sm-6.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-6 {
+  .v-locale--is-ltr.offset-sm-6, .v-locale--is-ltr .offset-sm-6 {
     margin-left: 50%;
   }
-  .offset-sm-6.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-6 {
+  .v-locale--is-rtl.offset-sm-6, .v-locale--is-rtl .offset-sm-6 {
     margin-right: 50%;
   }
-  .offset-sm-7.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-7 {
+  .v-locale--is-ltr.offset-sm-7, .v-locale--is-ltr .offset-sm-7 {
     margin-left: 58.3333333333%;
   }
-  .offset-sm-7.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-7 {
+  .v-locale--is-rtl.offset-sm-7, .v-locale--is-rtl .offset-sm-7 {
     margin-right: 58.3333333333%;
   }
-  .offset-sm-8.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-8 {
+  .v-locale--is-ltr.offset-sm-8, .v-locale--is-ltr .offset-sm-8 {
     margin-left: 66.6666666667%;
   }
-  .offset-sm-8.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-8 {
+  .v-locale--is-rtl.offset-sm-8, .v-locale--is-rtl .offset-sm-8 {
     margin-right: 66.6666666667%;
   }
-  .offset-sm-9.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-9 {
+  .v-locale--is-ltr.offset-sm-9, .v-locale--is-ltr .offset-sm-9 {
     margin-left: 75%;
   }
-  .offset-sm-9.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-9 {
+  .v-locale--is-rtl.offset-sm-9, .v-locale--is-rtl .offset-sm-9 {
     margin-right: 75%;
   }
-  .offset-sm-10.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-10 {
+  .v-locale--is-ltr.offset-sm-10, .v-locale--is-ltr .offset-sm-10 {
     margin-left: 83.3333333333%;
   }
-  .offset-sm-10.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-10 {
+  .v-locale--is-rtl.offset-sm-10, .v-locale--is-rtl .offset-sm-10 {
     margin-right: 83.3333333333%;
   }
-  .offset-sm-11.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-11 {
+  .v-locale--is-ltr.offset-sm-11, .v-locale--is-ltr .offset-sm-11 {
     margin-left: 91.6666666667%;
   }
-  .offset-sm-11.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-11 {
+  .v-locale--is-rtl.offset-sm-11, .v-locale--is-rtl .offset-sm-11 {
     margin-right: 91.6666666667%;
   }
 }
@@ -415,76 +426,76 @@
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .offset-md-0.v-locale--is-ltr, .v-locale--is-ltr .offset-md-0 {
+  .v-locale--is-ltr.offset-md-0, .v-locale--is-ltr .offset-md-0 {
     margin-left: 0;
   }
-  .offset-md-0.v-locale--is-rtl, .v-locale--is-rtl .offset-md-0 {
+  .v-locale--is-rtl.offset-md-0, .v-locale--is-rtl .offset-md-0 {
     margin-right: 0;
   }
-  .offset-md-1.v-locale--is-ltr, .v-locale--is-ltr .offset-md-1 {
+  .v-locale--is-ltr.offset-md-1, .v-locale--is-ltr .offset-md-1 {
     margin-left: 8.3333333333%;
   }
-  .offset-md-1.v-locale--is-rtl, .v-locale--is-rtl .offset-md-1 {
+  .v-locale--is-rtl.offset-md-1, .v-locale--is-rtl .offset-md-1 {
     margin-right: 8.3333333333%;
   }
-  .offset-md-2.v-locale--is-ltr, .v-locale--is-ltr .offset-md-2 {
+  .v-locale--is-ltr.offset-md-2, .v-locale--is-ltr .offset-md-2 {
     margin-left: 16.6666666667%;
   }
-  .offset-md-2.v-locale--is-rtl, .v-locale--is-rtl .offset-md-2 {
+  .v-locale--is-rtl.offset-md-2, .v-locale--is-rtl .offset-md-2 {
     margin-right: 16.6666666667%;
   }
-  .offset-md-3.v-locale--is-ltr, .v-locale--is-ltr .offset-md-3 {
+  .v-locale--is-ltr.offset-md-3, .v-locale--is-ltr .offset-md-3 {
     margin-left: 25%;
   }
-  .offset-md-3.v-locale--is-rtl, .v-locale--is-rtl .offset-md-3 {
+  .v-locale--is-rtl.offset-md-3, .v-locale--is-rtl .offset-md-3 {
     margin-right: 25%;
   }
-  .offset-md-4.v-locale--is-ltr, .v-locale--is-ltr .offset-md-4 {
+  .v-locale--is-ltr.offset-md-4, .v-locale--is-ltr .offset-md-4 {
     margin-left: 33.3333333333%;
   }
-  .offset-md-4.v-locale--is-rtl, .v-locale--is-rtl .offset-md-4 {
+  .v-locale--is-rtl.offset-md-4, .v-locale--is-rtl .offset-md-4 {
     margin-right: 33.3333333333%;
   }
-  .offset-md-5.v-locale--is-ltr, .v-locale--is-ltr .offset-md-5 {
+  .v-locale--is-ltr.offset-md-5, .v-locale--is-ltr .offset-md-5 {
     margin-left: 41.6666666667%;
   }
-  .offset-md-5.v-locale--is-rtl, .v-locale--is-rtl .offset-md-5 {
+  .v-locale--is-rtl.offset-md-5, .v-locale--is-rtl .offset-md-5 {
     margin-right: 41.6666666667%;
   }
-  .offset-md-6.v-locale--is-ltr, .v-locale--is-ltr .offset-md-6 {
+  .v-locale--is-ltr.offset-md-6, .v-locale--is-ltr .offset-md-6 {
     margin-left: 50%;
   }
-  .offset-md-6.v-locale--is-rtl, .v-locale--is-rtl .offset-md-6 {
+  .v-locale--is-rtl.offset-md-6, .v-locale--is-rtl .offset-md-6 {
     margin-right: 50%;
   }
-  .offset-md-7.v-locale--is-ltr, .v-locale--is-ltr .offset-md-7 {
+  .v-locale--is-ltr.offset-md-7, .v-locale--is-ltr .offset-md-7 {
     margin-left: 58.3333333333%;
   }
-  .offset-md-7.v-locale--is-rtl, .v-locale--is-rtl .offset-md-7 {
+  .v-locale--is-rtl.offset-md-7, .v-locale--is-rtl .offset-md-7 {
     margin-right: 58.3333333333%;
   }
-  .offset-md-8.v-locale--is-ltr, .v-locale--is-ltr .offset-md-8 {
+  .v-locale--is-ltr.offset-md-8, .v-locale--is-ltr .offset-md-8 {
     margin-left: 66.6666666667%;
   }
-  .offset-md-8.v-locale--is-rtl, .v-locale--is-rtl .offset-md-8 {
+  .v-locale--is-rtl.offset-md-8, .v-locale--is-rtl .offset-md-8 {
     margin-right: 66.6666666667%;
   }
-  .offset-md-9.v-locale--is-ltr, .v-locale--is-ltr .offset-md-9 {
+  .v-locale--is-ltr.offset-md-9, .v-locale--is-ltr .offset-md-9 {
     margin-left: 75%;
   }
-  .offset-md-9.v-locale--is-rtl, .v-locale--is-rtl .offset-md-9 {
+  .v-locale--is-rtl.offset-md-9, .v-locale--is-rtl .offset-md-9 {
     margin-right: 75%;
   }
-  .offset-md-10.v-locale--is-ltr, .v-locale--is-ltr .offset-md-10 {
+  .v-locale--is-ltr.offset-md-10, .v-locale--is-ltr .offset-md-10 {
     margin-left: 83.3333333333%;
   }
-  .offset-md-10.v-locale--is-rtl, .v-locale--is-rtl .offset-md-10 {
+  .v-locale--is-rtl.offset-md-10, .v-locale--is-rtl .offset-md-10 {
     margin-right: 83.3333333333%;
   }
-  .offset-md-11.v-locale--is-ltr, .v-locale--is-ltr .offset-md-11 {
+  .v-locale--is-ltr.offset-md-11, .v-locale--is-ltr .offset-md-11 {
     margin-left: 91.6666666667%;
   }
-  .offset-md-11.v-locale--is-rtl, .v-locale--is-rtl .offset-md-11 {
+  .v-locale--is-rtl.offset-md-11, .v-locale--is-rtl .offset-md-11 {
     margin-right: 91.6666666667%;
   }
 }
@@ -547,76 +558,76 @@
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .offset-lg-0.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-0 {
+  .v-locale--is-ltr.offset-lg-0, .v-locale--is-ltr .offset-lg-0 {
     margin-left: 0;
   }
-  .offset-lg-0.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-0 {
+  .v-locale--is-rtl.offset-lg-0, .v-locale--is-rtl .offset-lg-0 {
     margin-right: 0;
   }
-  .offset-lg-1.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-1 {
+  .v-locale--is-ltr.offset-lg-1, .v-locale--is-ltr .offset-lg-1 {
     margin-left: 8.3333333333%;
   }
-  .offset-lg-1.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-1 {
+  .v-locale--is-rtl.offset-lg-1, .v-locale--is-rtl .offset-lg-1 {
     margin-right: 8.3333333333%;
   }
-  .offset-lg-2.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-2 {
+  .v-locale--is-ltr.offset-lg-2, .v-locale--is-ltr .offset-lg-2 {
     margin-left: 16.6666666667%;
   }
-  .offset-lg-2.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-2 {
+  .v-locale--is-rtl.offset-lg-2, .v-locale--is-rtl .offset-lg-2 {
     margin-right: 16.6666666667%;
   }
-  .offset-lg-3.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-3 {
+  .v-locale--is-ltr.offset-lg-3, .v-locale--is-ltr .offset-lg-3 {
     margin-left: 25%;
   }
-  .offset-lg-3.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-3 {
+  .v-locale--is-rtl.offset-lg-3, .v-locale--is-rtl .offset-lg-3 {
     margin-right: 25%;
   }
-  .offset-lg-4.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-4 {
+  .v-locale--is-ltr.offset-lg-4, .v-locale--is-ltr .offset-lg-4 {
     margin-left: 33.3333333333%;
   }
-  .offset-lg-4.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-4 {
+  .v-locale--is-rtl.offset-lg-4, .v-locale--is-rtl .offset-lg-4 {
     margin-right: 33.3333333333%;
   }
-  .offset-lg-5.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-5 {
+  .v-locale--is-ltr.offset-lg-5, .v-locale--is-ltr .offset-lg-5 {
     margin-left: 41.6666666667%;
   }
-  .offset-lg-5.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-5 {
+  .v-locale--is-rtl.offset-lg-5, .v-locale--is-rtl .offset-lg-5 {
     margin-right: 41.6666666667%;
   }
-  .offset-lg-6.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-6 {
+  .v-locale--is-ltr.offset-lg-6, .v-locale--is-ltr .offset-lg-6 {
     margin-left: 50%;
   }
-  .offset-lg-6.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-6 {
+  .v-locale--is-rtl.offset-lg-6, .v-locale--is-rtl .offset-lg-6 {
     margin-right: 50%;
   }
-  .offset-lg-7.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-7 {
+  .v-locale--is-ltr.offset-lg-7, .v-locale--is-ltr .offset-lg-7 {
     margin-left: 58.3333333333%;
   }
-  .offset-lg-7.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-7 {
+  .v-locale--is-rtl.offset-lg-7, .v-locale--is-rtl .offset-lg-7 {
     margin-right: 58.3333333333%;
   }
-  .offset-lg-8.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-8 {
+  .v-locale--is-ltr.offset-lg-8, .v-locale--is-ltr .offset-lg-8 {
     margin-left: 66.6666666667%;
   }
-  .offset-lg-8.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-8 {
+  .v-locale--is-rtl.offset-lg-8, .v-locale--is-rtl .offset-lg-8 {
     margin-right: 66.6666666667%;
   }
-  .offset-lg-9.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-9 {
+  .v-locale--is-ltr.offset-lg-9, .v-locale--is-ltr .offset-lg-9 {
     margin-left: 75%;
   }
-  .offset-lg-9.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-9 {
+  .v-locale--is-rtl.offset-lg-9, .v-locale--is-rtl .offset-lg-9 {
     margin-right: 75%;
   }
-  .offset-lg-10.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-10 {
+  .v-locale--is-ltr.offset-lg-10, .v-locale--is-ltr .offset-lg-10 {
     margin-left: 83.3333333333%;
   }
-  .offset-lg-10.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-10 {
+  .v-locale--is-rtl.offset-lg-10, .v-locale--is-rtl .offset-lg-10 {
     margin-right: 83.3333333333%;
   }
-  .offset-lg-11.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-11 {
+  .v-locale--is-ltr.offset-lg-11, .v-locale--is-ltr .offset-lg-11 {
     margin-left: 91.6666666667%;
   }
-  .offset-lg-11.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-11 {
+  .v-locale--is-rtl.offset-lg-11, .v-locale--is-rtl .offset-lg-11 {
     margin-right: 91.6666666667%;
   }
 }
@@ -679,76 +690,76 @@
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
+  .v-locale--is-ltr.offset-xl-0, .v-locale--is-ltr .offset-xl-0 {
     margin-left: 0;
   }
-  .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
+  .v-locale--is-rtl.offset-xl-0, .v-locale--is-rtl .offset-xl-0 {
     margin-right: 0;
   }
-  .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
+  .v-locale--is-ltr.offset-xl-1, .v-locale--is-ltr .offset-xl-1 {
     margin-left: 8.3333333333%;
   }
-  .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
+  .v-locale--is-rtl.offset-xl-1, .v-locale--is-rtl .offset-xl-1 {
     margin-right: 8.3333333333%;
   }
-  .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
+  .v-locale--is-ltr.offset-xl-2, .v-locale--is-ltr .offset-xl-2 {
     margin-left: 16.6666666667%;
   }
-  .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
+  .v-locale--is-rtl.offset-xl-2, .v-locale--is-rtl .offset-xl-2 {
     margin-right: 16.6666666667%;
   }
-  .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
+  .v-locale--is-ltr.offset-xl-3, .v-locale--is-ltr .offset-xl-3 {
     margin-left: 25%;
   }
-  .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
+  .v-locale--is-rtl.offset-xl-3, .v-locale--is-rtl .offset-xl-3 {
     margin-right: 25%;
   }
-  .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
+  .v-locale--is-ltr.offset-xl-4, .v-locale--is-ltr .offset-xl-4 {
     margin-left: 33.3333333333%;
   }
-  .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
+  .v-locale--is-rtl.offset-xl-4, .v-locale--is-rtl .offset-xl-4 {
     margin-right: 33.3333333333%;
   }
-  .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
+  .v-locale--is-ltr.offset-xl-5, .v-locale--is-ltr .offset-xl-5 {
     margin-left: 41.6666666667%;
   }
-  .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
+  .v-locale--is-rtl.offset-xl-5, .v-locale--is-rtl .offset-xl-5 {
     margin-right: 41.6666666667%;
   }
-  .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
+  .v-locale--is-ltr.offset-xl-6, .v-locale--is-ltr .offset-xl-6 {
     margin-left: 50%;
   }
-  .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
+  .v-locale--is-rtl.offset-xl-6, .v-locale--is-rtl .offset-xl-6 {
     margin-right: 50%;
   }
-  .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
+  .v-locale--is-ltr.offset-xl-7, .v-locale--is-ltr .offset-xl-7 {
     margin-left: 58.3333333333%;
   }
-  .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
+  .v-locale--is-rtl.offset-xl-7, .v-locale--is-rtl .offset-xl-7 {
     margin-right: 58.3333333333%;
   }
-  .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
+  .v-locale--is-ltr.offset-xl-8, .v-locale--is-ltr .offset-xl-8 {
     margin-left: 66.6666666667%;
   }
-  .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
+  .v-locale--is-rtl.offset-xl-8, .v-locale--is-rtl .offset-xl-8 {
     margin-right: 66.6666666667%;
   }
-  .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
+  .v-locale--is-ltr.offset-xl-9, .v-locale--is-ltr .offset-xl-9 {
     margin-left: 75%;
   }
-  .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
+  .v-locale--is-rtl.offset-xl-9, .v-locale--is-rtl .offset-xl-9 {
     margin-right: 75%;
   }
-  .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
+  .v-locale--is-ltr.offset-xl-10, .v-locale--is-ltr .offset-xl-10 {
     margin-left: 83.3333333333%;
   }
-  .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
+  .v-locale--is-rtl.offset-xl-10, .v-locale--is-rtl .offset-xl-10 {
     margin-right: 83.3333333333%;
   }
-  .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
+  .v-locale--is-ltr.offset-xl-11, .v-locale--is-ltr .offset-xl-11 {
     margin-left: 91.6666666667%;
   }
-  .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
+  .v-locale--is-rtl.offset-xl-11, .v-locale--is-rtl .offset-xl-11 {
     margin-right: 91.6666666667%;
   }
 }
@@ -811,76 +822,76 @@
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
+  .v-locale--is-ltr.offset-xxl-0, .v-locale--is-ltr .offset-xxl-0 {
     margin-left: 0;
   }
-  .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
+  .v-locale--is-rtl.offset-xxl-0, .v-locale--is-rtl .offset-xxl-0 {
     margin-right: 0;
   }
-  .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
+  .v-locale--is-ltr.offset-xxl-1, .v-locale--is-ltr .offset-xxl-1 {
     margin-left: 8.3333333333%;
   }
-  .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
+  .v-locale--is-rtl.offset-xxl-1, .v-locale--is-rtl .offset-xxl-1 {
     margin-right: 8.3333333333%;
   }
-  .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
+  .v-locale--is-ltr.offset-xxl-2, .v-locale--is-ltr .offset-xxl-2 {
     margin-left: 16.6666666667%;
   }
-  .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
+  .v-locale--is-rtl.offset-xxl-2, .v-locale--is-rtl .offset-xxl-2 {
     margin-right: 16.6666666667%;
   }
-  .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
+  .v-locale--is-ltr.offset-xxl-3, .v-locale--is-ltr .offset-xxl-3 {
     margin-left: 25%;
   }
-  .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
+  .v-locale--is-rtl.offset-xxl-3, .v-locale--is-rtl .offset-xxl-3 {
     margin-right: 25%;
   }
-  .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
+  .v-locale--is-ltr.offset-xxl-4, .v-locale--is-ltr .offset-xxl-4 {
     margin-left: 33.3333333333%;
   }
-  .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
+  .v-locale--is-rtl.offset-xxl-4, .v-locale--is-rtl .offset-xxl-4 {
     margin-right: 33.3333333333%;
   }
-  .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
+  .v-locale--is-ltr.offset-xxl-5, .v-locale--is-ltr .offset-xxl-5 {
     margin-left: 41.6666666667%;
   }
-  .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
+  .v-locale--is-rtl.offset-xxl-5, .v-locale--is-rtl .offset-xxl-5 {
     margin-right: 41.6666666667%;
   }
-  .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
+  .v-locale--is-ltr.offset-xxl-6, .v-locale--is-ltr .offset-xxl-6 {
     margin-left: 50%;
   }
-  .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
+  .v-locale--is-rtl.offset-xxl-6, .v-locale--is-rtl .offset-xxl-6 {
     margin-right: 50%;
   }
-  .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
+  .v-locale--is-ltr.offset-xxl-7, .v-locale--is-ltr .offset-xxl-7 {
     margin-left: 58.3333333333%;
   }
-  .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
+  .v-locale--is-rtl.offset-xxl-7, .v-locale--is-rtl .offset-xxl-7 {
     margin-right: 58.3333333333%;
   }
-  .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
+  .v-locale--is-ltr.offset-xxl-8, .v-locale--is-ltr .offset-xxl-8 {
     margin-left: 66.6666666667%;
   }
-  .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
+  .v-locale--is-rtl.offset-xxl-8, .v-locale--is-rtl .offset-xxl-8 {
     margin-right: 66.6666666667%;
   }
-  .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
+  .v-locale--is-ltr.offset-xxl-9, .v-locale--is-ltr .offset-xxl-9 {
     margin-left: 75%;
   }
-  .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
+  .v-locale--is-rtl.offset-xxl-9, .v-locale--is-rtl .offset-xxl-9 {
     margin-right: 75%;
   }
-  .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
+  .v-locale--is-ltr.offset-xxl-10, .v-locale--is-ltr .offset-xxl-10 {
     margin-left: 83.3333333333%;
   }
-  .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
+  .v-locale--is-rtl.offset-xxl-10, .v-locale--is-rtl .offset-xxl-10 {
     margin-right: 83.3333333333%;
   }
-  .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
+  .v-locale--is-ltr.offset-xxl-11, .v-locale--is-ltr .offset-xxl-11 {
     margin-left: 91.6666666667%;
   }
-  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
+  .v-locale--is-rtl.offset-xxl-11, .v-locale--is-rtl .offset-xxl-11 {
     margin-right: 91.6666666667%;
   }
 }

package/lib/components/VImg/VImg.mjs

@@ -12,6 +12,10 @@ import { convertToUnit, genericComponent, propsFactory, SUPPORTS_INTERSECTION, u
 export const makeVImgProps = propsFactory({
   alt: String,
   cover: Boolean,
+  draggable: {
+    type: [Boolean, String],
+    default: undefined
+  },
   eager: Boolean,
   gradient: String,
   lazySrc: String,
@@ -30,6 +34,8 @@ export const makeVImgProps = propsFactory({
     type: [String, Object],
     default: ''
   },
+  crossorigin: String,
+  referrerpolicy: String,
   srcset: String,
   ...makeVResponsiveProps(),
   ...makeComponentProps(),
@@ -154,6 +160,9 @@ export const VImg = genericComponent()({
         "src": normalisedSrc.value.src,
         "srcset": normalisedSrc.value.srcset,
         "alt": props.alt,
+        "crossorigin": props.crossorigin,
+        "referrerpolicy": props.referrerpolicy,
+        "draggable": props.draggable,
         "sizes": props.sizes,
         "ref": image,
         "onLoad": onLoad,
@@ -175,7 +184,10 @@ export const VImg = genericComponent()({
       default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && _createVNode("img", {
         "class": ['v-img__img', 'v-img__img--preload', containClasses.value],
         "src": normalisedSrc.value.lazySrc,
-        "alt": props.alt
+        "alt": props.alt,
+        "crossorigin": props.crossorigin,
+        "referrerpolicy": props.referrerpolicy,
+        "draggable": props.draggable
       }, null)]
     });
     const __placeholder = () => {