Remove all old responsive styles since we're motherfucking mobile first son

1 files changed, 47 insertions, 18 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 6f9d92ecc..32f1258d6 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4630,28 +4630,57 @@ a.badge:hover {
   position: fixed;
 }
 
-/*
-// Responsive
-// -------------------------------------------------------------
-
-// Responsive utility classes
-@import "responsive-utilities.less";
+@-ms-viewport {
+  width: device-width;
+}
 
+.hidden {
+  display: none;
+  visibility: hidden;
+}
 
-// Media queries
-// ------------------
+.visible-phone {
+  display: none !important;
+}
 
-// Large desktops
-@import "responsive-1200px-min.less";
+.visible-tablet {
+  display: none !important;
+}
 
-// Tablets to regular desktops
-@import "responsive-768px-979px.less";
+.hidden-desktop {
+  display: none !important;
+}
 
-// Phones to portrait tablets and narrow desktops
-@import "responsive-767px-max.less";
+.visible-desktop {
+  display: inherit !important;
+}
 
+@media (min-width: 768px) and (max-width: 979px) {
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important ;
+  }
+  .visible-tablet {
+    display: inherit !important;
+  }
+  .hidden-tablet {
+    display: none !important;
+  }
+}
 
-// Responsive navbar
-// From 979px and below, show a button to toggle navbar contents
-@import "responsive-navbar.less";
-*/
+@media (max-width: 767px) {
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important;
+  }
+  .visible-phone {
+    display: inherit !important;
+  }
+  .hidden-phone {
+    display: none !important;
+  }
+}