small layout improvements

dyne · Nov 5, 2024 · 2083056 · 2083056
1 parent b4579cb
commit 2083056
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 17 deletions.
diff --git a/docs/themes/dyne-soft/assets/assets/sass/_elements.scss b/docs/themes/dyne-soft/assets/assets/sass/_elements.scss
@@ -31,6 +31,7 @@ pre {
   max-width: var(--max-width);
   box-shadow: 3px 3px 6px 0px var(--bg-shadow) inset,-3px -3px 6px 1px var(--bg-highlight) inset;
   border-radius: 7px;
+  margin-bottom: 1em;
 }
 pre > code {
   font-family: _font(family-fixed);
@@ -43,13 +44,14 @@ pre > code {
   min-width: 100px;
 }
 h1, h2, h3, h4, h5, h6 {
-  font-family: _font(family);
+  font-family: _font(title);
   font-weight: 500;
-  margin-bottom: 1.5em;
-  line-height: 1.5;
+  margin-bottom: 24px;
+  line-height: 1.3;
 }
 h1 {
   font-size: 2.5em;
+  margin-bottom: 16px;
 }
 h2 {
   font-size: 2.25em;

diff --git a/docs/themes/dyne-soft/assets/assets/sass/_layout.scss b/docs/themes/dyne-soft/assets/assets/sass/_layout.scss
@@ -16,7 +16,7 @@
   }
 }
 #start {
-  padding-top: 120px;
+  padding-top: 32px;
 }
 
 .content-wrapper {
@@ -34,6 +34,7 @@
       max-width: 600px;
       display: block;
       margin: auto;
+      margin-bottom: 1.5em;
 
     }
     p > img {
@@ -43,7 +44,7 @@
       margin: auto;
     }
     ul {
-      margin-bottom: 20px;
+      margin-bottom: 1.5em;
       li {
         list-style-type:disc;
         margin-left: 40px;
@@ -73,7 +74,7 @@
   position: relative;
   min-height: 100vh;
   width: 100%;
-  margin-bottom: 80px;
+  margin-bottom: 32px;
   .content-wrapper {
     width: 100%;
   }
@@ -200,10 +201,8 @@
 article, section {
   flex: 1 1 100%;
   z-index: 2;
-  margin-bottom: -80px;
-  h2 {
-    line-height: 1em;
-  }
+  margin-bottom: 16px;
+
 }
 
 
@@ -212,7 +211,7 @@ article:first-of-type {
   -moz-box-shadow: none;
   box-shadow: none;
   margin-top: 0;
-  padding-top: 160px;
+  padding-top: 40px;
 }
 
 @media only screen and (max-width: 999px) {
@@ -229,9 +228,12 @@ article:first-of-type {
 
   }
   .text-content {
-    flex: 1 1 220px;
+    flex: 1 1 20%;
+    align-content: center;
     padding-right: 40px;
-
+  h2 {
+  margin-bottom: 16px;
+    }
   }
   ul, ol {
     margin-bottom: 20px;
@@ -347,8 +349,8 @@ article:first-of-type {
 }
 footer {
   width: 100%;
-  padding: 160px 40px 0px 40px;
-  min-height: 100vh;
+  padding: 48px 40px 0px 40px;
+  min-height: 60vh;
   color: var(--fg);
   background-color: var(--bg);
   background-size: contain6f6f6f;
@@ -547,7 +549,7 @@ footer {
   margin-bottom: -40px;
   h2 {
     line-height: 1em;
-    margin-top: 3em;
+    margin-top: 1.5em;
   }
   ul, ol {
     margin-bottom: 20px;
@@ -911,3 +913,7 @@ footer {
     margin-right: 5px;
   }
 }
+
+.iframe {
+  margin-bottom: 1.5em;
+}
diff --git a/docs/themes/dyne-soft/layouts/_default/index.html b/docs/themes/dyne-soft/layouts/_default/index.html
@@ -7,7 +7,7 @@
     <a href="#start" class="svg">
       {{ partial "svg/software-logotype.svg" . }}
     </a>
-    <a href="#start" style="text-align:center;margin-top:160px;">{{ partial "svg/arrow.svg" . }}</a>
+    <a href="#start" style="text-align:center;margin-top:64px;">{{ partial "svg/arrow.svg" . }}</a>
   </div>
 </header>
 {{ end }}