Add dashed underline to footer links (#340)

Fixes: https://github.com/resin-io/etcher/issues/338
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-04-18 13:16:26 -04:00
parent 5baf8e5407
commit 284f2a0ebb
4 changed files with 13 additions and 7 deletions

View File

@ -6376,9 +6376,11 @@ body {
padding: 0; }
.section-footer .svg-icon {
margin: 0 13px; }
.section-footer [os-open-external]:hover {
color: #85898c;
text-decoration: underline; }
.section-footer .caption[os-open-external], .section-footer [os-open-external].icon-caption {
border-bottom: 1px dashed;
padding-bottom: 2px; }
.section-footer .caption[os-open-external]:hover, .section-footer [os-open-external].icon-caption:hover {
color: #85898c; }
.section-footer .footer-right {
position: absolute;
right: 0;

View File

@ -41,7 +41,7 @@
os-open-external="http://etcher.io"></svg-icon>
<span class="caption">
IS <span os-open-external="https://github.com/resin-io/etcher">AN OPEN SOURCE PROJECT</span> BY
IS <span class="caption" os-open-external="https://github.com/resin-io/etcher">AN OPEN SOURCE PROJECT</span> BY
</span>
<svg-icon path="../../../../../assets/images/resin.svg"

View File

@ -103,9 +103,13 @@ body {
margin: 0 13px;
}
[os-open-external]:hover {
color: lighten($color-disabled, 5%);
text-decoration: underline;
.caption[os-open-external] {
border-bottom: 1px dashed;
padding-bottom: 2px;
&:hover {
color: lighten($color-disabled, 5%);
}
}
.footer-right {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 124 KiB