diff options
| author | Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local> | 2018-03-21 12:19:35 -0500 |
|---|---|---|
| committer | Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local> | 2018-03-21 12:19:35 -0500 |
| commit | d938a333c208c67c890a9e4888d4cbabcc2b1e87 (patch) | |
| tree | 4276d32ddacfffb6fb749d29e7824e17ab35f50b /assets/sass/components/_image.scss | |
| parent | 44a20c7d9ecd8737baac8606f89ae68b62e05594 (diff) | |
| download | personal-website-d938a333c208c67c890a9e4888d4cbabcc2b1e87.tar.xz personal-website-d938a333c208c67c890a9e4888d4cbabcc2b1e87.zip | |
working on web
Diffstat (limited to 'assets/sass/components/_image.scss')
| -rw-r--r-- | assets/sass/components/_image.scss | 169 |
1 files changed, 0 insertions, 169 deletions
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 |