0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00

docs change

This commit is contained in:
Mark Otto 2014-07-10 00:52:10 -07:00
parent 7cfaf2f29e
commit 1af9ae1671
3 changed files with 57 additions and 91 deletions

View File

@ -17,7 +17,7 @@
</div> </div>
</div> </div>
<div class="bs-docs-container"> <div class="bs-docs-container bs-docs-content">
{{ content }} {{ content }}
</div> </div>

File diff suppressed because one or more lines are too long

View File

@ -704,24 +704,20 @@ body {
// Docs sections // Docs sections
// //
// Space things out .bs-docs-content {
.bs-docs-section { > h1 {
margin-bottom: 60px; padding-top: 2rem;
} margin-top: 3rem;
.bs-docs-section:last-child {
margin-bottom: 0;
}
.bs-docs-container > h1 { + p {
padding-top: 2rem; font-size: 1.25rem;
margin-top: 3rem; font-weight: 300;
} }
.bs-docs-container > h1 + p { }
font-size: 1.25rem;
font-weight: 300; > h2 {
} margin-top: 2.5rem;
.bs-docs-container > h2 { }
margin-top: 2.5rem;
} }
@ -780,65 +776,34 @@ body {
margin: 0 -5px; margin: 0 -5px;
overflow: hidden; // clearfix overflow: hidden; // clearfix
} }
.color-swatch { .color-swatch {
float: left; float: left;
width: 60px; width: 60px;
height: 60px; height: 60px;
margin: 0 5px; margin: 0 5px;
border-radius: 3px; border-radius: 3px;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.color-swatch {
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
} }
// Framework colors
.color-swatches .gray-darker {
background-color: @gray-darker;
}
.color-swatches .gray-dark {
background-color: @gray-dark;
}
.color-swatches .gray {
background-color: @gray;
}
.color-swatches .gray-light {
background-color: @gray-light;
}
.color-swatches .gray-lighter {
background-color: @gray-lighter;
}
.color-swatches .brand-primary {
background-color: @brand-primary;
}
.color-swatches .brand-success {
background-color: @brand-success;
}
.color-swatches .brand-warning {
background-color: @brand-warning;
}
.color-swatches .brand-danger {
background-color: @brand-danger;
}
.color-swatches .brand-info {
background-color: @brand-info;
}
// Docs colors // Docs colors
.color-swatches .bs-purple { .color-swatches {
background-color: @bs-purple; .bs-purple {
} background-color: @bs-purple;
.color-swatches .bs-purple-light { }
background-color: @bs-purple-light; .bs-purple-light {
} background-color: @bs-purple-light;
.color-swatches .bs-purple-lighter { }
background-color: #e5e1ea; .bs-purple-lighter {
} background-color: #e5e1ea;
.color-swatches .bs-gray { }
background-color: #f9f9f9; .bs-gray {
background-color: #f9f9f9;
}
} }
@ -846,25 +811,27 @@ body {
// Team members // Team members
// //
.bs-team .team-member { .bs-team {
line-height: 32px; .team-member {
color: #555; line-height: 32px;
} color: #555;
.bs-team .team-member:hover { }
color: #333; .team-member:hover {
text-decoration: none; color: #333;
} text-decoration: none;
.bs-team .github-btn { }
float: right; .github-btn {
width: 180px; float: right;
height: 20px; width: 180px;
margin-top: 6px; height: 20px;
} margin-top: 6px;
.bs-team img { }
float: left; img {
width: 32px; float: left;
margin-right: 10px; width: 32px;
border-radius: 4px; margin-right: 10px;
border-radius: 4px;
}
} }
@ -894,18 +861,17 @@ body {
margin-bottom: -1rem; margin-bottom: -1rem;
border: solid #f7f7f9; border: solid #f7f7f9;
border-width: .2rem 0 0; border-width: .2rem 0 0;
}
@media (min-width: 480px) { @media (min-width: 480px) {
.bs-example {
border-width: .2rem; border-width: .2rem;
} }
// Undo width of container
.container {
width: auto;
}
} }
// Undo width of container
.bs-example .container {
width: auto;
}
// Tweak content of examples for optimum awesome // Tweak content of examples for optimum awesome
.bs-example > *:last-child, .bs-example > *:last-child,