scylladb
diff --git a/‎poetry.lock‎
Lines changed: 7 additions & 7 deletions b/‎poetry.lock‎
Lines changed: 7 additions & 7 deletions
diff --git a/‎sphinx_scylladb_theme/static/css/main.css‎
Lines changed: 1 addition & 1 deletion b/‎sphinx_scylladb_theme/static/css/main.css‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/css/components/_content.scss‎
Lines changed: 74 additions & 2 deletions b/‎src/css/components/_content.scss‎
Lines changed: 74 additions & 2 deletions
diff --git a/‎src/css/components/_index.scss‎
Lines changed: 0 additions & 1 deletion b/‎src/css/components/_index.scss‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/css/components/_layout.scss‎
Lines changed: 0 additions & 73 deletions b/‎src/css/components/_layout.scss‎
Lines changed: 0 additions & 73 deletions
@@ -1,3 +1,14 @@
+.layout {
+  display: flex;
+}
+
+.pre-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
 .content {
   overflow-wrap: break-word;
   padding: 20px;
@@ -43,7 +54,7 @@
     margin-bottom: $gap;
   }
 
-  .section {
+  section {
     margin-top: -$header-height;
     padding-top: $header-height;
   }
@@ -53,6 +64,41 @@
   }
 }
 
+.layout--full-width .content {
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+
+  .topics-grid {
+    max-width: $max-full-width;
+  }
+
+  .hero-wrapper {
+    max-width: $max-full-width;
+  }
+
+  &.content--collapsed {
+    margin-left: 0;
+  }
+}
+
+.layout--full-width:not(.layout--sidebar) .content {
+  margin-left: 0;
+}
+
+.layout--has-banner .content {
+  scroll-margin-top: $promo-banner-header-height;
+
+  section {
+    margin-top: -$promo-banner-header-height;
+    padding-top: $promo-banner-header-height;
+  }
+}
+
+.landing__content {
+  padding: 0 16px;
+}
+
 @media screen and (min-width: $large) {
   .content {
     min-height: calc(100vh - (#{$footer-height} + #{$header-height-large}));
@@ -62,7 +108,7 @@
     scroll-margin-top: $header-height-large;
     width: calc(100% - #{$secondary-side-nav-width});
 
-    .section {
+    section {
       margin-top: -$header-height-large;
       padding-top: $header-height-large;
     }
@@ -83,4 +129,30 @@
       );
     }
   }
+
+  .pre-content {
+    margin-bottom: 10px;
+  }
+
+  .layout--has-banner .content {
+    scroll-margin-top: $promo-banner-header-height-large;
+
+    section {
+      margin-top: -$promo-banner-header-height-large;
+      padding-top: $promo-banner-header-height-large;
+    }
+  }
+
+  .landing {
+    &__content {
+      padding: 0 60px;
+    }
+
+    &--floating {
+      .landing__content {
+        position: relative;
+        top: -70px;
+      }
+    }
+  }
 }
@@ -13,7 +13,6 @@
 @import "content";
 @import "toc-local";
 @import "footer";
-@import "layout";
 
 /* Extensions */
 @import "admonitions";