[components] Background color on closeButton (#657)

sanity-io · Mar 13, 2018 · 91e9b78 · 91e9b78
1 parent 685bd9f
commit 91e9b78
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/@sanity/components/src/dialogs/styles/FullscreenDialog.css b/packages/@sanity/components/src/dialogs/styles/FullscreenDialog.css
@@ -34,6 +34,10 @@
   color: var(--state-info-color--text);
   background-color: color(var(--state-info-color) a(95%));
 
+  @nest & .closeButton {
+    background-color: color(var(--state-info-color) a(30%));
+  }
+
   @nest & .content a {
     color: inherit;
   }
@@ -44,6 +48,10 @@
   color: var(--state-danger-color--text);
   background-color: color(var(--state-danger-color) a(95%));
 
+  @nest & .closeButton {
+    background-color: color(var(--state-danger-color) a(30%));
+  }
+
   @nest & .content a {
     color: inherit;
   }
@@ -54,6 +62,10 @@
   color: var(--state-success-color--text);
   background-color: color(var(--state-success-color) a(95%));
 
+  @nest & .closeButton {
+    background-color: color(var(--state-success-color) a(30%));
+  }
+
   @nest & .content a {
     color: inherit;
   }
@@ -64,6 +76,10 @@
   color: var(--state-warning-color--text);
   background-color: color(var(--state-warning-color) a(95%));
 
+  @nest & .closeButton {
+    background-color: color(var(--state-warning-color) a(30%));
+  }
+
   @nest & .content a {
     color: inherit;
   }