From 5e1ea0940c8de9e3247e1e0e543a38556b39f69b Mon Sep 17 00:00:00 2001 From: Audrey Roy Greenfeld Date: Sat, 26 Sep 2015 00:29:39 -0700 Subject: [PATCH] Sass alert improvements (better variables). --- .../static/sass/project.scss | 29 ++++++++++--------- 1 file changed, 15 insertions(+), 14 deletions(-) diff --git a/{{cookiecutter.repo_name}}/{{cookiecutter.repo_name}}/static/sass/project.scss b/{{cookiecutter.repo_name}}/{{cookiecutter.repo_name}}/static/sass/project.scss index afa91d3d..37c69e45 100644 --- a/{{cookiecutter.repo_name}}/{{cookiecutter.repo_name}}/static/sass/project.scss +++ b/{{cookiecutter.repo_name}}/{{cookiecutter.repo_name}}/static/sass/project.scss @@ -1,26 +1,27 @@ // project specific CSS goes here +// Alert colors + +$white: #fff; +$mint-green: #d6e9c6; +$black: #000; +$pink: #f2dede; +$dark-pink: #eed3d7; +$red: #b94a48; + // bootstrap alert CSS, translated to the django-standard levels of // debug, info, success, warning, error -$alert-debug-bgcolor: #fff; -$alert-debug-border: #d6e9c6; -$alert-debug-color: #000; - -$alert-error-bgcolor: #f2dede; -$alert-error-border: #eed3d7; -$alert-error-color: #b94a48; - .alert-debug { - background-color: $alert-debug-bgcolor; - border-color: $alert-debug-border; - color: $alert-debug-color; + background-color: $white; + border-color: $mint-green; + color: $black; } .alert-error { - background-color: $alert-error-bgcolor; - border-color: $alert-error-border; - color: $alert-error-color; + background-color: $pink; + border-color: $dark-pink; + color: $red; } // This is a fix for the bootstrap4 alpha release