Fix with-darker-background class by moving it inside page-view selector and using opacity instead of just grey so that other elements in the page (shadow from element above) can be seen

This commit is contained in:
Luis Ramos
2020-05-01 18:22:51 +01:00
parent 21a1ba2fb5
commit 782988b61c
2 changed files with 3 additions and 3 deletions

View File

@@ -38,11 +38,11 @@ $med-drk-grey: #444;
$dark-grey: #333;
$light-grey: #ddd;
$light-grey-transparency: rgba(0, 0, 0, .1);
$very-light-grey-transparency: rgba(0, 0, 0, .05);
$black: #000;
$white: #fff;
$grey-050: #f7f7f7;
$grey-080: #f2f2f2;
$grey-400: #bbb;
$grey-500: #999;
$grey-600: #777;

View File

@@ -118,8 +118,8 @@
}
}
.with-darker-background {
background-color: $grey-080;
&.with-darker-background {
background-color: $very-light-grey-transparency;
}
}
}