2 files changed, 26 insertions, 0 deletions
diff --git a/themes/docsy/assets/scss/blocks/_blocks.scss b/themes/docsy/assets/scss/blocks/_blocks.scss
new file mode 100644
index 0000000..1e37467
--- /dev/null
+++ b/themes/docsy/assets/scss/blocks/_blocks.scss
@@ -0,0 +1,7 @@
+@import "cover";
+
+.td-bg-arrow {
+    &-wrapper {
+        position: relative;
+    }
+}
+\ No newline at end of file
diff --git a/themes/docsy/assets/scss/blocks/_cover.scss b/themes/docsy/assets/scss/blocks/_cover.scss
new file mode 100644
index 0000000..f1f0422
--- /dev/null
+++ b/themes/docsy/assets/scss/blocks/_cover.scss
@@ -0,0 +1,19 @@
+// A cover block is a full size cover with a fixed background for smaller screens.
+
+@include td-box-height-modifiers(".td-cover-block");
+
+.td-cover-logo {
+    margin-right: 0.5em;
+}
+
+.td-cover-block {
+    position: relative;
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+    background: {
+        repeat: no-repeat;
+        position: 50% 0;
+        size: cover;
+    };
+
+}