0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

tweak footer styles

This commit is contained in:
Mark Otto 2015-08-04 22:39:54 -07:00
parent d318d64c08
commit 042b5fc7eb
5 changed files with 33 additions and 28 deletions

View File

@ -1,14 +1,13 @@
<footer class="bd-footer" role="contentinfo">
<div class="bd-container">
<ul class="bd-footer-links text-muted">
<li>Currently v{{ site.current_version }}</li>
<li><a href="{{ site.repo }}">GitHub</a></li>
<li><a href="https://twitter.com/getbootstrap">Twitter</a></li>
<li><a href="../getting-started/#examples">Examples</a></li>
<li><a href="../about/">About</a></li>
</ul>
<p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>. Maintained by the <a href="https://github.com/orgs/twbs/people">core team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p>
<p>Code licensed <a rel="license" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, docs <a rel="license" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
<p>Currently v{{ site.current_version }}. Code licensed <a rel="license" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, docs <a rel="license" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
</div>
</footer>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -6,24 +6,28 @@
padding-top: 2rem;
margin-top: 2rem;
font-size: 85%;
color: #777;
border-top: 1px solid #eee;
}
.bd-footer-links {
padding-left: 0;
margin-top: 20px;
color: #999;
}
.bd-footer-links li {
display: inline;
padding: 0 2px;
}
.bd-footer-links li:first-child {
padding-left: 0;
}
color: $bd-graphite-light;
text-align: center;
background-color: $bd-graphite;
@media (min-width: 768px) {
.bd-footer p {
margin-bottom: 0;
a {
color: #fff;
}
@include media-breakpoint-up(sm) {
text-align: left;
}
}
.bd-footer-links {
padding-left: 0;
margin-bottom: 1rem;
li {
display: inline-block;
+ li {
margin-left: 1rem;
}
}
}

View File

@ -26,12 +26,14 @@
@import "../../../scss/mixins";
// Local docs variables
$bd-purple: #563d7c;
$bd-purple-light: #cdbfe3;
$bd-yellow: #ffe484;
$bd-danger: #d9534f;
$bd-warning: #f0ad4e;
$bd-info: #5bc0de;
$bd-purple: #563d7c;
$bd-purple-light: #cdbfe3;
$bd-graphite: #2a2730;
$bd-graphite-light: #99979c;
$bd-yellow: #ffe484;
$bd-danger: #d9534f;
$bd-warning: #f0ad4e;
$bd-info: #5bc0de;
// Load docs components
@import "layout";