From 00c9709fd9763542e848f6278db8ba26af5c9886 Mon Sep 17 00:00:00 2001 From: Max Date: Mon, 15 Oct 2018 23:46:42 +0200 Subject: Initial commit. --- src/sass/bootstrap4/mixins/_background-variant.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/sass/bootstrap4/mixins/_background-variant.scss (limited to 'src/sass/bootstrap4/mixins/_background-variant.scss') diff --git a/src/sass/bootstrap4/mixins/_background-variant.scss b/src/sass/bootstrap4/mixins/_background-variant.scss new file mode 100644 index 0000000..494439d --- /dev/null +++ b/src/sass/bootstrap4/mixins/_background-variant.scss @@ -0,0 +1,21 @@ +// stylelint-disable declaration-no-important + +// Contextual backgrounds + +@mixin bg-variant($parent, $color) { + #{$parent} { + background-color: $color !important; + } + a#{$parent}, + button#{$parent} { + @include hover-focus { + background-color: darken($color, 10%) !important; + } + } +} + +@mixin bg-gradient-variant($parent, $color) { + #{$parent} { + background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important; + } +} -- cgit v1.2.3