Contents

// Tags

@mixin tag-variant($color, $text-color: $white, $border-color: $color) {
  background-color: $color;
  border-color: $border-color;
  color: $text-color;

  &[href] {
    @include hover-focus {
      background-color: tint($color, 20%);
      border-color: tint($border-color, 20%);
      color: $text-color;
    }
  }
}


@mixin tag-outline-variant($color, $text-color: $color, $border-color: $color) {
  background-color: transparent;
  border-color: $border-color;
  color: $text-color;

  &[href] {
    @include hover-focus {
      background-color: tint($color, 20%);
      border-color: tint($color, 20%);
      color: $white;
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
on-standards-rails-2.0.0.pre.alpha.2	vendor/assets/stylesheets/on-standards/mixins/_tag.scss
on-standards-rails-2.0.0.pre.alpha.1	vendor/assets/stylesheets/on-standards/mixins/_tag.scss
on-standards-rails-2.0.0.pre.alpha	vendor/assets/stylesheets/on-standards/mixins/_tag.scss