X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Fcomponents%2F_image.scss;fp=assets%2Fmain%2Fsass%2Fcomponents%2F_image.scss;h=82f826659b6136fa82b69bf73e7604a1d13124e6;hb=283508bd265ef3430abc21e0599313c250e57942;hp=a86eb43e2c26db8cacc82bd0c2db538a82d0b296;hpb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;p=editorial.git

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