MDL-69069 theme_boost: color contrast for custom alerts

This commit is contained in:
Bas Brands
2020-08-31 08:47:25 +02:00
parent 24c68767e5
commit cef948595b
3 changed files with 45 additions and 23 deletions
+12 -9
View File
@@ -515,13 +515,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 */
@@ -531,14 +533,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
@@ -12993,11 +12993,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 {
@@ -13006,11 +13011,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
@@ -13233,11 +13233,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 {
@@ -13246,12 +13251,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;