feature/IO-1113-Online-Dark-Mode - Initial Commit

client/src/components/upsell/upsell.styles.scss

@@ -1,6 +1,5 @@
 .mask-wrapper {
   position: relative;
-//Newly added
   display: flex;
   justify-content: center;
   align-items: center;
@@ -8,12 +7,8 @@
 }
 
 .mask-content {
-  // filter: blur(5px);
-  background-color: rgba(0, 0, 0, 0.05);
+  background-color: var(--mask-content-bg);
   pointer-events: none;
-
-  //Newly added
-  //width: 100%;
 }
 
 .mask-overlay {
@@ -22,35 +17,8 @@
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 10;
- // width: 100%
 }
 
 .mask-overlay .ant-card {
   max-width: 100%;
 }
-
-// .mask-wrapper {
-//   position: relative;
-//   display: inline-block;
-// }
-
-// .mask-content {
-//   filter: blur(5px);
-//   pointer-events: none;
-// }
-
-// .mask-overlay {
-//   position: absolute;
-//   top: 0;
-//   left: 0;
-//   width: 100%;
-//   height: 100%;
-//   display: flex;
-//   justify-content: center;
-//   align-items: center;
-//   z-index: 10;
-// }
-
-// .mask-overlay .ant-card {
-//   max-width: 100%;
-// }