From 3c02dc1c0cd480fc11647ec0f7900d4034a00cc4 Mon Sep 17 00:00:00 2001 From: Jason McCormick Date: Thu, 9 Oct 2025 12:49:05 -0400 Subject: initial add --- assets/sass/components/_image.scss | 87 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create 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 new file mode 100644 index 0000000..ed94ed7 --- /dev/null +++ b/assets/sass/components/_image.scss @@ -0,0 +1,87 @@ +/// +/// Dimension by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Image */ + + .image { + border-radius: _size(border-radius); + border: 0; + display: inline-block; + position: relative; + + &:before { + @include vendor('pointer-events', 'none'); + background-image: url('../../images/overlay.png'); + background-color: _palette(bg-overlay); + border-radius: _size(border-radius); + content: ''; + display: block; + height: 100%; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + width: 100%; + } + + img { + border-radius: _size(border-radius); + display: block; + } + + &.left, + &.right { + max-width: 40%; + + img { + width: 100%; + } + } + + &.left { + float: left; + padding: 0 1.5em 1em 0; + top: 0.25em; + } + + &.right { + float: right; + padding: 0 0 1em 1.5em; + top: 0.25em; + } + + &.fit { + display: block; + margin: 0 0 _size(element-margin) 0; + width: 100%; + + img { + width: 100%; + } + } + + &.main { + display: block; + margin: (_size(element-margin) * 1.25) 0; + width: 100%; + + img { + width: 100%; + } + } + + @include breakpoint('<=small') { + &.main { + margin: (_size(element-margin) * 1) 0; + } + } + + @include breakpoint('<=xsmall') { + &.main { + margin: (_size(element-margin) * 0.75) 0; + } + } + } \ No newline at end of file -- cgit v1.2.3