@mixin standalone-link() { ... }@mixin standalone-link() { 
  @include standalone-link-variant;

  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
 }
Description

Standalone link styles

Parameters

None.

Requires
@mixin standalone-link-variant($size) { ... }@mixin standalone-link-variant($size) { 
  $style: 'paragraph-2';
  @if $size == 'medium' {
    $style: 'paragraph-1';
  }
  @include typography.style-as($style);
  @include link.link;

  font-weight: settings.$link-font-weight;
 }
Description

Standalone link font size styles

Parameters
Parameters
parameter Nameparameter Descriptionparameter Typeparameter Default value
$size noneString none
Requires
Used by
@mixin standalone-link-icon-svg($size) { ... }@mixin standalone-link-icon-svg($size) { 
  $style: 'paragraph-2';
  @if $size == 'medium' {
    $style: 'paragraph-1';
  }

  $font-size: typography.get($style, 'font-size');
  $line-height: typography.get($style, 'line-height');

  display: block;
  width: calc(#{$line-height} * #{$font-size});
  height: calc(#{$line-height} * #{$font-size});
  fill: settings.$link-icon-color;
 }
Description

Standalone link icon svg styles

Parameters
Parameters
parameter Nameparameter Descriptionparameter Typeparameter Default value
$size noneString none
Requires
@mixin standalone-link-label() { ... }@mixin standalone-link-label() { 
  padding-right: spacing.get('s1');
 }
Description

Standalone link text label styles

Parameters

None.

Requires
$link-icon-color: currentColor !default;
Description

Standalone link icon color

Type

Color

$link-font-weight: 600 !default;
Description

Standalone link font weight

Type

Number