rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-28 20:52:21 +01:00
Code Issues Actions Packages Releases Activity

footer overhaul again

Browse Source
This commit is contained in:
Mark Otto 2015-08-05 00:54:30 -07:00
parent 97bcfb9e7f
commit bc88c90b2c
4 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/_includes/footer.html
View File

@ -1,6 +1,6 @@
<footer class="bd-footer" role="contentinfo"> <footer class="bd-footer text-muted" role="contentinfo">
<div class="bd-container"> <div class="container">
<ul class="bd-footer-links text-muted"> <ul class="bd-footer-links">
<li><a href="{{ site.repo }}">GitHub</a></li> <li><a href="{{ site.repo }}">GitHub</a></li>
<li><a href="https://twitter.com/getbootstrap">Twitter</a></li> <li><a href="https://twitter.com/getbootstrap">Twitter</a></li>
<li><a href="../getting-started/#examples">Examples</a></li> <li><a href="../getting-started/#examples">Examples</a></li>

16
docs/assets/css/docs.min.css vendored
View File

@ -395,14 +395,18 @@
border-radius: .25rem; } } border-radius: .25rem; } }
.bd-footer { .bd-footer {
padding-top: 2rem; padding: 4rem 0;
margin-top: 2rem; margin-top: 4rem;
font-size: 85%; font-size: 85%;
color: #8e869d; background-color: #f7f7f7;
text-align: center; text-align: center; }
background-color: #2a2730; }
.bd-footer a { .bd-footer a {
color: #fff; } font-weight: 500;
color: #55595c; }
.bd-footer a:hover {
color: #0275d8; }
.bd-footer p {
margin-bottom: 0; }
@media (min-width: 34em) { @media (min-width: 34em) {
.bd-footer { .bd-footer {
text-align: left; } } text-align: left; } }

2
docs/assets/css/docs.min.css.map
View File

File diff suppressed because one or more lines are too long

18
docs/assets/scss/_footer.scss
View File

@ -3,15 +3,23 @@
// //
.bd-footer { .bd-footer {
padding-top: 2rem; padding: 4rem 0;
margin-top: 2rem; margin-top: 4rem;
font-size: 85%; font-size: 85%;
color: $bd-graphite-light; background-color: #f7f7f7;
text-align: center; text-align: center;
background-color: $bd-graphite;
a { a {
color: #fff; font-weight: 500;
color: $gray;
&:hover {
color: $link-color;
}
}
p {
margin-bottom: 0;
} }
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {