Project-Pro/de.vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2024-12-19 10:17:17 +01:00
parent d99fe16f35
commit d6e48fa0fb
3 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
layout/style-scss/fensterabdeckungen.scss
View File

@@ -1,6 +1,6 @@
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Lato:wght@300;400;700&display=swap");
@import "variables";
@import "_mixins";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Lato:wght@300;400;700&display=swap');
@import 'variables';
@import '_mixins';
.container {
@include respond-above(xl) {
@@ -20,10 +20,10 @@
grid-template-columns: 400px minmax(700px, 1fr);
column-gap: 150px;
grid-template-areas:
"s1 s1"
"s4 s4"
"s2 s2"
"s3 s5";
's1 s1'
's4 s4'
's2 s2'
's3 s5';
.section {
&_1 {
@@ -52,7 +52,7 @@
&:not(:last-child) {
&::before {
content: "";
content: '';
position: absolute;
right: calc(-130px / 2);
top: 0;
@@ -161,7 +161,7 @@
&_2 {
position: relative;
&::before {
content: "";
content: '';
position: absolute;
top: 0;
bottom: 0;
@@ -194,7 +194,7 @@
margin-bottom: 40px;
&::before {
content: "";
content: '';
position: absolute;
bottom: 0;
left: 0;
@@ -241,7 +241,7 @@
padding-bottom: 15px;
&::before {
content: "";
content: '';
position: absolute;
bottom: 0;
right: 0;
@@ -250,7 +250,7 @@
background: #6c6d70;
}
&::after {
content: "";
content: '';
position: absolute;
bottom: 0;
right: 0;
@@ -304,10 +304,10 @@
.box-01-wrapper {
grid-template-columns: 1fr;
grid-template-areas:
"s4"
"s2"
"s3"
"s5";
's4'
's2'
's3'
's5';
row-gap: 60px;
.section {
@@ -338,6 +338,11 @@
.box-02-wrapper {
.col-left {
h3 {
&:not(:first-child) {
margin-top: 30px;
}
}
ul {
display: flex;
flex-direction: row;
@@ -349,6 +354,9 @@
img {
margin-bottom: 15px;
width: 190px;
max-width: 190px;
height: 65px;
object-fit: cover;
}
p {
font-weight: 300;
@@ -447,7 +455,7 @@
&_1 {
position: relative;
&::before {
content: "";
content: '';
position: absolute;
top: 0;
bottom: 0;
@@ -481,7 +489,7 @@
margin-bottom: 40px;
&::before {
content: "";
content: '';
position: absolute;
bottom: 0;
left: 0;
@@ -575,7 +583,7 @@
&:nth-child(1) {
.col-12 {
&::before {
content: "";
content: '';
position: absolute;
inset: 0 15px;
background-color: $cBlack;
@@ -595,7 +603,7 @@
span.line {
&::before {
content: "";
content: '';
position: absolute;
left: 15px;
right: 15px;