Parallax setup

2016-10-25 17:01:37 +13:00
parent 5372cd0334
commit ab9f317aed
15 changed files with 193 additions and 20 deletions
--- a/src/scss/components/_images.scss
+++ b/src/scss/components/_images.scss
@ -0,0 +1,29 @@
+
+
+.thumbnail {
+	width: 100%;
+	max-width: 300px;
+	overflow: hidden;
+	
+	.image {
+		width: 100%;
+		padding-bottom: 100%;
+		position: relative;
+		background-repeat: no-repeat;
+		background-color: #DDDDDD;
+		background-position: 50% 50%;
+		background-size: cover;
+	}
+
+	&.circle {
+		border-radius: 50%;
+	}
+}
+
+.parallax {
+	height: 300px;
+	overflow: hidden;
+	.thumbnail {
+		max-width: none;
+	}
+}