//
// Siimple - minimal css framework for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//

//Tag variables
$siimple-tag-height: 22px;
$siimple-tag-font-size: 12px;
$siimple-tag-padding-left: 6px;
$siimple-tag-padding-right: 6px;
$siimple-tag-margin-right: 1px;
$siimple-tag-margin-bottom: 8px;

//Tag mixin
@mixin siimple-tag()
{
  display: inline-block;
  //height: $siimple-tag-height;
  font-size: $siimple-tag-font-size;
  text-decoration: none;
  line-height: $siimple-tag-height;
  border-radius: $siimple-default-border-radius;
  padding-left: $siimple-tag-padding-left;
  padding-right: $siimple-tag-padding-right;
  margin-right: $siimple-tag-margin-right;
  //margin-bottom: $siimple-tag-margin-bottom;
};

//Tag color mixin
@mixin siimple-tag-color($color)
{
  background-color: siimple-color-base($color);
  color: siimple-color-over($color);
};

//
// Siimple - minimal css framework for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//
@import "siimple-colors/scss/_all.scss";
@import "../_variables.scss";

$siimple-tag-height: 22px;
$siimple-tag-font-size: 12px;
$siimple-tag-padding-left: 6px;
$siimple-tag-padding-right: 6px;
$siimple-tag-margin-right: 1px;
$siimple-tag-margin-bottom: 8px;

.siimple-tag {
  display: inline-block;
  //height: $siimple-tag-height;
  font-size: $siimple-tag-font-size;
  text-decoration: none;
  line-height: $siimple-tag-height;
  border-radius: $siimple-default-border-radius;
  padding: {
    left: $siimple-tag-padding-left;
    right: $siimple-tag-padding-right;
  }
  margin-right: $siimple-tag-margin-right;
  //margin-bottom: $siimple-tag-margin-bottom;

  @each $color, $value in $siimple-default-colors {
    &#{&}--#{$color} {
      background-color: $value;
      color: siimple-color-over($color);
    }
  }
}

Rewrite tags mixins to single class
Rewrite tags mixins to single class
