// ==========
// CLOSES
// ==========
$STYLEGUIDE_CLOSES_ID: close !default;
$STYLEGUIDE_CLOSES: () !default;

@if not styleguide-component-exists($STYLEGUIDE_CLOSES_ID, $CONFIG_THEME) {
$a-blackhole: styleguide-add-component($STYLEGUIDE_CLOSES_ID,  $STYLEGUIDE_CLOSES, (
  (default, (
    color               inherit,
    background          (transparent none),
    padding             (0 1px 0 0),
    border              0,
    margin              0,
    cursor              pointer,
    text-decoration     none,
    position            absolute,
    overflow            hidden,
    top                 vertical-spacing(2),
    right               horizontal-spacing(2),
    width               nth($CONFIG_GLYPH_CLOSE, 4),
    height              nth($CONFIG_GLYPH_CLOSE, 4),
    text-indent         (nth($CONFIG_GLYPH_CLOSE, 4) + 1px),
    glyph-icon          (nth($CONFIG_GLYPH_CLOSE, 1), nth($CONFIG_GLYPH_CLOSE, 2), nth($CONFIG_GLYPH_CLOSE, 3), before, 'text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;'),
    (selectors, (
      ('&:before', (
        vertical-align  top,
        line-height     1,
        position        absolute,
        top             0,
        right           0,
        text-decoration none,
        cursor          pointer
      )),
      nil
    )),
    (states, (
      (hover, (
        text-shadow     $CONFIG_SHADOW_CLOSES,
        nil
      )),
      nil
    ))
  )),
  (in-alert, (
    color               nth($CONFIG_COLOR_COPY, 2),
    nil
  )),
  (in-dialog, (
    color               nth($CONFIG_COLOR_COPY, 2),
    opacity             0.7,
    top                 vertical-spacing(2.6, $abuse: true),
    (states, (
      (hover, (
        opacity         1,
        nil
      )),
      nil
    ))
  )),
  nil
), $CONFIG_THEME);
}