[gtk+] Adwaita: GtkFlowBox selected child styling

[Lapo Calamandrei <lapo src gnome org>]

commit 31a26ef8a98c4cb3f2ab1b1ac6a206bfb2c42497
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Mon Sep 1 17:42:46 2014 +0200

    Adwaita: GtkFlowBox selected child styling

 gtk/resources/theme/Adwaita/_common.scss           |    9 +++++++++
 gtk/resources/theme/Adwaita/gtk-contained-dark.css |   10 ++++++++--
 gtk/resources/theme/Adwaita/gtk-contained.css      |   10 ++++++++--
 3 files changed, 25 insertions(+), 4 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index a35cb91..69015b9 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -178,6 +178,15 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
                                      $backdrop_base_color, 50%); }
 }
 
+GtkFlowBox .grid-child {
+  padding: 3px;
+  border-radius: 3px;
+  &:selected {
+    @extend %selected_items;
+    outline-offset: -2px;
+  }
+}
+
 %osd, .osd {
   color: $osd_fg_color;
   text-shadow: 0 1px black;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css 
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index 24e783f..fba4936 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -122,6 +122,12 @@ GtkTextView {
   GtkTextView:backdrop {
     background-color: #323535; }
 
+GtkFlowBox .grid-child {
+  padding: 3px;
+  border-radius: 3px; }
+  GtkFlowBox .grid-child:selected {
+    outline-offset: -2px; }
+
 .app-notification.frame, .osd {
   color: #eeeeec;
   text-shadow: 0 1px black;
@@ -2886,12 +2892,12 @@ GtkLevelBar.vertical {
     .level-bar.fill-block.empty-fill-block:backdrop {
       border-color: rgba(201, 203, 201, 0.15); }
 
-.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, 
GtkLabel:selected:hover, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar 
.menuitem.button.titlebutton:selected,
+.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, 
GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .entry:selected, .entry:selected:focus, 
.menuitem.button.flat:selected, .header-bar .menuitem.button.titlebutton:selected,
 .titlebar .menuitem.button.titlebutton:selected,
 GtkCalendar.header .menuitem.button.titlebutton:selected {
   background-color: #215d9c;
   color: #ffffff; }
-  .view:backdrop:selected, GtkLabel:backdrop:selected, .entry:backdrop:selected, 
.menuitem.button.flat:backdrop:selected, .header-bar .menuitem.button.titlebutton:backdrop:selected,
+  .view:backdrop:selected, GtkLabel:backdrop:selected, GtkFlowBox .grid-child:backdrop:selected, 
.entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar 
.menuitem.button.titlebutton:backdrop:selected,
   .titlebar .menuitem.button.titlebutton:backdrop:selected,
   GtkCalendar.header .menuitem.button.titlebutton:backdrop:selected {
     color: #c9cbc9; }
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index d3612d5..4f35d49 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -122,6 +122,12 @@ GtkTextView {
   GtkTextView:backdrop {
     background-color: #f4f4f4; }
 
+GtkFlowBox .grid-child {
+  padding: 3px;
+  border-radius: 3px; }
+  GtkFlowBox .grid-child:selected {
+    outline-offset: -2px; }
+
 .app-notification.frame, .osd {
   color: #eeeeec;
   text-shadow: 0 1px black;
@@ -3025,13 +3031,13 @@ GtkLevelBar.vertical {
     .level-bar.fill-block.empty-fill-block:backdrop {
       border-color: rgba(84, 89, 90, 0.15); }
 
-.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, 
GtkLabel:selected:hover, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar 
.menuitem.button.titlebutton:selected,
+.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, 
GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .entry:selected, .entry:selected:focus, 
.menuitem.button.flat:selected, .header-bar .menuitem.button.titlebutton:selected,
 .titlebar .menuitem.button.titlebutton:selected,
 GtkCalendar.header .menuitem.button.titlebutton:selected {
   background-color: #4a90d9;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3); }
-  .view:backdrop:selected, GtkLabel:backdrop:selected, .entry:backdrop:selected, 
.menuitem.button.flat:backdrop:selected, .header-bar .menuitem.button.titlebutton:backdrop:selected,
+  .view:backdrop:selected, GtkLabel:backdrop:selected, GtkFlowBox .grid-child:backdrop:selected, 
.entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar 
.menuitem.button.titlebutton:backdrop:selected,
   .titlebar .menuitem.button.titlebutton:backdrop:selected,
   GtkCalendar.header .menuitem.button.titlebutton:backdrop:selected {
     color: #fcfcfc; }