[gtk+/gtk-3-22] Adwaita: style flowbox tiles

[Jakub Steiner <jimmac src gnome org>]

commit 8817c1ad6d7dede20f7f16c71d088304a7bccacd
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Feb 16 20:34:50 2017 +0100

    Adwaita: style flowbox tiles
    
    https://bugzilla.gnome.org/show_bug.cgi?id=779073

 gtk/theme/Adwaita/_common.scss           |   12 +++++++++++-
 gtk/theme/Adwaita/gtk-contained-dark.css |   17 ++++++++++++++---
 gtk/theme/Adwaita/gtk-contained.css      |   17 ++++++++++++++---
 3 files changed, 39 insertions(+), 7 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 999b25f..da35425 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -139,7 +139,6 @@ flowbox {
 
   flowboxchild {
     padding: 3px;
-    border-radius: 3px;
 
     &:selected {
       @extend %selected_items;
@@ -149,6 +148,17 @@ flowbox {
   }
 }
 
+.content-view .tile {
+  margin: 2px;
+  background-color: if($variant=='light', transparent, black);
+  border-radius: 0;
+  padding: 0;
+  
+  &:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); }
+  &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); }
+  &:insensitive { background-color: if($variant=='light', transparent, $insensitive_bg_color); }
+}
+
 label {
   caret-color: currentColor; // this shouldn't be needed.
 
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 5f68aec..ced95b9 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -97,11 +97,22 @@ treeview.view rubberband,
   background-color: rgba(24, 68, 114, 0.2); }
 
 flowbox flowboxchild {
-  padding: 3px;
-  border-radius: 3px; }
+  padding: 3px; }
   flowbox flowboxchild:selected {
     outline-offset: -2px; }
 
+.content-view .tile {
+  margin: 2px;
+  background-color: black;
+  border-radius: 0;
+  padding: 0; }
+  .content-view .tile:backdrop {
+    background-color: #1a1d1e; }
+  .content-view .tile:active, .content-view .tile:selected {
+    background-color: #215d9c; }
+  .content-view .tile:insensitive {
+    background-color: #2d3234; }
+
 label {
   caret-color: currentColor; }
   label.separator {
@@ -3789,7 +3800,7 @@ frame > border,
   padding: 0;
   border-radius: 0;
   border: 1px solid #1b1f20; }
-  frame.flat > border,
+  frame > border.flat,
   .frame.flat {
     border-style: none; }
   frame > border:backdrop,
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 7830a16..0ca82ca 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -97,11 +97,22 @@ treeview.view rubberband,
   background-color: rgba(42, 118, 198, 0.2); }
 
 flowbox flowboxchild {
-  padding: 3px;
-  border-radius: 3px; }
+  padding: 3px; }
   flowbox flowboxchild:selected {
     outline-offset: -2px; }
 
+.content-view .tile {
+  margin: 2px;
+  background-color: transparent;
+  border-radius: 0;
+  padding: 0; }
+  .content-view .tile:backdrop {
+    background-color: transparent; }
+  .content-view .tile:active, .content-view .tile:selected {
+    background-color: transparent; }
+  .content-view .tile:insensitive {
+    background-color: transparent; }
+
 label {
   caret-color: currentColor; }
   label.separator {
@@ -3820,7 +3831,7 @@ frame > border,
   padding: 0;
   border-radius: 0;
   border: 1px solid #b6b6b3; }
-  frame.flat > border,
+  frame > border.flat,
   .frame.flat {
     border-style: none; }
   frame > border:backdrop,