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

Use shorthand to spread grid column

Browse Source
This commit is contained in:
Félix Péault
2022-08-03 10:47:22 +02:00
parent 821e8752e6
commit 297f2ac300
9 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/style/pages/_about.scss
View File

@@ -294,7 +294,7 @@
// Modules
.grid-modules {
@include bp (sm) {
grid-column: 2 / span calc(var(--columns) - 2);
grid-column: 2 / -2;
}
}
}
@@ -308,14 +308,14 @@
box-shadow: 0px -24px 120px rgba($color-primary-darker, 0.8);
@include bp (sm) {
grid-column: 2 / span calc(var(--columns) - 2);
grid-column: 2 / -2;
margin-bottom: 48px;
padding: 120px 0;
}
h2 {
grid-column: span var(--columns);
margin-bottom: 56px;
grid-column: 1 / -1;
color: #fff;
text-align: center;
@@ -325,7 +325,7 @@
}
.blocks {
@include bp (sm) {
grid-column: 4 / span calc(var(--columns) - 6);
grid-column: 4 / -4;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 11.5%;