diff options
Diffstat (limited to 'src/scss/utils/mixins/_category.scss')
-rwxr-xr-x | src/scss/utils/mixins/_category.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/scss/utils/mixins/_category.scss b/src/scss/utils/mixins/_category.scss new file mode 100755 index 0000000..79ef92e --- /dev/null +++ b/src/scss/utils/mixins/_category.scss @@ -0,0 +1,20 @@ +/// Helper for 'components/category' to stylize a category with a specified color +/// @param {Color} $color - Color CSS value +@mixin category-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/category' to stylize a category with a specified size and padding +/// @param {Number} $font-size - Font-size CSS value +/// @param {List} $padding - Padding CSS value +@mixin category-size-variant($font-size, $padding) { + font-size: $font-size; + padding: $padding; +}
\ No newline at end of file |