56 lines
959 B
SCSS
56 lines
959 B
SCSS
|
.strip {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
.strip-white {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.strip-grey {
|
||
|
|
background-color: #f4f5fb;
|
||
|
|
}
|
||
|
|
.strip-diagonal {
|
||
|
|
transform: skewY(5deg);
|
||
|
|
padding-bottom: 50px;
|
||
|
|
margin-bottom: 65px;
|
||
|
|
> div {
|
||
|
|
transform: skewY(-5deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.strip-primary-gradient {
|
||
|
|
background-image: linear-gradient(to right, $primary, $secondary);
|
||
|
|
}
|
||
|
|
.strip-primary-gradient-top-bottom {
|
||
|
|
background-image: linear-gradient(to bottom, $primary, $secondary);
|
||
|
|
}
|
||
|
|
.strip-primary {
|
||
|
|
background-color: $primary;
|
||
|
|
}
|
||
|
|
.strip-secondary {
|
||
|
|
background-color: $secondary;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strip-diagonal-right {
|
||
|
|
margin-top: -100px;
|
||
|
|
transform: skewY(-5deg);
|
||
|
|
padding-bottom: 100px;
|
||
|
|
> div {
|
||
|
|
transform: skewY(5deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.strip-diagonal-left {
|
||
|
|
margin-top: -100px;
|
||
|
|
transform: skewY(5deg);
|
||
|
|
padding-bottom: 100px;
|
||
|
|
> div {
|
||
|
|
transform: skewY(-5deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.strip-bg-contain {
|
||
|
|
background-size: contain;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strip-bg-cover {
|
||
|
|
background-size: cover;
|
||
|
|
}
|