diff options
author | jerasmus <jerasmus@gitlab.com> | 2019-05-17 08:22:12 +0200 |
---|---|---|
committer | jerasmus <jerasmus@gitlab.com> | 2019-05-17 08:23:00 +0200 |
commit | e1a218c50219efbb1d11882e5178563cf404fb2f (patch) | |
tree | a42cf08acee0861b4d4199f2c846f71ed0ce0848 | |
parent | 776f4a6f8c29ac6812f84285b97e31cdd9a00dbb (diff) | |
download | gitlab-ce-237-style-toast-component.tar.gz |
Move toast background opacity into a variable237-style-toast-component
Move the backround opacity for toasts into a variable
-rw-r--r-- | app/assets/stylesheets/components/toast.scss | 2 | ||||
-rw-r--r-- | app/assets/stylesheets/framework/variables.scss | 1 |
2 files changed, 2 insertions, 1 deletions
diff --git a/app/assets/stylesheets/components/toast.scss b/app/assets/stylesheets/components/toast.scss index a67f0b9be33..33e1c4e5349 100644 --- a/app/assets/stylesheets/components/toast.scss +++ b/app/assets/stylesheets/components/toast.scss @@ -18,7 +18,7 @@ padding: $gl-padding-8 $gl-padding-24; margin-top: $toast-default-margin; line-height: $gl-line-height; - background-color: rgba($gray-900, 0.95); + background-color: rgba($gray-900, $toast-background-opacity); @include media-breakpoint-down(xs) { .action:first-child { diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss index 4f69953d062..51a70f6c0f1 100644 --- a/app/assets/stylesheets/framework/variables.scss +++ b/app/assets/stylesheets/framework/variables.scss @@ -506,6 +506,7 @@ $toast-max-width: 586px; $toast-padding-right: 42px; $toast-default-margin: 8px; $toast-action-margin-left: 16px; +$toast-background-opacity: 0.95; /* * Status icons |