diff options
| author | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-03 11:44:31 +0200 |
|---|---|---|
| committer | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-03 11:44:31 +0200 |
| commit | ed4be926a7217018e052e3fecda92e4ee671d950 (patch) | |
| tree | bbf3e59364d19cfb8fd0dd702fdfbd2f9b61c3fa /src/css/imports/_utilities.css | |
| parent | 263f591827b41eba7c1d6ab68240c04369ba1155 (diff) | |
Cleans up and refactors CSS
Diffstat (limited to 'src/css/imports/_utilities.css')
| -rwxr-xr-x | src/css/imports/_utilities.css | 44 |
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); -} |
