fix broken table in the forms docs

This commit is contained in:
Mark Otto 2015-08-05 23:19:15 -07:00
parent 36800a2740
commit 0173b553d5
3 changed files with 48 additions and 52 deletions

View File

@ -7,39 +7,31 @@
.bd-docs {
padding-top: 3.65rem; }
.bd-container {
position: relative;
max-width: 62rem;
padding: 0 1rem 1rem;
margin-right: auto;
margin-left: auto; }
@media (min-width: 48em) {
.bd-container {
padding: 2rem; } }
@media (min-width: 62em) {
.bd-container {
padding: 4rem; }
.bd-container .carbonad {
float: right !important;
margin: 0.5rem 0 1rem 2rem !important; } }
.bd-container > table {
display: block;
width: 100%;
max-width: 100%;
overflow-y: auto;
margin-bottom: 1rem; }
.bd-container > table > thead > tr > th,
.bd-container > table > thead > tr > td,
.bd-container > table > tbody > tr > th,
.bd-container > table > tbody > tr > td,
.bd-container > table > tfoot > tr > th,
.bd-container > table > tfoot > tr > td {
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #eceeef; }
.bd-container > table td:first-child > code {
white-space: nowrap; }
.bd-content > table {
display: block;
width: 100%;
max-width: 100%;
overflow-y: auto;
margin-bottom: 1rem; }
.bd-content > table > thead > tr > th,
.bd-content > table > thead > tr > td,
.bd-content > table > tbody > tr > th,
.bd-content > table > tbody > tr > td,
.bd-content > table > tfoot > tr > th,
.bd-content > table > tfoot > tr > td {
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #eceeef; }
.bd-content > table > thead > tr > th > p:last-child,
.bd-content > table > thead > tr > td > p:last-child,
.bd-content > table > tbody > tr > th > p:last-child,
.bd-content > table > tbody > tr > td > p:last-child,
.bd-content > table > tfoot > tr > th > p:last-child,
.bd-content > table > tfoot > tr > td > p:last-child {
margin-bottom: 0; }
.bd-content > table td:first-child > code {
white-space: nowrap; }
.bd-pageheader {
margin-bottom: 3rem;

File diff suppressed because one or more lines are too long

View File

@ -7,25 +7,25 @@
//
// Doesn't use the default `.container` styles for easier modifications.
.bd-container {
position: relative;
max-width: 62rem;
padding: 0 1rem 1rem;
margin-right: auto;
margin-left: auto;
.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;
}
}
// @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;
@ -47,6 +47,10 @@
vertical-align: top;
// border-top: 1px solid $table-border-color;
border: 1px solid $table-border-color;
> p:last-child {
margin-bottom: 0;
}
}
}
}