Responsive layout for HDRI listing

2016-11-29 16:58:11 +01:00 · 2016-11-29 16:58:11 +01:00 · e43b0cbccf
commit e43b0cbccf
parent 462ef953bc
1 changed files with 16 additions and 2 deletions
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@ -1687,13 +1687,27 @@ section.node-children
 	&.group_hdri, &.hdri
 		width: 300px

+		+media-md
+			width: 33.333%
+			margin: 0
+
+		+media-sm
+			width: 50%
+			margin: 0
+
 		.list-node-children-item.hdri,
 		.list-node-children-item.group_hdri
 			height: $list-node-children-item-width
-			width: 300px
+			width: 98%
 			margin-top: 5px
+
 			.list-node-children-item-thumbnail
-				width: 300px
+				width: 100%
+
+				+media-sm
+					img
+						width: 100%
+
 				.list-node-children-item-thumbnail-icon i
 					position: relative
 					bottom: 10px