rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: dimmed banner colors (#1043)

Browse Source
This commit is contained in:
Mo
2022-05-23 17:02:35 -05:00
committed by GitHub
parent 8877c42079
commit 4e621cadde
5 changed files with 37 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/stylesheets/utils/_color.scss
View File

@@ -1,3 +1,14 @@
@mixin DimmedBackground($color, $opacity) {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: $color;
opacity: $opacity;
}
.bg-grey-super-light {
background-color: var(--sn-stylekit-grey-super-light);
}
@@ -38,12 +49,12 @@
background-color: var(--sn-stylekit-grey-5);
}
.bg-warning-faded {
background-color: rgba(235, 173, 0, 0.08);
.bg-warning-faded::after {
@include DimmedBackground(var(--sn-stylekit-warning-color), 0.08);
}
.bg-info-faded {
background-color: rgba(8, 109, 214, 0.08);
.bg-info-faded::after {
@include DimmedBackground(var(--sn-stylekit-info-color), 0.08);
}
.color-inverted-default {
@@ -70,10 +81,6 @@
color: var(--sn-stylekit-neutral-contrast-color);
}
.color-warning-contrast {
color: var(--warning-text-color);
}
.color-danger-contrast {
color: var(--sn-stylekit-danger-contrast-color);
}