/**
 * Share Links
 */

// Dependencies
@import 'config/direction';
@import 'config/dimensions';
@import 'config/media';
@import 'config/colors';
@import 'config/typography';

// Declarations
.c-share {
  @include typography-nav();
  text-align: $text-direction-end;

  .icon {
    display: inline-block;
    height: $spacing-base;
    margin-#{$text-direction-end}: $spacing-base / 2;
    vertical-align: middle;
  }

  @media screen and (min-width: $screen-desktop) {
    text-align: $text-direction-start;
  }
}

.c-share__link {
  @media screen and (min-width: $screen-desktop) {
    display: block;
    margin-bottom: $spacing-base;
  }
}