1 files changed, 20 insertions, 0 deletions
diff --git a/src/scss/utils/mixins/_tag.scss b/src/scss/utils/mixins/_tag.scss
new file mode 100755
index 0000000..b5b63b9
--- /dev/null
+++ b/src/scss/utils/mixins/_tag.scss
@@ -0,0 +1,20 @@
+/// Helper for 'components/tag' to stylize a tag  with a specified color
+/// @param {Color} $color - Color CSS value
+@mixin tag-color-variant($color) {
+    color:  $color !important;
+    border: 1px solid $color;
+
+    &:hover {
+        color:           darken($color, 15) !important;
+        border:          1px solid darken($color, 15);
+        text-decoration: none;
+    }
+}
+
+/// Helper for 'components/tag' to stylize a tag with a specified size and padding
+/// @param {String} $font-size - Font-size CSS value
+/// @param {List} $padding - List of padding CSS value
+@mixin tag-size-variant($font-size, $padding) {
+    font-size: $font-size;
+    padding:   $padding;
+}
+\ No newline at end of file