From ed4be926a7217018e052e3fecda92e4ee671d950 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Tue, 3 Jan 2017 11:44:31 +0200
Subject: Cleans up and refactors CSS

---
 src/css/imports/_utilities.css | 44 ------------------------------------------
 1 file changed, 44 deletions(-)

(limited to 'src/css/imports/_utilities.css')

diff --git a/src/css/imports/_utilities.css b/src/css/imports/_utilities.css
index 01da910..809a749 100755
--- a/src/css/imports/_utilities.css
+++ b/src/css/imports/_utilities.css
@@ -1,22 +1,3 @@
-/*
-
-   UTILITIES
-
-*/
-
-/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
- * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
- * Make sure there are no height and width attributes on the embedded media.
- * Adapted from: https://github.com/suitcss/components-flex-embed
- *
- * Example:
- *
- * <div class="aspect-ratio aspect-ratio--16x9">
- *  <iframe class="aspect-ratio--object"></iframe>
- * </div>
- *
- * */
-
 .aspect-ratio {
   height: 0;
   position: relative;
@@ -50,32 +31,7 @@
     z-index: 100;
 }
 
-.overflow-container {
-  overflow-y: scroll;
-}
-
 .center {
   margin-right: auto;
   margin-left: auto;
 }
-
-.fade-bottom-light {
-  position: relative;
-}
-
-.fade-bottom-light:after {
-
-    content: "";
-    position: absolute;
-    z-index: 1;
-    bottom: 0;
-    left: 0;
-    pointer-events: none;
-    background-image: linear-gradient(to bottom, color(#F0F2F5 alpha(-100%)), var(--white) 90%);
-    width: 100%;
-    height: 3rem;
-  }
-
-.divider {
-  box-shadow: inset 0 -4px 0 var(--grey-1);
-}
-- 
cgit v1.3