ihor design adjustments, close #62

docs/blog.mdx

@@ -4,5 +4,4 @@ title: Blog
 ---
 import {BlogPosts} from '@site/src/components/mdx/BlogPosts';
 
-# Recent Blog Posts
 <BlogPosts/>

src/components/mdx/ExternalReferenceCard/style.module.scss

@@ -32,7 +32,9 @@
     }
 
     .exrefText {
+      margin-top: calc(var(--ifm-leading) / 2);
       font-size: var(--ifm-h3-font-size);
+      line-height: 1.5rem;
       padding-right: 40px;
       margin-bottom: calc(2 * var(--ifm-paragraph-margin-bottom));
     }

src/components/mdx/FeatureCard/style.module.scss

@@ -19,7 +19,7 @@
   .cardHeader {
     padding: 0;
     display: flex;
-    column-gap: var(--ifm-spacing-horizontal);
+    column-gap: var(--ifm-alert-padding-vertical);
     align-items: center;
   }
 
@@ -32,6 +32,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-basis: 40px;
+    flex-shrink: 0;
   }
 
   .cardDescription {
@@ -42,6 +44,7 @@
 
 @media (max-width: 576px) {
   .cardTitle {
-    font-size: var(--ifm-h2-font-size) !important;
+    padding-right: 40px;
+    //font-size: var(--ifm-h2-font-size) !important;
   }
 }

src/components/mdx/FeatureList/style.module.scss

@@ -22,9 +22,5 @@
     > * {
       grid-column: 1/1 !important;
     }
-
-    h4 {
-      max-width: 170px;
-    }
   }
 }

src/css/custom.scss

@@ -14,9 +14,9 @@
   /*--ifm-dark-value: 10%;*/
   /*--ifm-darker-value: 15%;*/
   /*--ifm-darkest-value: 30%;*/
-  /*--ifm-light-value: 15%;*/
-  /*--ifm-lighter-value: 30%;*/
-  /*--ifm-lightest-value: 50%;*/
+  /*--ifm-light-value: -15%;*/
+  /*--ifm-lighter-value: -30%;*/
+  /*--ifm-lightest-value: -50%;*/
 
   --ifm-background-color: #f8f8fa;
 
@@ -259,6 +259,10 @@ small {
   padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
 }
 
+.table-of-contents__left-border {
+  border: none !important;
+}
+
 @media (max-width: 576px) {
   :root {
     --ifm-global-spacing: 0.5rem;

src/theme/Navbar/Content/styles.module.scss

@@ -18,6 +18,9 @@
   & > .headerMiddle {
     justify-content: space-between;
     flex-grow: 1;
+    background: var(--ifm-color-white);
+    padding-top: var(--ifm-navbar-padding-vertical);
+    //padding-bottom: var(--ifm-navbar-padding-vertical);
   }
 }
 

src/theme/Navbar/index.scss

@@ -10,6 +10,9 @@
   --ifm-navbar-padding-horizontal: 0px;
   --ifm-navbar-padding-vertical: 0.5rem;
 
+  padding-top: 0;
+  padding-bottom: 0;
+
   background: none;
 }