[gnome-themes-standard/wip/sass] initial dialog styling

[Lapo Calamandrei <lapo src gnome org>]

commit 9fc8d51ea7dba33595386fb0ed31cf0436430f7d
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Wed Jun 4 19:31:43 2014 +0200

    initial dialog styling

 themes/Adwaita/gtk-3.0/_common.scss           |   62 +++++++++++++++++++++----
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   49 +++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   49 +++++++++++++++++++
 3 files changed, 150 insertions(+), 10 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index aa6355e..a5ecb22 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -348,34 +348,34 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
   &.vertical {
     .button {
       &:first-child {
-        @extend %top-button;
+        @extend %top_button;
         @include button(normal, $noedge: true);
         &:active {
-          @extend %top-button;
+          @extend %top_button;
           @include button(active, $noedge: true);
         }
         &:hover {
-          @extend %top-button;
+          @extend %top_button;
           @include button(hover, $noedge: true);
         }
         &:insensitive {
-          @extend %top-button;
+          @extend %top_button;
           @include button(insensitive, $noedge: true);
         }
       }
       &:last-child {
-        @extend %bottom-button;
+        @extend %bottom_button;
         @include button(normal);
         &:active {
-          @extend %bottom-button;
+          @extend %bottom_button;
           @include button(active);
         }
         &:hover {
-          @extend %bottom-button;
+          @extend %bottom_button;
           @include button(hover);
         }
         &:insensitive {
-          @extend %bottom-button;
+          @extend %bottom_button;
           @include button(insensitive);
         }
       }
@@ -391,11 +391,11 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
       // like buttons are on top of it so it doesn't show up
       border-radius: 0;
     }
-    %top-button {
+    %top_button {
       border-radius: 3px 3px 0 0;
       border-bottom-width: 0;
     }
-    %bottom-button {
+    %bottom_button {
       border-radius: 0 0 3px 3px;
       border-top-width: 0;
     }
@@ -1221,6 +1221,46 @@ GtkScrolledWindow {
 }
 
 
+/***********
+ * Dialogs *
+ ***********/
+
+GtkMessageDialog {
+  // -GtkDialog-content-area-spacing:
+  // -GtkDialog-action-area-spacing:
+  -GtkDialog-button-spacing: 0;
+  -GtkDialog-action-area-border: 0;
+}
+
+.dialog-action-area.linked {
+  & .button {
+    border-radius: 0;
+    @include button(normal, $noedge: true);
+    @extend %middle_button;
+    &:hover {
+      @include button(hover, $noedge: true);
+      @extend %middle_button;
+    }
+    &:active {
+      @include button(active, $noedge: true);
+      @extend %middle_button;
+    }
+    &:insensitive {
+      @include button(insensitive, $noedge: true);
+      @extend %middle_button;
+    }
+    &:backdrop, &:backdrop:insensitive {
+      @extend %middle_button;
+    }
+    &:last-child{ @extend %last_button; }
+  }
+  %middle_button {
+    border-style: solid none none none;
+  }
+  %last_button { border-style: solid none none solid; }
+}
+
+
 /**********************
  * Window Decorations *
  *********************/
@@ -1264,3 +1304,5 @@ GtkScrolledWindow {
     transition-property: border, box-shadow, color;
   }
 }
+
+
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 27358e8..b653d1b 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1347,6 +1347,55 @@ GtkScrolledWindow GtkViewport.frame {
   .app-notification .button {
     padding: 6px; }
 
+/***********
+ * Dialogs *
+ ***********/
+GtkMessageDialog {
+  -GtkDialog-button-spacing: 0;
+  -GtkDialog-action-area-border: 0; }
+
+.dialog-action-area.linked .button {
+  border-radius: 0;
+  border-width: 1px;
+  border-style: solid;
+  color: #eeeeec;
+  background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+  border-color: #1c1f1f;
+  text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+  icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+  .dialog-action-area.linked .button:hover {
+    border-width: 1px;
+    border-style: solid;
+    color: #eeeeec;
+    border-color: #1c1f1f;
+    background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+    text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+    icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+  .dialog-action-area.linked .button:active {
+    border-width: 1px;
+    border-style: solid;
+    color: #eeeeec;
+    border-color: #1c1f1f;
+    background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+    text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+    icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+  .dialog-action-area.linked .button:insensitive {
+    border-width: 1px;
+    border-style: solid;
+    color: #939695;
+    border-color: #1c1f1f;
+    background-image: linear-gradient(to bottom, #363a3a);
+    text-shadow: none;
+    icon-shadow: none;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.dialog-action-area.linked .button, .dialog-action-area.linked .button:hover, .dialog-action-area.linked 
.button:active, .dialog-action-area.linked .button:insensitive, .dialog-action-area.linked .button:backdrop, 
.dialog-action-area.linked .button:backdrop:insensitive {
+  border-style: solid none none none; }
+.dialog-action-area.linked .button:last-child {
+  border-style: solid none none solid; }
+
 /**********************
  * Window Decorations *
  *********************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 799808f..4ff2af5 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1347,6 +1347,55 @@ GtkScrolledWindow GtkViewport.frame {
   .app-notification .button {
     padding: 6px; }
 
+/***********
+ * Dialogs *
+ ***********/
+GtkMessageDialog {
+  -GtkDialog-button-spacing: 0;
+  -GtkDialog-action-area-border: 0; }
+
+.dialog-action-area.linked .button {
+  border-radius: 0;
+  border-width: 1px;
+  border-style: solid;
+  color: #2e3436;
+  background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+  border-color: #a1a1a1;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+  box-shadow: inset 0 1px white; }
+  .dialog-action-area.linked .button:hover {
+    border-width: 1px;
+    border-style: solid;
+    color: #2e3436;
+    border-color: #a1a1a1;
+    background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+    text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+    box-shadow: inset 0 1px white; }
+  .dialog-action-area.linked .button:active {
+    border-width: 1px;
+    border-style: solid;
+    color: #2e3436;
+    border-color: #a1a1a1;
+    background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+    text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+  .dialog-action-area.linked .button:insensitive {
+    border-width: 1px;
+    border-style: solid;
+    color: #8d9091;
+    border-color: #a1a1a1;
+    background-image: linear-gradient(to bottom, #f4f4f4);
+    text-shadow: none;
+    icon-shadow: none;
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.dialog-action-area.linked .button, .dialog-action-area.linked .button:hover, .dialog-action-area.linked 
.button:active, .dialog-action-area.linked .button:insensitive, .dialog-action-area.linked .button:backdrop, 
.dialog-action-area.linked .button:backdrop:insensitive {
+  border-style: solid none none none; }
+.dialog-action-area.linked .button:last-child {
+  border-style: solid none none solid; }
+
 /**********************
  * Window Decorations *
  *********************/