Improve background color contrast
This commit is contained in:
parent
9b602edc7a
commit
16b0ee0a21
|
@ -21,9 +21,9 @@ function Button({ expand }: { expand?: boolean }) {
|
||||||
|
|
||||||
const btnClasses = (variant: string) => {
|
const btnClasses = (variant: string) => {
|
||||||
if (expand) {
|
if (expand) {
|
||||||
return `btn lift d-block btn-${variant}`;
|
return `btn b-white lift d-block btn-${variant}`;
|
||||||
} else {
|
} else {
|
||||||
return `btn lift btn-outline-${variant}`;
|
return `btn b-white lift btn-outline-${variant}`;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
|
|
||||||
// Example of a variable override to change Dashkit's background color
|
// Example of a variable override to change Dashkit's background color
|
||||||
// Remove the "//" to comment it in and see it in action!
|
// Remove the "//" to comment it in and see it in action!
|
||||||
$body-bg: #ffffff;
|
$body-bg: #f9fdfc;
|
||||||
|
|
||||||
// Dashkit scss needs to know where img masks are stored
|
// Dashkit scss needs to know where img masks are stored
|
||||||
$path-to-img: "../../img/dashkit" !default;
|
$path-to-img: "../../img/dashkit" !default;
|
||||||
|
|
|
@ -57,6 +57,19 @@ code {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.b-white {
|
||||||
|
background: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-exit {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 100;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-outline-warning:hover {
|
.btn-outline-warning:hover {
|
||||||
.spinner-grow {
|
.spinner-grow {
|
||||||
color: $dark !important;
|
color: $dark !important;
|
||||||
|
|
Loading…
Reference in New Issue