MDL-69069 theme_boost: color contrast for custom alerts

This commit is contained in:
Bas Brands
2020-08-31 08:46:39 +02:00
parent 89d8f73703
commit 581a497189
3 changed files with 45 additions and 23 deletions
+12 -9
View File
@@ -537,13 +537,15 @@ span.editinstructions {
margin-left: 30px;
font-size: $font-size-sm;
padding: .1em .4em;
background-color: $state-info-bg;
color: $state-info-text;
text-decoration: none;
z-index: 9999;
border: $alert-border-width solid transparent;
@include box-shadow(2px 2px 5px 1px #ccc);
border: 1px solid $state-info-border;
@include alert-variant(
theme-color-level('info', $alert-bg-level),
theme-color-level('info', $alert-border-level),
theme-color-level('info', $alert-color-level)
);
}
/* Course drag and drop upload styles */
@@ -553,14 +555,15 @@ span.editinstructions {
width: 40%;
margin: 0 30%;
padding: 6px;
border: 1px solid $state-info-border;
text-align: center;
background: $state-info-bg;
color: $state-info-text;
z-index: 1; // Required in order to have this above relatively positioned course content@mixin
border: $alert-border-width solid transparent;
@include box-shadow(2px 2px 5px 1px #ccc);
@include border-radius(8px);
@include alert-variant(
theme-color-level('info', $alert-bg-level),
theme-color-level('info', $alert-border-level),
theme-color-level('info', $alert-color-level)
);
}
.dndupload-preview {
+17 -7
View File
@@ -13488,11 +13488,16 @@ span.editinstructions {
margin-left: 30px;
font-size: 0.8203125rem;
padding: .1em .4em;
background-color: #def2f8;
color: #5bc0de;
text-decoration: none;
z-index: 9999;
border: 1px solid #d1edf6; }
border: 0 solid transparent;
color: #2f6473;
background-color: #def2f8;
border-color: #d1edf6; }
span.editinstructions hr {
border-top-color: #bce5f2; }
span.editinstructions .alert-link {
color: #20454f; }
/* Course drag and drop upload styles */
#dndupload-status {
@@ -13501,11 +13506,16 @@ span.editinstructions {
width: 40%;
margin: 0 30%;
padding: 6px;
border: 1px solid #d1edf6;
text-align: center;
background: #def2f8;
color: #5bc0de;
z-index: 1; }
z-index: 1;
border: 0 solid transparent;
color: #2f6473;
background-color: #def2f8;
border-color: #d1edf6; }
#dndupload-status hr {
border-top-color: #bce5f2; }
#dndupload-status .alert-link {
color: #20454f; }
.dndupload-preview {
color: #909090;
+16 -7
View File
@@ -13703,11 +13703,16 @@ span.editinstructions {
margin-left: 30px;
font-size: 0.8203125rem;
padding: .1em .4em;
background-color: #def2f8;
color: #5bc0de;
text-decoration: none;
z-index: 9999;
border: 1px solid #d1edf6; }
border: 0 solid transparent;
color: #2f6473;
background-color: #def2f8;
border-color: #d1edf6; }
span.editinstructions hr {
border-top-color: #bce5f2; }
span.editinstructions .alert-link {
color: #20454f; }
/* Course drag and drop upload styles */
#dndupload-status {
@@ -13716,12 +13721,16 @@ span.editinstructions {
width: 40%;
margin: 0 30%;
padding: 6px;
border: 1px solid #d1edf6;
text-align: center;
background: #def2f8;
color: #5bc0de;
z-index: 1;
border-radius: 8px; }
border: 0 solid transparent;
color: #2f6473;
background-color: #def2f8;
border-color: #d1edf6; }
#dndupload-status hr {
border-top-color: #bce5f2; }
#dndupload-status .alert-link {
color: #20454f; }
.dndupload-preview {
color: #909090;