From 93fc9c296345dbd1913cc3718d2fb06ede03b63c Mon Sep 17 00:00:00 2001 From: Andreas Nedbal Date: Tue, 28 Apr 2020 13:07:58 +0200 Subject: [PATCH] Add Bootstrap alert CSS variable overrides --- app/assets/stylesheets/application.css.scss | 1 + app/assets/stylesheets/overrides/_alerts.scss | 7 +++++++ 2 files changed, 8 insertions(+) create mode 100644 app/assets/stylesheets/overrides/_alerts.scss diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 516d937c..78fa7777 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -81,6 +81,7 @@ $navbar-inverse-toggle-border-color: #512da8; */ @import +"overrides/alerts", "overrides/buttons", "overrides/colors", "overrides/card", diff --git a/app/assets/stylesheets/overrides/_alerts.scss b/app/assets/stylesheets/overrides/_alerts.scss new file mode 100644 index 00000000..ab27cb79 --- /dev/null +++ b/app/assets/stylesheets/overrides/_alerts.scss @@ -0,0 +1,7 @@ +@each $color in $colorNames { + .alert-#{$color} { + color: RGB(var(--#{$color}-text)); + background-color: var(--#{$color}); + border-color: var(--#{$color}); + } +} \ No newline at end of file