/* ------------------------------------------------------------------------ *\
   elements.button
\* ------------------------------------------------------------------------ */


/**
 * settings
 */
name = "button"
selector = prefix + name


/* styles
\* ------------------------------------------------------------------------ */

[{selector}~="container"]
  e-button()


[{selector}~="--close"]
  e-button--close()


[{selector}~="--block"]
  e-button--block()


[{selector}~="--rounded"]
  e-button--rounded()


[{selector}~="--xxxl"]
  e-text--size--xxxl()


[{selector}~="--xxl"]
  e-text--size--xxl()


[{selector}~="--xl"]
  e-text--size--xl()


[{selector}~="--lg"]
  e-text--size--lg()


[{selector}~="--md"]
  e-text--size--md()


[{selector}~="--sm"]
  e-text--size--sm()


[{selector}~="--xs"]
  e-text--size--xs()


[{selector}~="--xxs"]
  e-text--size--xxs()


[{selector}~="--xxxs"]
  e-text--size--xxxs()


[{selector}~="--primary"]
  e-button--color(nix.skin.color.primary, nix.skin.color.white)


[{selector}~="--secondary"]
  e-button--color(nix.skin.color.secondary, nix.skin.color.white)


[{selector}~="--success"]
  e-button--color(nix.skin.color.success, nix.skin.color.white)


[{selector}~="--error"]
  e-button--color(nix.skin.color.error, nix.skin.color.white)


[{selector}~="--ghost"]
  e-button--ghost(nix.skin.color.primary)


[{selector}~="--ghost--primary"]
  e-button--ghost(nix.skin.color.primary)


[{selector}~="--ghost--secondary"]
  e-button--ghost(nix.skin.color.secondary)


[{selector}~="--ghost--success"]
  e-button--ghost(nix.skin.color.success)


[{selector}~="--ghost--error"]
  e-button--ghost(nix.skin.color.error)


[{selector}~="--group"]
  e-button--group()


[{selector}~="--grouped"]
  [{selector}]
    e-button--grouped()


[{selector}~="--group--rounded"]
  [{selector}]
    e-button--group--rounded()


[{selector}~="__icon-left"]
  e-button__icon-left()


[{selector}~="__icon-right"]
  e-button__icon-right()