1 files changed, 55 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/components/_strip.scss b/themes/hugo-whisper-theme/assets/scss/components/_strip.scss
new file mode 100644
index 0000000..af09e25
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/components/_strip.scss
@@ -0,0 +1,55 @@
+.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;
+}