From a4825a0d040cc8d323fdfd4e73a00fb00e3a12ca Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?William=20Herg=C3=A8s?= Date: Sat, 9 Aug 2025 18:24:09 +0200 Subject: feat(producteur): content and style --- src/scss/style.scss | 40 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) (limited to 'src/scss') diff --git a/src/scss/style.scss b/src/scss/style.scss index c4220af..e592e90 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -51,6 +51,9 @@ li { a { color: $text; + &:hover { + font-style: italic; + } } footer { @@ -90,7 +93,7 @@ section { position: relative; } -.content { +section[data-scroll] .content { position: absolute; display: flex; flex-direction: column; @@ -139,3 +142,38 @@ section { margin-bottom: 2rem; } } + +.producteur { + background-image: url("/home.jpg"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-attachment: fixed; + + & .blur { + position: absolute; + backdrop-filter: blur(50px) brightness(0.8); + inset: 0; + display: flex; + justify-content: center; + height: 100%; + } + & .content { + padding: 4rem; + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + justify-items: center; + min-height: 75vh; + gap: 4rem; + } + & .text { + display: flex; + flex-direction: column; + gap: 4rem; + max-width: 800px; + } + & img { + box-shadow: 0 0 150px $background; + } +} -- cgit v1.2.3