style code examples

wiremock · Nov 13, 2023 · 84822ca · 84822ca
1 parent f3243ab
commit 84822ca
Show file tree

Hide file tree

Showing 3 changed files with 251 additions and 241 deletions.
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -164,6 +164,7 @@ pre {
 }
 
 pre {
+  padding: $p-l;
   overflow-x: auto; // add scrollbars to wide code blocks
 }
 

diff --git a/_sass/_homepage.scss b/_sass/_homepage.scss
@@ -9,14 +9,15 @@ html {
 
   .home-header-container {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     margin-top: 2.5rem;
     padding: 0;
   }
 
   @include breakpoint($medium) {
     .home-header-container {
       gap: $p-3xl;
+      flex-direction: row;
     }
   }
 }
@@ -372,6 +373,7 @@ html {
 
         @include breakpoint($medium) {
           grid-template-columns: auto;
+          grid-auto-rows: max-content;
         }
 
         li {
@@ -384,14 +386,22 @@ html {
           }
 
           @include breakpoint($medium) {
+            position: relative;
             padding: $p-m;
+            border-right: none;
 
             &:last-child {
               border-bottom: 1px solid #dbd8df;
             }
 
-            &.active-tab-example {
-              border-right: none;
+            &.active-tab-example:after {
+              content: "";
+              position: absolute;
+              right: -1px;
+              width: 1px;
+              background: white;
+              top: 0;
+              bottom: 0;
             }
           }
         }
@@ -403,7 +413,6 @@ html {
 
         @include breakpoint($medium) {
           padding: $p-l;
-          border-left: none;
         }
       }
     }
@@ -663,6 +672,7 @@ html {
   .key-features-card {
     text-align: center;
     margin-bottom: $p-l;
+    font-weight: 500;
 
     .key-features__icon {
       margin-bottom: $p-l;
-Original file line number
+Diff line change
@@ Expand Up / @@ -164,6 +164,7 @@ pre { @@
     }
     pre {
+      padding: $p-l;
       overflow-x: auto; // add scrollbars to wide code blocks
     }
@@ Expand Down @@