cycat-project-website/_sass/components/_strip.scss

57 lines
986 B
SCSS
Raw Normal View History

2018-12-09 08:21:01 +01:00
.strip {
background: white;
2020-08-23 12:01:06 +02:00
background-repeat: no-repeat;
2018-12-09 08:21:01 +01:00
}
.strip-white {
2020-08-23 12:01:06 +02:00
background-color: white;
}
.strip-grey {
background-color: $white-offset;
2018-12-09 08:21:01 +01:00
}
.strip-diagonal {
transform: skewY(5deg);
padding-bottom: 50px;
margin-bottom: 65px;
> div {
transform: skewY(-5deg);
}
}
2020-08-23 12:01:06 +02:00
.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;
}