studio-variable/index-shop
4
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

fix home layout
All checks were successful
Deploy / Deploy to Production (push) Successful in 7s
Details

Browse source
This commit is contained in:
isUnknown 2025-12-22 14:03:56 +01:00
parent b59d841d39
commit 6c8cdf21d2
2 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

30
assets/css/style.css
View file

@ -940,36 +940,36 @@ body.is-fullscreen {
overflow: hidden; overflow: hidden;
} }
[data-template=store] .p__baseline-big { [data-template=home] .p__baseline-big {
margin-top: calc(var(--spacing) * 2); margin-top: calc(var(--spacing) * 2);
} }
[data-template=store] #store__container { [data-template=home] #store__container {
margin-top: calc(var(--spacing) * 2); margin-top: calc(var(--spacing) * 2);
margin-bottom: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 4);
width: 100%; width: 100%;
max-width: 1000px; max-width: 1000px;
} }
[data-template=store] #store__container .store__product { [data-template=home] #store__container .store__product {
position: relative; position: relative;
} }
[data-template=store] #store__container .store__product figure { [data-template=home] #store__container .store__product figure {
aspect-ratio: 4/3; aspect-ratio: 4/3;
background-color: var(--color-bg); background-color: var(--color-bg);
background-color: var(--data-bg); background-color: var(--data-bg);
margin-bottom: calc(var(--spacing) * 0.5); margin-bottom: calc(var(--spacing) * 0.5);
overflow: hidden; overflow: hidden;
} }
[data-template=store] #store__container .store__product img { [data-template=home] #store__container .store__product img {
width: 100%; width: 100%;
height: 100%; height: 100%;
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain; object-fit: contain;
transition: var(--curve) 0.5s; transition: var(--curve) 0.5s;
} }
[data-template=store] #store__container .store__product a { [data-template=home] #store__container .store__product a {
text-decoration: none; text-decoration: none;
} }
[data-template=store] #store__container .store__product .link-block { [data-template=home] #store__container .store__product .link-block {
display: block; display: block;
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -978,23 +978,23 @@ body.is-fullscreen {
left: 0; left: 0;
cursor: pointer; cursor: pointer;
} }
[data-template=store] #store__container .store__product:hover figure { [data-template=home] #store__container .store__product:hover figure {
overflow: hidden; overflow: hidden;
} }
[data-template=store] #store__container .store__product:hover img { [data-template=home] #store__container .store__product:hover img {
transform: scale(1.05); 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; text-decoration: underline;
} }
@media screen and (max-width: 720px) { @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-top: calc(var(--spacing) * 1.5);
margin-bottom: calc(var(--spacing) * 0.5); margin-bottom: calc(var(--spacing) * 0.5);
} }
} }
@media screen and (min-width: 720px) { @media screen and (min-width: 720px) {
[data-template=store] #store__container { [data-template=home] #store__container {
display: grid; display: grid;
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr);
-moz-column-gap: calc(var(--padding-body) * 0.75); -moz-column-gap: calc(var(--padding-body) * 0.75);
@ -1003,11 +1003,11 @@ body.is-fullscreen {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
[data-template=store] #store__container .store__product { [data-template=home] #store__container .store__product {
grid-column: span 2; grid-column: span 2;
} }
[data-template=store] #store__container .store__product:nth-of-type(1), [data-template=home] #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(2) {
grid-column: span 3; grid-column: span 3;
} }
} }

2
assets/css/template/shop/_layout.scss
View file

@ -1,4 +1,4 @@
[data-template="store"] { [data-template="home"] {
.p__baseline-big { .p__baseline-big {
margin-top: calc(var(--spacing) * 2); margin-top: calc(var(--spacing) * 2);
} }