studio-variable/index-shop
3
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;
}
[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;
}
}

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

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