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

Fix Modules responsive

Browse Source
This commit is contained in:
Félix Péault
2021-10-23 23:19:51 +02:00
parent 498a717699
commit 74ff618c23
3 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/style/layout/_modules.scss
View File

@@ -13,7 +13,7 @@
display: block;
grid-column: span var(--columns);
grid-template-columns: 1fr 40%;
grid-column-gap: 48px;
grid-column-gap: clamp(32px, 2.5vw, 48px);
padding: 0;
@include bp (sm) {

11
src/style/organisms/_newsletter.scss
View File

@@ -1,9 +1,10 @@
.newsletter {
padding: 40px 40px 48px;
border-radius: 12px;
padding: clamp(40px, 4.5vw, 64px);
padding-bottom: clamp(48px, 4.5vw, 72px);
border-radius: 8px;
@include bp (sd) {
padding: 64px 60px 72px;
border-radius: 12px;
}
&__wrapper {
@@ -23,7 +24,7 @@
margin-bottom: 16px;
}
}
p {
& > p {
margin-bottom: 32px;
color: $color-text;
font-weight: 200;
@@ -33,6 +34,8 @@
margin-bottom: 40px;
}
}
// Form
.past-issues {
&:hover {
&, span {

8
src/style/organisms/_shop.scss
View File

@@ -2,7 +2,11 @@
overflow: hidden;
background: #fff;
color: $color-text;
border-radius: 12px;
border-radius: 8px;
@include bp (sd) {
border-radius: 12px;
}
.content {
@include bp (sm) {
@@ -43,7 +47,7 @@
border-radius: 12px;
@include bp (sm) {
padding: 64px 72px 40px 64px;
padding: clamp(40px, 4.5vw, 64px) clamp(48px, 4.5vw, 72px) clamp(24px, 4.5vw, 40px) clamp(40px, 4.5vw, 64px);
}
.button {