flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Remove About section on Shop

Browse Source
This commit is contained in:
Félix Péault
2022-05-20 22:30:11 +02:00
parent f06239fcb9
commit 7a6046c0c4
4 changed files with 1 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/routes/shop/[type]-[name].svelte
View File

@@ -152,14 +152,6 @@
<ButtonCart /> <ButtonCart />
</nav> </nav>
<section class="shop-page__about grid">
<div class="description grid text-normal">
<div class="description__inner">
{@html shop.about}
</div>
</div>
</section>
<PosterLayout <PosterLayout
product={product} product={product}
shopProduct={shopProduct} shopProduct={shopProduct}
@@ -168,6 +160,7 @@
<PostersGrid {posters} /> <PostersGrid {posters} />
</PageTransition> </PageTransition>
<script context="module" lang="ts"> <script context="module" lang="ts">
/** @type {import('@sveltejs/kit').Load} */ /** @type {import('@sveltejs/kit').Load} */
export async function load ({ url, params, fetch, session, stuff }) { export async function load ({ url, params, fetch, session, stuff }) {

8
src/routes/shop/index.svelte
View File

@@ -151,14 +151,6 @@
<ButtonCart /> <ButtonCart />
</nav> </nav>
<section class="shop-page__about grid">
<div class="description grid text-normal">
<div class="description__inner">
{@html shop.about}
</div>
</div>
</section>
<PosterLayout <PosterLayout
product={product} product={product}
shopProduct={shopProduct} shopProduct={shopProduct}

1
src/style/pages/_shop.scss
View File

@@ -3,7 +3,6 @@
// Sections // Sections
@import "shop/intro"; @import "shop/intro";
@import "shop/about";
@import "shop/posters"; @import "shop/posters";

46
src/style/pages/shop/_about.scss
View File

@@ -1,46 +0,0 @@
/*
** Shop: About
*/
&__about {
background-color: $color-cream;
color: $color-text;
.description {
--columns: 8;
grid-column: 1 / span var(--columns);
margin-bottom: -96px;
padding: 88px 0 160px;
font-size: rem(18px);
font-weight: 200;
white-space: pre-line;
background: #fff;
border-radius: 0 0 12px 0;
box-shadow: 0 0 16px rgba(#000, 0.05);
@include bp (mob-lg) {
--columns: 7;
}
@include bp (sm) {
--columns: 17;
margin-bottom: -160px;
padding: 160px 0 274px;
font-size: rem(22px);
}
@include bp (lg) {
--columns: 13;
}
&__inner {
grid-column: 2 / span calc(var(--columns) - 2);
@include bp (sm) {
grid-column: 3 / span calc(var(--columns) - 5);
}
}
strong {
font-weight: 400;
color: $color-secondary;
}
}
}