@digigov/css 2.0.0-4be8f7cc → 2.0.0-85c27c19

package/src/utilities/index.css

@@ -1467,42 +1467,215 @@
 .ds-grid__col-auto {
   @apply col-auto;
 }
+.xs\:ds-grid__col-span-1,
 .ds-grid__col-span-1 {
   @apply col-span-1;
 }
+
+.xs\:ds-grid__col-span-2,
 .ds-grid__col-span-2 {
   @apply col-span-2;
 }
+
+.xs\:ds-grid__col-span-3,
 .ds-grid__col-span-3 {
   @apply col-span-3;
 }
+
+.xs\:ds-grid__col-span-4,
 .ds-grid__col-span-4 {
   @apply col-span-4;
 }
+
+.xs\:ds-grid__col-span-5,
 .ds-grid__col-span-5 {
   @apply col-span-5;
 }
+
+.xs\:ds-grid__col-span-6,
 .ds-grid__col-span-6 {
   @apply col-span-6;
 }
+
+.xs\:ds-grid__col-span-7,
 .ds-grid__col-span-7 {
   @apply col-span-7;
 }
+
+.xs\:ds-grid__col-span-8,
 .ds-grid__col-span-8 {
   @apply col-span-8;
 }
+
+.xs\:ds-grid__col-span-9,
 .ds-grid__col-span-9 {
   @apply col-span-9;
 }
+
+.xs\:ds-grid__col-span-10,
 .ds-grid__col-span-10 {
   @apply col-span-10;
 }
+
+.xs\:ds-grid__col-span-11,
 .ds-grid__col-span-11 {
   @apply col-span-11;
 }
+
+.xs\:ds-grid__col-span-12,
 .ds-grid__col-span-12 {
   @apply col-span-12;
 }
+@media (min-width: 640px) {
+  .sm\:ds-grid__col-span-1 {
+    @apply col-span-1;
+  }
+
+  .sm\:ds-grid__col-span-2 {
+    @apply col-span-2;
+  }
+
+  .sm\:ds-grid__col-span-3 {
+    @apply col-span-3;
+  }
+
+  .sm\:ds-grid__col-span-4 {
+    @apply col-span-4;
+  }
+
+  .sm\:ds-grid__col-span-5 {
+    @apply col-span-5;
+  }
+
+  .sm\:ds-grid__col-span-6 {
+    @apply col-span-6;
+  }
+
+  .sm\:ds-grid__col-span-7 {
+    @apply col-span-7;
+  }
+
+  .sm\:ds-grid__col-span-8 {
+    @apply col-span-8;
+  }
+
+  .sm\:ds-grid__col-span-9 {
+    @apply col-span-9;
+  }
+
+  .sm\:ds-grid__col-span-10 {
+    @apply col-span-10;
+  }
+
+  .sm\:ds-grid__col-span-11 {
+    @apply col-span-11;
+  }
+
+  .sm\:ds-grid__col-span-12 {
+    @apply col-span-12;
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:ds-grid__col-span-1 {
+    @apply col-span-1;
+  }
+
+  .md\:ds-grid__col-span-2 {
+    @apply col-span-2;
+  }
+
+  .md\:ds-grid__col-span-3 {
+    @apply col-span-3;
+  }
+
+  .md\:ds-grid__col-span-4 {
+    @apply col-span-4;
+  }
+
+  .md\:ds-grid__col-span-5 {
+    @apply col-span-5;
+  }
+
+  .md\:ds-grid__col-span-6 {
+    @apply col-span-6;
+  }
+
+  .md\:ds-grid__col-span-7 {
+    @apply col-span-7;
+  }
+
+  .md\:ds-grid__col-span-8 {
+    @apply col-span-8;
+  }
+
+  .md\:ds-grid__col-span-9 {
+    @apply col-span-9;
+  }
+
+  .md\:ds-grid__col-span-10 {
+    @apply col-span-10;
+  }
+
+  .md\:ds-grid__col-span-11 {
+    @apply col-span-11;
+  }
+
+  .md\:ds-grid__col-span-12 {
+    @apply col-span-12;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:ds-grid__col-span-1 {
+    @apply col-span-1;
+  }
+
+  .lg\:ds-grid__col-span-2 {
+    @apply col-span-2;
+  }
+
+  .lg\:ds-grid__col-span-3 {
+    @apply col-span-3;
+  }
+
+  .lg\:ds-grid__col-span-4 {
+    @apply col-span-4;
+  }
+
+  .lg\:ds-grid__col-span-5 {
+    @apply col-span-5;
+  }
+
+  .lg\:ds-grid__col-span-6 {
+    @apply col-span-6;
+  }
+
+  .lg\:ds-grid__col-span-7 {
+    @apply col-span-7;
+  }
+
+  .lg\:ds-grid__col-span-8 {
+    @apply col-span-8;
+  }
+
+  .lg\:ds-grid__col-span-9 {
+    @apply col-span-9;
+  }
+
+  .lg\:ds-grid__col-span-10 {
+    @apply col-span-10;
+  }
+
+  .lg\:ds-grid__col-span-11 {
+    @apply col-span-11;
+  }
+
+  .lg\:ds-grid__col-span-12 {
+    @apply col-span-12;
+  }
+}
+
 .ds-print-hidden {
   @apply print:hidden !important;
 }