@mixin base-styles() { ... }@mixin base-styles() { 
  @include default-color-styles;
  @include default-size-styles;

  position: relative;
  border: 0;
 }

@mixin default-color-styles() { ... }@mixin default-color-styles() { 
  background-color: settings.$divider-color-default;
  color: settings.$divider-color-default;
 }

@mixin default-size-styles() { ... }@mixin default-size-styles() { 
  height: settings.$divider-size-xs;
 }

@mixin alternate-color-styles() { ... }@mixin alternate-color-styles() { 
  background-color: settings.$divider-color-alternate;
  color: settings.$divider-color-alternate;
 }

@mixin alternate-size-styles() { ... }@mixin alternate-size-styles() { 
  height: settings.$divider-size-sm;
 }

@mixin sm-margin-styles() { ... }@mixin sm-margin-styles() { 
  margin-right: spacing.get('s4');
  margin-left: spacing.get('s4');
 }

$divider-color-default: color.get('ui-bg', '02') !default;

$divider-color-alternate: color.get('ui-bg', '05') !default;

$divider-size-xs: unit.rem(1px) !default;

$divider-size-sm: kib-core.dimensions-get(tiny) !default;