@mixin default() { ... }@mixin default() { 
  @include typography.style-as('paragraph-2');

  padding: spacing.get('s1', 's2');
  margin-bottom: spacing.get('s2');
  display: inline-block;
  background-color: settings.$default-background-color;
  border-radius: settings.$border-radius;
  color: settings.$default-text-color;

  & + & {
    margin-left: spacing.get('s1');
  }
 }

@mixin success() { ... }@mixin success() { 
  background-color: settings.$success-background-color;
  color: settings.$success-text-color;
 }

@mixin caution() { ... }@mixin caution() { 
  background-color: settings.$caution-background-color;
  color: settings.$caution-text-color;
 }

@mixin danger() { ... }@mixin danger() { 
  background-color: settings.$danger-background-color;
  color: settings.$danger-text-color;
 }

$border-radius: kib-core.dimensions-get('small') !default;

$default-background-color: color.get('message', 'info', '03') !default;

$default-text-color: color.get('message', 'info', '04') !default;

$success-background-color: color.get('message', 'success', '03') !default;

$success-text-color: color.get('message', 'success', '04') !default;

$caution-background-color: color.get('message', 'warning', '03') !default;

$caution-text-color: color.get('message', 'warning', '04') !default;

$danger-background-color: color.get('message', 'error', '03') !default;

$danger-text-color: color.get('message', 'warning', '04') !default;