@use 'title-base';

$tikui-title-main-font-size: 76px !default;
$tikui-title-main-bordered-border-width: 1px !default;

%tikui-title-main {
  @extend %tikui-title;

  font-size: $tikui-title-main-font-size;
}

%tikui-title-main-bordered {
  @supports (
    -webkit-text-stroke: $tikui-title-main-bordered-border-width title-base.$tikui-title-color-text
  ) {
    -webkit-text-stroke: $tikui-title-main-bordered-border-width title-base.$tikui-title-color-text;
    -webkit-text-fill-color: transparent;
  }
}

@mixin tikui-title-main {
  @extend %tikui-title-main;

  &--bordered {
    @extend %tikui-title-main-bordered;
  }
}