Increases the spacing between buttons on the Learn Rust page to better match the original layout. Adds some temporary classes to prevent Skeleton classes interfering with Tachyon only styles due to shared class names.

Author: Pjb518

src/styles/app.scss

@@ -71,6 +71,10 @@ button {
   font-size: 0.8em;
 }
 
+.button.button-secondary--no-skeleton {
+  margin-bottom: 0;
+}
+
 code.code-header {
   background-color: rgba(127, 127, 127, 0.25);
   font-size: 2rem;

templates/learn/index.hbs

@@ -57,50 +57,52 @@
         <code>rustup doc</code> command, which will open up these resources for
         you in your browser without requiring a network connection!</p>
 
+{{!-- TODO: Remove button-secondary--no-skeleton once Skeleton is completely removed. --}}
+
       <section class="flex flex-column">
-        <div class="pt3 flex flex-column flex-row-l items-center-l mb2-l">
+        <div class="pt3 flex flex-column flex-row-l items-center-l mb4-l">
           <a href="https://doc.rust-lang.org/std/index.html"
-             class="button button-secondary mw6-l w-100">The standard library</a>
+             class="button button-secondary button-secondary--no-skeleton mw6-l w-100">The standard library</a>
           <p class="pl4-l ma0-l mt1 mb3">
             Comprehensive guide to the Rust standard library APIs.
           </p>
         </div>
 
-        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
           <a href="https://doc.rust-lang.org/edition-guide/index.html"
-             class="button button-secondary mw6-l w-100">Edition Guide</a>
+             class="button button-secondary button-secondary--no-skeleton mw6-l w-100">Edition Guide</a>
           <p class="pl4-l ma0-l mt1 mb3">
             Guide to the Rust editions.
           </p>
         </div>
 
-        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
           <a href="https://doc.rust-lang.org/cargo/index.html"
-             class="button button-secondary mw6-l w-100">Cargo Book</a>
+             class="button button-secondary button-secondary--no-skeleton mw6-l w-100">Cargo Book</a>
           <p class="pl4-l ma0-l mt1 mb3">
             A book on Rust’s package manager and build system.
           </p>
         </div>
 
-        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
           <a href="https://doc.rust-lang.org/rustdoc/index.html"
-             class="button button-secondary mw6-l w-100">rustdoc Book</a>
+             class="button button-secondary button-secondary--no-skeleton mw6-l w-100">rustdoc Book</a>
           <p class="pl4-l ma0-l mt1 mb3">
             Learn how to make awesome documentation for your crate.
           </p>
         </div>
 
-        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
           <a href="https://doc.rust-lang.org/rustc/index.html"
-             class="button button-secondary mw6-l w-100">rustc Book</a>
+             class="button button-secondary button-secondary--no-skeleton mw6-l w-100">rustc Book</a>
           <p class="pl4-l ma0-l mt1 mb3">
             Familiarize yourself with the knobs available in the Rust compiler.
           </p>
         </div>
 
-        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+        <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
           <a href="https://doc.rust-lang.org/error-index.html"
-             class="button button-secondary mw6-l w-100">Compiler Error Index</a>
+             class="button button-secondary button-secondary--no-skeleton mw6-l w-100">Compiler Error Index</a>
           <p class="pl4-l mb0 mt1 ma0-l">
             In-depth explanations of the errors you may see from the Rust
             compiler.
@@ -112,29 +114,29 @@
     <div class="row black">
       <h3>Build your skills in an application domain</h3>
         <section class="flex flex-column">
-          <div class="pt3 flex flex-column flex-row-l items-center-l mb2-l">
+          <div class="pt3 flex flex-column flex-row-l items-center-l mb4-l">
             <a href="https://rust-lang-nursery.github.io/cli-wg/"
-               class="button button-secondary mw6-l w-100">
+               class="button button-secondary button-secondary--no-skeleton mw6-l w-100">
               Command Line Book
             </a>
             <p class="pl4-l ma0-l mt1 mb3">
               Learn how to build effective command line applications in Rust.
             </p>
           </div>
 
-          <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+          <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
             <a href="https://rustwasm.github.io/docs/book/"
-               class="button button-secondary mw6-l w-100">
+               class="button button-secondary button-secondary--no-skeleton mw6-l w-100">
               WebAssembly Book
             </a>
             <p class="pl4-l ma0-l mt1 mb3">
               Use Rust to build browser-native libraries through WebAssembly.
             </p>
           </div>
 
-          <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb2-l">
+          <div class="pt4 pt3-l flex flex-column flex-row-l items-center-l mb4-l">
             <a href="https://rust-embedded.github.io/book/"
-               class="button button-secondary mw6-l w-100">
+               class="button button-secondary button-secondary--no-skeleton mw6-l w-100">
               Embedded Book
             </a>
             <p class="pl4-l mb0 mt1 ma0-l">