///\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
/* 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
\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
\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