2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00

Revamp header, headings, aside spacing

Gradients caused artifacts in Safari, layout was feeling a little loose
This commit is contained in:
Mark Otto
2020-12-02 00:32:51 +02:00
committed by XhmikosR
parent 3ef8483c5d
commit 153f6c72ce
4 changed files with 18 additions and 42 deletions
@@ -10,15 +10,15 @@ body_class: "bg-light"
<header class="bd-header bg-dark py-3 d-flex align-items-stretch border-bottom border-dark">
<div class="container-fluid d-flex align-items-center">
<h1 class="d-flex align-items-center text-white mb-0">
<h1 class="d-flex align-items-center fs-4 text-white mb-0">
<img src="/docs/5.0/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
Cheatsheet
</h1>
<a href="{{< docsref "/examples/cheatsheet-rtl" >}}" class="ms-auto link-light" hreflang="ar">RTL cheatsheet</a>
</div>
</header>
<aside class="bd-aside sticky-xl-top text-muted align-self-start mb-3 mb-xl-5 px-3 px-xl-0">
<h2 class="h6 d-block pt-3 pt-xl-5 pb-2 pb-xl-3 border-bottom">On this page</h2>
<aside class="bd-aside sticky-xl-top text-muted align-self-start mb-3 mb-xl-5 px-2">
<h2 class="h6 pt-4 pb-3 mb-4 border-bottom">On this page</h2>
<nav class="small" id="toc">
<ul class="list-unstyled">
<li class="my-2">