google/material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make footer links accessible (fixes #1337)

Browse Source
This commit is contained in:
Surma 2015-08-10 11:28:21 +01:00
parent 87c48c2241
commit ae736732d6
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/_assets/main.css
View File

@ -490,12 +490,17 @@ body:not(.about) .mdl-navigation__link.download > button {
.component-description .mdl-button:first-of-type {
margin-top: 8px;
}
.docs-footer.mdl-mini-footer .mdl-mini-footer--social-btn {
background-color: transparent;
margin: 0 16px;
width: 24px;
height: 24px;
}
.docs-footer.mdl-mini-footer .social-btn {
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
margin: 0 16px;
width: 24px;
height: 24px;
cursor: pointer;

16
docs/_templates/layout.html vendored
View File

@ -116,13 +116,19 @@
</section>
<footer class="docs-text-styling docs-footer mdl-mini-footer mdl-color--grey-900">
<ul>
<a href="https://twitter.com/googledesign" class="mdl-mini-footer--social-btn social-btn social-btn__twitter"></a>
<a href="https://github.com/google/material-design-lite" class="mdl-mini-footer--social-btn social-btn social-btn__github"></a>
<a href="https://plus.google.com/+googledesign" class="mdl-mini-footer--social-btn social-btn social-btn__gplus"></a>
<li class="mdl-mini-footer--social-btn">
<a href="https://twitter.com/googledesign" class="social-btn social-btn__twitter" role="button" title="Twitter"></a>
</li>
<li class="mdl-mini-footer--social-btn">
<a href="https://github.com/google/material-design-lite" class="social-btn social-btn__github" role="button" title="GitHub"></a>
</li>
<li class="mdl-mini-footer--social-btn">
<a href="https://plus.google.com/+googledesign" class="social-btn social-btn__gplus" role="button" title="Google+"></a>
</li>
</ul>
<ul>
<a class="mdl-color-text--grey-600" href="https://developers.google.com/web/starter-kit/">Web Starter Kit</a>
<a class="mdl-color-text--grey-600" href="https://github.com/google/material-design-lite/issues">Help</a>
<li><a class="mdl-color-text--grey-600" href="https://developers.google.com/web/starter-kit/">Web Starter Kit</a></li>
<li><a class="mdl-color-text--grey-600" href="https://github.com/google/material-design-lite/issues">Help</a></li>
</ul>
</footer>
</main>