diff --git a/src/styles/app.scss b/src/styles/app.scss index 9bbc25453..6cee5520c 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -8,6 +8,7 @@ $red: #C14566; $green: #398277; $purple: #403D58; $yellow: #FFD45E; +$border-radius: 4px; html { font-size: 62.5% @@ -43,6 +44,30 @@ code { overflow: auto; } +@mixin code-space-full-width { + padding: 1rem 1.5rem; + margin: 0 .2rem; +} + +@mixin code-space-inline { + padding: .2rem .5rem; + margin: 0 .2rem; +} + +@mixin code-highlight-white { + color: white; + background-color: rgba(white, 0.15); + border: 1px solid #E1E1E1; + border-radius: $border-radius; +} + +@mixin code-highlight-black { + color: black; + background-color: rgba(69, 76, 82, 0.05); + border: 1px solid rgba(69, 76, 82, 0.25); + border-radius: $border-radius; +} + .button, button { display: block; @@ -94,7 +119,23 @@ header h1 { font-size: 8rem; margin-bottom: 0; margin-top: 0; - line-height: 1.2 + line-height: 1.2; + font-weight: 300; +} + +header h2 { + font-size: 4.2rem; + line-height: 1.25; + font-weight: 300; +} + +section h3 { + margin-top: 0; + line-height: 1.3; +} + +section p, code { + line-height: 1.6; } header .button.button-download { @@ -135,6 +176,11 @@ section { line-height: 1.25; } } + + p { + margin-top: 0; + margin-bottom: 30px; + } } ul { @@ -216,9 +262,8 @@ a.brand { } } code { - color: white; - background-color: rgba(white, 0.15); - border: 1px solid rgba(white, 0.65); + @include code-highlight-white(); + @include code-space-inline(); } } @@ -240,11 +285,10 @@ a.brand { &:hover, &:focus { border-color: white; } - } + } code { - color: white; - background-color: rgba(white, 0.15); - border: 1px solid rgba(white, 0.65); + @include code-highlight-white(); + @include code-space-full-width(); } } @@ -267,9 +311,8 @@ a.brand { } } code { - color: black; - background-color: rgba($gray, 0.05); - border: 1px solid rgba($gray, 0.25); + @include code-highlight-black(); + @include code-space-inline(); } } @@ -293,9 +336,8 @@ a.brand { } } code { - color: white; - background-color: rgba(white, 0.15); - border: 1px solid rgba(white, 0.65); + @include code-highlight-white(); + @include code-space-inline(); } } diff --git a/templates/components/tools/rustup.hbs b/templates/components/tools/rustup.hbs index 6b2bbe42e..4d60cf477 100644 --- a/templates/components/tools/rustup.hbs +++ b/templates/components/tools/rustup.hbs @@ -1,7 +1,7 @@
It looks like you’re running macOS, Linux, or another Unix-like OS. To download Rustup and install Rust, run the following in your terminal, then follow the on-screen instructions.
-curl https://sh.rustup.rs -sSf | sh
+ curl https://sh.rustup.rs -sSf | sh
curl https://sh.rustup.rs -sSf | sh
+ curl https://sh.rustup.rs -sSf | sh