src/scss/utils/mixins/_tag.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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;
}