mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

Revamp header, headings, aside spacing

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/5.0/examples/cheatsheet/cheatsheet.css
+6 -18
View File
@@ -94,12 +94,11 @@ body {
/* rtl:end:ignore */
z-index: 1030;
grid-column: 1 / span 3;
min-height: 6rem;
}
.bd-aside,
.bd-cheatsheet {
padding-top: 6rem;
padding-top: 4rem;
}
/**
@@ -117,34 +116,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 {