322d9136b6
- Renommage classes/IDs (BEM cohérent, anglais, noms sémantiques) - Correction HTML : h3→h2 FAQ, button>a→a[role=button] CTA mobile - Conversion index.html → index.php (FR/EN) avec cache JSON depuis API Kirby - Pages merci/thanks converties en PHP dynamique - Ajout includes/cache.php + includes/config.php (cache TTL 5min) - Ajout CI Forgejo (deploy FTP via lftp) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
90 lines
1.8 KiB
SCSS
90 lines
1.8 KiB
SCSS
[data-template='store'] {
|
|
main {
|
|
margin-bottom: calc(var(--spacing) * 2);
|
|
}
|
|
|
|
.hero-heading {
|
|
margin-top: calc(var(--spacing) * 2);
|
|
}
|
|
|
|
#store__container {
|
|
margin-top: calc(var(--spacing) * 2);
|
|
margin-bottom: calc(var(--spacing) * 4);
|
|
width: 100%;
|
|
max-width: 1000px;
|
|
|
|
.store__product {
|
|
position: relative;
|
|
figure {
|
|
aspect-ratio: 4/3;
|
|
background-color: var(--color-bg);
|
|
background-color: var(--data-bg);
|
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
overflow: hidden;
|
|
}
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
transition: var(--curve) 0.5s;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.link-block {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
&:hover {
|
|
figure {
|
|
overflow: hidden;
|
|
}
|
|
img {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.line-1 {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media #{$small} {
|
|
.store__product {
|
|
margin-top: calc(var(--spacing) * 1.5);
|
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
}
|
|
}
|
|
|
|
@media #{$small-up} {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 1fr);
|
|
column-gap: calc(var(--padding-body) * 0.75);
|
|
row-gap: calc(var(--spacing) * 2);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
.store__product {
|
|
grid-column: span 2;
|
|
}
|
|
.store__product:nth-of-type(1),
|
|
.store__product:nth-of-type(2) {
|
|
grid-column: span 3;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
#site-footer{
|
|
margin-top: calc(var(--spacing)*4);
|
|
padding-top: 0px;
|
|
}
|
|
}
|