Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: Use variables for repeated colors in alerts.scss.

This commit is contained in:
Thomas Ip 2019-06-20 17:49:14 +08:00 committed by Tim Abbott
parent 1fa82b9dea
commit 549338dc50
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/styles/alerts.scss
View File

@ -1,3 +1,6 @@
$alert-red: hsl(16, 60%, 45%);
$alert-error-red: hsl(0, 80%, 40%);
.alert-display {
display: none;
@ -62,9 +65,9 @@
text-shadow: none;
color: hsl(16, 60%, 45%);
border: 1px solid hsl(16, 60%, 45%);
box-shadow: 0 0 2px hsl(16, 60%, 45%);
color: $alert-red;
border: 1px solid $alert-red;
box-shadow: 0 0 2px $alert-red;
&::before {
position: absolute;
@ -79,12 +82,12 @@
}
&.alert-error {
color: hsl(0, 80%, 40%);
border: 1px solid hsl(0, 80%, 40%);
box-shadow: 0 0 2px hsl(0, 80%, 40%);
color: $alert-error-red;
border: 1px solid $alert-error-red;
box-shadow: 0 0 2px $alert-error-red;
&::before {
color: hsl(0, 80%, 40%);
color: $alert-error-red;
}
}