Add small rendering improvments

barbajs · Oct 17, 2023 · 4151267 · 4151267
1 parent 11ffbc1
commit 4151267
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 6 deletions.
diff --git a/themes/barba/layout/components/chrome/_footer.scss b/themes/barba/layout/components/chrome/_footer.scss
@@ -5,7 +5,7 @@
   bottom: 0;
   left: 0;
   padding: 2rem;
-  color: $black;
+  color: currentcolor;
   font-size: 1.1rem;
   letter-spacing: 0.15em;
   pointer-events: none;

diff --git a/themes/barba/layout/components/docs/_docs-content.scss b/themes/barba/layout/components/docs/_docs-content.scss
@@ -153,14 +153,14 @@
     display: block;
     overflow: auto;
     width: 100%;
-    margin: 0.5rem 0 1rem;
+    margin: 2rem 0;
 
     th,
     td,
     tr {
       padding: 0.5rem;
       font-size: 1.2rem;
-      border: 1px solid $c-gray-light;
+      border: 1px solid $c-gray-lighter;
 
       @include mq(s) {
         padding: 0.7rem;
@@ -230,6 +230,10 @@
         opacity: 1;
       }
     }
+
+    code {
+      border-radius: 4px 4px 0 0;
+    }
   }
 
   .headerlink {

diff --git a/themes/barba/layout/components/docs/_docs-nav.scss b/themes/barba/layout/components/docs/_docs-nav.scss
@@ -38,7 +38,7 @@
     width: inherit;
     max-width: inherit;
     height: 14rem;
-    background: $c-blue-lightest;
+    background: inherit;
   }
 }
 

diff --git a/themes/barba/layout/components/docs/_docs.scss b/themes/barba/layout/components/docs/_docs.scss
@@ -1,6 +1,18 @@
 .docs {
   width: 100%;
 
+  a[title="Badge"] {
+    display: inline-flex;
+
+    img {
+      border-radius: 4px;
+    }
+  }
+
+  img[title="Badge"] {
+    border-radius: 4px;
+  }
+
   // Code-snippets formatting
   .highlight {
     overflow: auto;
@@ -12,6 +24,15 @@
       display: none;
     }
 
+    table {
+      margin: 0;
+      overflow: hidden;
+    }
+
+    tbody {
+      display: flex;
+    }
+
     th,
     td,
     tr {

diff --git a/themes/barba/source/scss/base/_global.scss b/themes/barba/source/scss/base/_global.scss
@@ -105,7 +105,7 @@ html.is-transitioning {
 }
 
 code {
-  padding: 0 2px;
+  padding: 2px 4px;
   font-family: $ff-code;
   background: $c-blue-lightest;
   border-radius: 4px;
@@ -115,7 +115,7 @@ blockquote {
   margin: 2rem 0;
   padding: 0 2.5rem;
   color: $gray-light;
-  border-left: 3px solid $gray-lightest;
+  border-left: 3px solid currentcolor;
 }
 
 hr {

diff --git a/themes/barba/source/scss/utils/_variables.scss b/themes/barba/source/scss/utils/_variables.scss
@@ -40,6 +40,7 @@ $c-blue-dark              : #2448b0;
 $c-blue-darker            : #1c398c;
 $c-blue-darkest           : #112356;
 $c-green-medium           : #04bf0c;
+$c-gray-lighter           : #ebebeb;
 $c-gray-light             : #dedede;
 $c-gray-medium            : #858585;
 $c-gray-dark              : #333;