From 6c8cdf21d212b5a8722bab36788cad1c5103849e Mon Sep 17 00:00:00 2001 From: isUnknown Date: Mon, 22 Dec 2025 14:03:56 +0100 Subject: [PATCH] fix home layout --- assets/css/style.css | 30 +++++++++++++-------------- assets/css/template/shop/_layout.scss | 2 +- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 6838a98..824c345 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -940,36 +940,36 @@ body.is-fullscreen { overflow: hidden; } -[data-template=store] .p__baseline-big { +[data-template=home] .p__baseline-big { margin-top: calc(var(--spacing) * 2); } -[data-template=store] #store__container { +[data-template=home] #store__container { margin-top: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 4); width: 100%; max-width: 1000px; } -[data-template=store] #store__container .store__product { +[data-template=home] #store__container .store__product { position: relative; } -[data-template=store] #store__container .store__product figure { +[data-template=home] #store__container .store__product figure { aspect-ratio: 4/3; background-color: var(--color-bg); background-color: var(--data-bg); margin-bottom: calc(var(--spacing) * 0.5); overflow: hidden; } -[data-template=store] #store__container .store__product img { +[data-template=home] #store__container .store__product img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: var(--curve) 0.5s; } -[data-template=store] #store__container .store__product a { +[data-template=home] #store__container .store__product a { text-decoration: none; } -[data-template=store] #store__container .store__product .link-block { +[data-template=home] #store__container .store__product .link-block { display: block; height: 100%; width: 100%; @@ -978,23 +978,23 @@ body.is-fullscreen { left: 0; cursor: pointer; } -[data-template=store] #store__container .store__product:hover figure { +[data-template=home] #store__container .store__product:hover figure { overflow: hidden; } -[data-template=store] #store__container .store__product:hover img { +[data-template=home] #store__container .store__product:hover img { transform: scale(1.05); } -[data-template=store] #store__container .store__product:hover .line-1 { +[data-template=home] #store__container .store__product:hover .line-1 { text-decoration: underline; } @media screen and (max-width: 720px) { - [data-template=store] #store__container .store__product { + [data-template=home] #store__container .store__product { margin-top: calc(var(--spacing) * 1.5); margin-bottom: calc(var(--spacing) * 0.5); } } @media screen and (min-width: 720px) { - [data-template=store] #store__container { + [data-template=home] #store__container { display: grid; grid-template-columns: repeat(6, 1fr); -moz-column-gap: calc(var(--padding-body) * 0.75); @@ -1003,11 +1003,11 @@ body.is-fullscreen { margin-left: auto; margin-right: auto; } - [data-template=store] #store__container .store__product { + [data-template=home] #store__container .store__product { grid-column: span 2; } - [data-template=store] #store__container .store__product:nth-of-type(1), - [data-template=store] #store__container .store__product:nth-of-type(2) { + [data-template=home] #store__container .store__product:nth-of-type(1), + [data-template=home] #store__container .store__product:nth-of-type(2) { grid-column: span 3; } } diff --git a/assets/css/template/shop/_layout.scss b/assets/css/template/shop/_layout.scss index 1e1d5ed..0f7f984 100644 --- a/assets/css/template/shop/_layout.scss +++ b/assets/css/template/shop/_layout.scss @@ -1,4 +1,4 @@ -[data-template="store"] { +[data-template="home"] { .p__baseline-big { margin-top: calc(var(--spacing) * 2); }