fix: responsive hero box (#1361)

scylladb · Feb 19, 2025 · e695e55 · e695e55
1 parent d35fecc
commit e695e55
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 10 deletions.
diff --git a/docs/source/index.rst b/docs/source/index.rst
@@ -11,6 +11,7 @@
 
 .. hero-box::
   :button_icon: icon-github
+  :button_style: bold
   :button_url: https://github.com/scylladb/sphinx-scylladb-theme
   :button_text: Source code
   :title: Welcome to ScyllaDB Sphinx Theme documentation

diff --git a/sphinx_scylladb_theme/static/css/main.css b/sphinx_scylladb_theme/static/css/main.css
diff --git a/src/css/components/_content.scss b/src/css/components/_content.scss
@@ -133,14 +133,13 @@
 
 .landing__content {
   padding: 0 16px;
+  margin-top: 60px;
 }
 
 @media screen and (min-width: $large) {
-  // .content {
-  //   min-height: calc(100vh - (#{$footer-height} + #{$header-height-large}));
-  //   padding-bottom: 100px;
-  //   width: calc(100% - #{$secondary-side-nav-width});
-  // }
+  .landing__content {
+    margin-top: 0;
+  }
 }
 
 @media screen and (min-width: $xlarge) {

diff --git a/src/css/components/_topic-box.scss b/src/css/components/_topic-box.scss
@@ -169,10 +169,6 @@
     /* Overwrite Foundation */
     width: 280px !important;
   }
-
-  .topic-box--product:nth-last-child(-n + 2) .card {
-    margin-bottom: 0;
-  }
 }
 
 @media screen and (min-width: $large) {