//

// Close icons

// --------------------------------------------------

.close {

  float: right;

  font-size: ($font-size-base * 1.5);

  font-weight: $close-font-weight;

  line-height: 1;

  color: $close-color;

  text-shadow: $close-text-shadow;

  @include opacity(.2);

  &:hover,

  &:focus {

    color: $close-color;

    text-decoration: none;

    cursor: pointer;

    @include opacity(.5);

  }

  // [converter] extracted button& to button.close

}

// Additional properties for button version

// iOS requires the button element instead of an anchor tag.

// If you want the anchor version, it requires `href="#"`.

// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile

button.close {

  padding: 0;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

}