Fix up styles after sync

This commit is contained in:
Jacob Müller 2016-09-21 15:32:11 +02:00
parent fdf517ee6b
commit 8a4a80033e
2 changed files with 15 additions and 20 deletions

View File

@ -53,5 +53,5 @@ else
footer(class="background-midnight") footer(class="background-midnight")
small.text-caption Powered by Google ©2010-2016. Code licensed under an <a href="/license" class="text-snow">MIT-style License</a>. Documentation licensed under <a class="text-snow" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>. small.text-caption Powered by Google ©2010-2016. Code licensed under an <a href="/license" class="text-snow">MIT-style License</a>. Documentation licensed under <a class="text-snow" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow") a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger")
span.icon-favorite span.icon-favorite

View File

@ -77,32 +77,27 @@
} }
footer { footer {
text-align: left; text-align: center;
padding: ($unit * 2) ($unit * 6); padding: $unit * 2;
position: relative; position: relative;
.styleguide-trigger { .styleguide-trigger {
box-sizing: border-box; color: $snow;
position: absolute; text-decoration: none;
display: inline-block; margin-right: $unit * 2;
bottom: $unit * 2;
right: $unit * 2;
font-size: 14px;
line-height: 24px;
height: 24px;
margin: 0;
padding: 0 ($unit * 3);
opacity: .24; opacity: .24;
transition: all .3s; float: right;
&:hover { @include respond-to('mobile') {
background: $blue-grey-700; display: block;
text-decoration: none; margin-top: $unit;
margin-right: 0;
font-size: 18px;
float: none;
} }
.icon-favorite { .icon-favorite {
display: inline-block; line-height: 20px;
line-height: 24px;
} }
} }
} }