From d938a333c208c67c890a9e4888d4cbabcc2b1e87 Mon Sep 17 00:00:00 2001 From: Dylan Bolger Date: Wed, 21 Mar 2018 12:19:35 -0500 Subject: working on web --- assets/sass/components/_image.scss | 169 ------------------------------------- 1 file changed, 169 deletions(-) delete mode 100644 assets/sass/components/_image.scss (limited to 'assets/sass/components/_image.scss') diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss deleted file mode 100644 index b428fb3..0000000 --- a/assets/sass/components/_image.scss +++ /dev/null @@ -1,169 +0,0 @@ -/// -/// Ethereal by HTML5 UP -/// html5up.net | @ajlkn -/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -/// - -/* Image */ - - .image { - display: inline-block; - position: relative; - border: 0; - - &.filtered { - &:after { - @include gradient-background; - @include vendor('pointer-events', 'none'); - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 1; - z-index: 1; - } - - &.tinted { - &:after { - @include gradient-background(true); - } - } - } - - &[data-position] { - img { - @include vendor('object-fit', 'cover'); - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } - - &[data-position="top left"] { - img { - @include vendor('object-position', 'top left'); - } - } - - &[data-position="top"] { - img { - @include vendor('object-position', 'top'); - } - } - - &[data-position="top right"] { - img { - @include vendor('object-position', 'top right'); - } - } - - &[data-position="right"] { - img { - @include vendor('object-position', 'right'); - } - } - - &[data-position="bottom right"] { - img { - @include vendor('object-position', 'bottom right'); - } - } - - &[data-position="bottom"] { - img { - @include vendor('object-position', 'bottom'); - } - } - - &[data-position="bottom left"] { - img { - @include vendor('object-position', 'bottom left'); - } - } - - &[data-position="left"] { - img { - @include vendor('object-position', 'left'); - } - } - - &[data-position="center"] { - img { - @include vendor('object-position', 'center'); - } - } - - &[data-position="25% 25%"] { - img { - @include vendor('object-position', '25% 25%'); - } - } - - &[data-position="75% 25%"] { - img { - @include vendor('object-position', '75% 25%'); - } - } - - &[data-position="75% 75%"] { - img { - @include vendor('object-position', '75% 75%'); - } - } - - &[data-position="25% 75%"] { - img { - @include vendor('object-position', '25% 75%'); - } - } - - img { - display: block; - } - - &.left, - &.right { - max-width: 40%; - - img { - width: 100%; - } - } - - &.left { - float: left; - padding: 0 1.5rem 1rem 0; - top: 0.25rem; - } - - &.right { - float: right; - padding: 0 0 1rem 1.5rem; - top: 0.25rem; - } - - &.fit { - display: block; - margin: 0 0 _size(element-margin) 0; - width: 100%; - - img { - width: 100%; - } - } - - &.main { - display: block; - margin: 0 0 (_size(element-margin) * 1.5) 0; - width: 100%; - - img { - width: 100%; - } - } - } \ No newline at end of file -- cgit v1.2.3