Initial port

[editorial.git] / assets / main / sass / components / _image.scss

diff --git a/assets/main/sass/components/_image.scss b/assets/main/sass/components/_image.scss
index a86eb43e2c26db8cacc82bd0c2db538a82d0b296..82f826659b6136fa82b69bf73e7604a1d13124e6 100644 (file)
--- a/assets/main/sass/components/_image.scss
+++ b/assets/main/sass/components/_image.scss
@@ -1,5 +1,5 @@
 ///\r
-/// Massively by HTML5 UP\r
+/// Editorial by HTML5 UP\r
 /// html5up.net | @ajlkn\r
 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
 ///\r
@@ -7,8 +7,8 @@
 /* Image */\r
 \r
        .image {\r
-               border: 0;\r
                border-radius: _size(border-radius);\r
+               border: 0;\r
                display: inline-block;\r
                position: relative;\r
 \r
@@ -28,25 +28,21 @@
 \r
                &.left {\r
                        float: left;\r
-                       margin: 0 2rem 2rem 0;\r
-                       top: 0.75rem;\r
+                       padding: 0 1.5em 1em 0;\r
+                       top: 0.25em;\r
                }\r
 \r
                &.right {\r
                        float: right;\r
-                       margin: 0 0 2rem 2rem;\r
-                       top: 0.75rem;\r
+                       padding: 0 0 1em 1.5em;\r
+                       top: 0.25em;\r
                }\r
 \r
                &.fit {\r
                        display: block;\r
-                       margin: (_size(element-margin) * 1.25) 0;\r
+                       margin: 0 0 _size(element-margin) 0;\r
                        width: 100%;\r
 \r
-                       &:first-child {\r
-                               margin-top: 0;\r
-                       }\r
-\r
                        img {\r
                                width: 100%;\r
                        }\r
@@ -54,39 +50,25 @@
 \r
                &.main {\r
                        display: block;\r
-                       margin: (_size(element-margin) * 2) 0;\r
+                       margin: 0 0 (_size(element-margin) * 1.5) 0;\r
                        width: 100%;\r
 \r
-                       &:first-child {\r
-                               margin-top: 0;\r
-                       }\r
-\r
                        img {\r
                                width: 100%;\r
                        }\r
                }\r
-\r
-               @include breakpoint('<=small') {\r
-                       &.fit {\r
-                               margin: _size(element-margin) 0;\r
-                       }\r
-\r
-                       &.main {\r
-                               margin: _size(element-margin) 0;\r
-                       }\r
-               }\r
        }\r
 \r
        a.image {\r
                overflow: hidden;\r
 \r
                img {\r
-                       @include vendor('transition', 'transform #{_duration(transition)} ease-out');\r
+                       @include vendor('transition', 'transform #{_duration(transition)} ease');\r
                }\r
 \r
                &:hover {\r
                        img {\r
-                               @include vendor('transform', 'scale(1.05)');\r
+                               @include vendor('transform', 'scale(1.075)');\r
                        }\r
                }\r
        }
\ No newline at end of file