Remove anything with Flexbox

And rename category to Container

1 files changed, 2 insertions, 65 deletions

diff --git a/static/css/ui.css b/static/css/ui.css
index c87edfb..64adee5 100644
--- a/static/css/ui.css
+++ b/static/css/ui.css
@@ -10,7 +10,7 @@
 
 /* Table of contents
 ––––––––––––––––––––––––––––––––––––––––––––––––––
-- #Grid
+- #Container
 - #Base Styles
 - #Typography
 - #Links
@@ -24,7 +24,7 @@
 - #Media Queries
 */
 
-/* #Grid
+/* #Container
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .container {
   position: relative;
@@ -35,69 +35,6 @@
   box-sizing: border-box;
 }
 
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  flex-direction: column;
-}
-.col {
-  flex: 1;
-  margin-bottom: .5rem;
-}
-.last-mobile {
-  -webkit-order: 1;
-  -moz-order: 1;
-  -ms-order: 1;
-  -o-order: 1;
-  order: 1;
-}
-
-/* For devices larger than 400px */
-@media (min-width: 40rem) {
-  .container {
-    width: 85%;
-    padding: 0;
-  }
-}
-
-/* For devices larger than 550px */
-@media (min-width: 40rem) {
-  .container { width: 80%; }
-  .row {
-    flex-direction: row;
-  }
-
-  .row .col.full {
-    flex: 0 0 100%;
-  }
-  .row .col.half {
-    flex: 0 0 50%;
-  }
-  .row .col.one-third {
-    flex: 0 0 33.3333%;
-  }
-  .row .col.two-third {
-    flex: 0 0 66.6666%;
-  }
-  .row .col.one-fourth {
-    flex: 0 0 25%;
-  }
-  .row .col.three-fourth {
-    flex: 0 0 75%;
-  }
-
-  .last-mobile {
-    -webkit-order: 0;
-    -moz-order: 0;
-    -ms-order: 0;
-    -o-order: 0;
-    order: 0;
-  }
-}
-
 
 /* #Base Styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */