https://github.com/cabinetsbay/core/issues/7

cabinetsbay · May 19, 2024 · 2357867 · 2357867
1 parent 750805d
commit 2357867
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 29 deletions.
diff --git a/view/frontend/web/css/_home.less b/view/frontend/web/css/_home.less
@@ -7,36 +7,8 @@
 		max-width: 1140px;
 		margin: 0 auto;
 		position: relative;
+		@import 'home/_popular.less';
 		@import 'home/_why-us.less';
-		> .homepage-popular {
-			margin-top: 8em;
-			position: relative;
-			max-width: 1140px;
-			> ul > li {
-				@media screen and (min-width: 681px) {
-					width: calc(100% / 3);
-					&:first-of-type, &:nth-child(3n+4) {
-						padding-left: 0;
-						padding-right: 1.2em;
-					}
-					&:last-of-type, &:nth-child(3n+3) {
-						padding-right: 0;
-						padding-left: 1.2em;
-					}
-				}
-			}
-			> h2 {
-				display: block;
-				position: absolute;
-				top: -2.6em;
-				margin: 0;
-				width: 100%;
-				text-align: center;
-				@media screen and (max-width: 680px) {
-					top: -2em;
-				}
-			}
-		}
 		> .homepage-workflow {
 			& h2 {
 				margin-top: 2.8rem;

diff --git a/view/frontend/web/css/home/_popular.less b/view/frontend/web/css/home/_popular.less
@@ -0,0 +1,28 @@
+// 2024-05-19 "Improve the frontend home page": https://github.com/cabinetsbay/core/issues/7
+> .homepage-popular {
+	margin-top: 8em;
+	position: relative;
+	max-width: 1140px;
+	> ul > li {
+		@media screen and (min-width: 681px) {
+			width: calc(100% / 3);
+			&:first-of-type, &:nth-child(3n+4) {
+				padding-left: 0;
+				padding-right: 1.2em;
+			}
+			&:last-of-type, &:nth-child(3n+3) {
+				padding-right: 0;
+				padding-left: 1.2em;
+			}
+		}
+	}
+	> h2 {
+		display: block;
+		position: absolute;
+		top: -2.6em;
+		margin: 0;
+		width: 100%;
+		text-align: center;
+		@media screen and (max-width: 680px) {  top: -2em;  }
+	}
+}