src/public/assets/sass/components/_author.scss
///
/// Future Imperfect by Pixelarity
/// pixelarity.com | hello@pixelarity.com
/// License: pixelarity.com/license
///
/* Author */
.author {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'row');
@include vendor('align-items', 'center');
@include vendor('justify-content', 'flex-end');
border-bottom: 0;
font-family: _font(family-heading);
font-size: 0.6em;
font-weight: _font(weight-heading);
letter-spacing: _font(kerning-heading);
text-transform: uppercase;
white-space: nowrap;
.name {
@include vendor(
'transition',
'border-bottom-color #{_duration(transition)} ease'
);
border-bottom: dotted 1px _palette(border-alt);
display: block;
margin: 0 1.5em 0 0;
}
img {
border-radius: 100%;
display: block;
width: 4em;
}
&:hover {
.name {
border-bottom-color: transparent;
}
}
}