2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-20 20:00:36 +03: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
+1 -1
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>
+1 -1
View File
File diff suppressed because one or more lines are too long
+24 -58
View File
@@ -704,25 +704,21 @@ body {
// Docs sections // Docs sections
// //
// Space things out .bs-docs-content {
.bs-docs-section { > h1 {
margin-bottom: 60px;
}
.bs-docs-section:last-child {
margin-bottom: 0;
}
.bs-docs-container > h1 {
padding-top: 2rem; padding-top: 2rem;
margin-top: 3rem; margin-top: 3rem;
}
.bs-docs-container > h1 + p { + p {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 300; font-weight: 300;
} }
.bs-docs-container > h2 { }
> h2 {
margin-top: 2.5rem; margin-top: 2.5rem;
} }
}
// //
@@ -780,92 +776,63 @@ 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 {
.bs-purple {
background-color: @bs-purple; background-color: @bs-purple;
} }
.color-swatches .bs-purple-light { .bs-purple-light {
background-color: @bs-purple-light; background-color: @bs-purple-light;
} }
.color-swatches .bs-purple-lighter { .bs-purple-lighter {
background-color: #e5e1ea; background-color: #e5e1ea;
} }
.color-swatches .bs-gray { .bs-gray {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
}
// //
// Team members // Team members
// //
.bs-team .team-member { .bs-team {
.team-member {
line-height: 32px; line-height: 32px;
color: #555; color: #555;
} }
.bs-team .team-member:hover { .team-member:hover {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
.bs-team .github-btn { .github-btn {
float: right; float: right;
width: 180px; width: 180px;
height: 20px; height: 20px;
margin-top: 6px; margin-top: 6px;
} }
.bs-team img { img {
float: left; float: left;
width: 32px; width: 32px;
margin-right: 10px; margin-right: 10px;
border-radius: 4px; 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 // Undo width of container
.bs-example .container { .container {
width: auto; width: auto;
} }
}
// Tweak content of examples for optimum awesome // Tweak content of examples for optimum awesome
.bs-example > *:last-child, .bs-example > *:last-child,