twbs--bootstrap/docs/assets/scss/_layout.scss

132 lines
2.1 KiB
SCSS

// Custom container
//
// Doesn't use the default `.container` styles for easier modifications.
.bd-content {
// position: relative;
// max-width: 62rem;
// padding: 0 1rem 1rem;
// margin-right: auto;
// margin-left: auto;
// @include media-breakpoint-up(md) {
// padding: 2rem;
// }
//
// @include media-breakpoint-up(lg) {
// padding: 4rem;
//
// .carbonad {
// float: right !important;
// margin: .5rem 0 1rem 2rem !important;
// }
// }
> table {
display: block;
width: 100%;
max-width: 100%;
overflow-y: auto;
margin-bottom: $spacer;
// border: 1px solid $table-border-color;
// Cells
> thead,
> tbody,
> tfoot {
> tr {
> th,
> td {
padding: $table-cell-padding;
line-height: $line-height;
vertical-align: top;
// border-top: 1px solid $table-border-color;
border: 1px solid $table-border-color;
> p:last-child {
margin-bottom: 0;
}
}
}
}
// Prevent breaking of code (e.g., Grunt tasks list)
td:first-child > code {
white-space: nowrap;
}
}
}
.bd-pageheader {
margin-bottom: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
color: $bd-purple-light;
background-color: $bd-purple;
h1 {
font-size: 4rem;
font-weight: normal;
color: #fff;
}
p {
font-size: 1.5rem;
}
@include media-breakpoint-up(sm) {
padding-top: 4rem;
padding-bottom: 4rem;
.carbonad {
float: right;
}
}
}
//
// Docs sections
//
.bd-content {
> h2:not(:first-child) {
margin-top: 3rem;
}
> h3 {
margin-top: 1.5rem;
}
> ul li,
> ol li {
margin-bottom: .25rem;
}
}
.bd-title {
@include media-breakpoint-up(sm) {
font-size: 3rem;
+ p {
font-size: 1.25rem;
font-weight: 300;
}
}
}
//
// Markdown generated ToC
//
// Hide the first child li because it's always going to be "Contents".
#markdown-toc > li:first-child {
display: none;
ul {
margin-top: .5rem;
padding-left: 2rem;
}
}