Contents

@mixin caret($width: 1em, $height: 1em, $direction: up, $color-caret: $color-3) {
  &:before {
    content: '';
    display: block;
    position: absolute;
    border-width: $height $width;
    border-style: solid;
    border-color: transparent;

    @if $direction == up {
      border-bottom-color: $color-caret;
      top: -2 * $width;
      left: 50%;
      margin-left: -$height;
    }
    @else if $direction == down {
      border-top-color: $color-caret;
      top: -2 * $width;
      left: 50%;
      margin-left: -$height;
    }
    @else if $direction == left {
      border-right-color: $color-caret;
      left: -2 * $width;
      top: 50%;
      margin-top: -$height;
    }
    @else {
      border-left-color: $color-caret;
      right: -2 * $width;
      top: 50%;
      margin-top: -$height;
    }
  }
}

Version data entries

83 entries across 83 versions & 2 rubygems

Version	Path
solidus_backend-1.2.0.rc2	app/assets/stylesheets/spree/backend/globals/mixins/_caret.scss
solidus_backend-1.2.0.rc1	app/assets/stylesheets/spree/backend/globals/mixins/_caret.scss
solidus_backend-1.2.0.beta1	app/assets/stylesheets/spree/backend/globals/mixins/_caret.scss