tningjs/sam-and-his-friends

View on GitHub
src/public/assets/sass/components/_author.scss

Summary

Maintainability
Test Coverage
///
/// 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;
    }
  }
}