diff options
| author | Mark Otto <markdotto@gmail.com> | 2020-12-02 01:32:51 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2020-12-04 08:52:03 +0300 |
| commit | 153f6c72ce8ac49453125efab0c28d82f52cf2ec (patch) | |
| tree | 413af8291018a36d9e26cb5381e6d1937640ade6 /site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css | |
| parent | 3ef8483c5d86805328ca7b93f27156389ee6cdad (diff) | |
Revamp header, headings, aside spacing
Gradients caused artifacts in Safari, layout was feeling a little loose
Diffstat (limited to 'site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css')
| -rw-r--r-- | site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css | 24 |
1 files changed, 6 insertions, 18 deletions
diff --git a/site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css b/site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css index 91572b3235..8794e9571f 100644 --- a/site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css +++ b/site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css @@ -92,12 +92,11 @@ body { left: 0; z-index: 1030; grid-column: 1 / span 3; - min-height: 6rem; } .bd-aside, .bd-cheatsheet { - padding-top: 6rem; + padding-top: 4rem; } /** @@ -115,34 +114,23 @@ body { .bd-aside { grid-area: 1 / 3; - scroll-margin-top: 6rem; + scroll-margin-top: 4rem; } .bd-cheatsheet section, .bd-cheatsheet section > h2 { - top: 6rem; - scroll-margin-top: 6rem; + top: 2rem; + scroll-margin-top: 2rem; } .bd-cheatsheet section > h2 { - background-image: linear-gradient(to bottom, #fff, transparent); grid-column: 1 / span 2; } - .bd-cheatsheet section > h2::before { - position: absolute; - top: 0; - bottom: 0; - z-index: -1; - width: 17.5%; - content: ""; - background-image: linear-gradient(to bottom, #fff calc(100% - 2rem), transparent); - } - .bd-cheatsheet article, .bd-cheatsheet .bd-heading { - top: 12rem; - scroll-margin-top: 12rem; + top: 8rem; + scroll-margin-top: 8rem; } .bd-cheatsheet .bd-heading { |