Sha256: f74616f0e6e15963e3b9584fc7b7718914566059201857c95af28d35130c0275

Contents?: true

Size: 1.09 KB

Versions: 56

Compression:

Stored size: 1.09 KB

Contents

@mixin triangle ($size, $color, $direction) {
  height: 0;
  width: 0;

  @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
    border-color: transparent;
    border-style: solid;
    border-width: $size / 2;

    @if $direction == up {
      border-bottom-color: $color;

    } @else if $direction == right {
      border-left-color:   $color;

    } @else if $direction == down {
      border-top-color:    $color;

    } @else if $direction == left {
      border-right-color:  $color;
    }
  }

  @else if ($direction == up-right) or ($direction == up-left) {
    border-top: $size solid $color;

    @if $direction == up-right {
      border-left:  $size solid transparent;

    } @else if $direction == up-left {
      border-right: $size solid transparent;
    }
  }

  @else if ($direction == down-right) or ($direction == down-left) {
    border-bottom: $size solid $color;

    @if $direction == down-right {
      border-left:  $size solid transparent;

    } @else if $direction == down-left {
      border-right: $size solid transparent;
    }
  }
}

Version data entries

56 entries across 54 versions & 9 rubygems

Version Path
daiblogs-0.2.1 _sass/bourbon/addons/_triangle.scss
daiblogs-0.2.0 _sass/bourbon/addons/_triangle.scss
daiblogs-0.1.5 _sass/bourbon/addons/_triangle.scss
daiblogs-0.1.4 _sass/bourbon/addons/_triangle.scss
daiblogs-0.1.2 assets/_sass/bourbon/addons/_triangle.scss
daiblogs-0.1.1 assets/_sass/bourbon/addons/_triangle.scss
daiblogs-0.1.0 assets/_sass/bourbon/addons/_triangle.scss
bookends-2.0.0 fixtures/dummy-jekyll/_sass/mixins/_triangle.scss
moovui-0.1.4 app/assets/stylesheets/bourbon/addons/_triangle.scss
stump-cli-0.1.3 lib/wp/wp-content/themes/stump/assets/vendor/manhattan/bourbon/addons/_triangle.scss
stump-cli-0.1.2 lib/wp/wp-content/themes/stump/assets/vendor/manhattan/bourbon/addons/_triangle.scss
moovui-0.1.3 app/assets/stylesheets/bourbon/addons/_triangle.scss
moovui-0.1.2 app/assets/stylesheets/bourbon/addons/_triangle.scss
moovui-0.1.1 app/assets/stylesheets/bourbon/addons/_triangle.scss
moovui-0.0.2 bourbon/addons/_triangle.scss
moovui-0.0.1 bourbon/addons/_triangle.scss
stump-cli-0.1.1 lib/wp/wp-content/themes/stump/assets/vendor/manhattan/bourbon/addons/_triangle.scss
blogelator-0.2.5 vendor/assets/stylesheets/blogelator/bourbon/addons/_triangle.scss
blocky-0.0.11 vendor/assets/stylesheets/blocky/bourbon/addons/_triangle.scss
blogelator-0.2.4 vendor/assets/stylesheets/blogelator/bourbon/addons/_triangle.scss