Drive styles. Bootstrap responsive utilities.

src/scss/_googledrive.scss

@@ -67,12 +67,10 @@
 }
 
 .UppyGoogleDrive-sidebar {
-  float: left;
   height: 100%;
   list-style-type: none;
   margin: 0;
-  padding: 16px 32px;
-  width: 200px;
+  padding: 16px 0 16px 16px;
 }
 
 .UppyGoogleDrive-sidebar li {
@@ -87,8 +85,6 @@
 .UppyGoogleDrive-browser {
   border: 1px solid #eee;
   border-collapse: collapse;
-  float: left;
-  width: 50%;
 }
 
 .UppyGoogleDrive-browser td {
@@ -119,9 +115,7 @@
 }
 
 .UppyGoogleDrive-fileInfo {
-  float: left;
   padding: 0 16px;
-  width: 25%;
 }
 
 .UppyGoogleDrive-fileInfo .UppyGoogleDrive-fileThumbnail {

src/scss/vendor/bootstrap/_utilities-responsive.scss

@@ -0,0 +1,49 @@
+//
+// Responsive utilities
+//
+
+@each $bp in map-keys($grid-breakpoints) {
+  .hidden-#{$bp}-up {
+    @include media-breakpoint-up($bp) {
+      display: none !important;
+    }
+  }
+  .hidden-#{$bp}-down {
+    @include media-breakpoint-down($bp) {
+      display: none !important;
+    }
+  }
+}
+
+
+// Print utilities
+//
+// Media queries are placed on the inside to be mixin-friendly.
+
+.visible-print-block {
+  display: none !important;
+
+  @media print {
+    display: block !important;
+  }
+}
+.visible-print-inline {
+  display: none !important;
+
+  @media print {
+    display: inline !important;
+  }
+}
+.visible-print-inline-block {
+  display: none !important;
+
+  @media print {
+    display: inline-block !important;
+  }
+}
+
+.hidden-print {
+  @media print {
+    display: none !important;
+  }
+}

src/scss/vendor/bootstrap/bootstrap-grid.scss

@@ -60,3 +60,5 @@ $grid-gutter-width:          1.875rem !default; // 30px
 @import "mixins/grid";
 
 @import "grid";
+
+@import "utilities-responsive";