aboutsummaryrefslogtreecommitdiffstats
path: root/src/css/imports/_utilities.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/imports/_utilities.css')
-rwxr-xr-xsrc/css/imports/_utilities.css44
1 files changed, 0 insertions, 44 deletions
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);
-}