[gnome-mines/arnaudb/wip/gtk4: 26/40] Fix CSS.

[Arnaud B. <arnaudb src gnome org>]

commit 650e7366c9cb58fe390392e75a7759618f05b1c2
Author: Arnaud Bonatti <arnaud bonatti gmail com>
Date:   Wed Apr 15 13:22:40 2020 +0200

    Fix CSS.

 data/themes/bgcolors/theme.css | 44 +++++++++++++++++++++---------------------
 src/gnome-mines.css            | 16 +++++++--------
 src/minefield-view.vala        |  2 +-
 3 files changed, 31 insertions(+), 31 deletions(-)
---
diff --git a/data/themes/bgcolors/theme.css b/data/themes/bgcolors/theme.css
index 4f40950..8fe420b 100644
--- a/data/themes/bgcolors/theme.css
+++ b/data/themes/bgcolors/theme.css
@@ -7,66 +7,66 @@
   background-color:#d3d7cf;
 }
 
-.1mines .cursor{
-  background-color:shade(#DDFAC3, 0.5)
+.surrounded-by-1-mines .cursor{
+  background-color:shade(#DDFAC3, 0.5);
 }
 
-.2mines .cursor{
-  background-color:shade(#ECEDBF, 0.5)
+.surrounded-by-2-mines .cursor{
+  background-color:shade(#ECEDBF, 0.5);
 }
 
-.3mines .cursor{
-  background-color:shade(#EDDAB4, 0.5)
+.surrounded-by-3-mines .cursor{
+  background-color:shade(#EDDAB4, 0.5);
 }
 
-.4mines .cursor{
-  background-color:shade(#EDC38A, 0.5)
+.surrounded-by-4-mines .cursor{
+  background-color:shade(#EDC38A, 0.5);
 }
 
-.5mines .cursor{
-  background-color:shade(#F7A1A2, 0.5)
+.surrounded-by-5-mines .cursor{
+  background-color:shade(#F7A1A2, 0.5);
 }
 
-.6mines .cursor{
-  background-color:shade(#FEA785, 0.5)
+.surrounded-by-6-mines .cursor{
+  background-color:shade(#FEA785, 0.5);
 }
 
-.7mines .cursor{
+.surrounded-by-7-mines .cursor{
   background-color:shade(#FF7D60, 0.5);
 }
 
-.8mines .cursor{
+.surrounded-by-8-mines .cursor{
   background-color:#FF323C;
 }
 
-.1mines:not(.cursor) {
+.surrounded-by-1-mines:not(.cursor) {
   background-color:#DDFAC3;
 }
 
-.2mines:not(.cursor) {
+.surrounded-by-2-mines:not(.cursor) {
   background-color:#ECEDBF;
 }
 
-.3mines:not(.cursor) {
+.surrounded-by-3-mines:not(.cursor) {
   background-color:#EDDAB4;
 }
 
-.4mines:not(.cursor) {
+.surrounded-by-4-mines:not(.cursor) {
   background-color:#EDC38A;
 }
 
-.5mines:not(.cursor) {
+.surrounded-by-5-mines:not(.cursor) {
   background-color:#F7A1A2;
 }
 
-.6mines:not(.cursor) {
+.surrounded-by-6-mines:not(.cursor) {
   background-color:#FEA785;
 }
 
-.7mines:not(.cursor) {
+.surrounded-by-7-mines:not(.cursor) {
   background-color:#FF7D60;
 }
 
-.8mines:not(.cursor) {
+.surrounded-by-8-mines:not(.cursor) {
   background-color:#FF323C;
 }
diff --git a/src/gnome-mines.css b/src/gnome-mines.css
index 50a145c..7ae95f8 100644
--- a/src/gnome-mines.css
+++ b/src/gnome-mines.css
@@ -79,35 +79,35 @@
   background-image: -gtk-icontheme('exploded');
 }
 
-.1mines {
+.surrounded-by-1-mines {
   background-image: -gtk-icontheme('1mines');
 }
 
-.2mines {
+.surrounded-by-2-mines {
   background-image: -gtk-icontheme('2mines');
 }
 
-.3mines {
+.surrounded-by-3-mines {
   background-image: -gtk-icontheme('3mines');
 }
 
-.4mines {
+.surrounded-by-4-mines {
   background-image: -gtk-icontheme('4mines');
 }
 
-.5mines {
+.surrounded-by-5-mines {
   background-image: -gtk-icontheme('5mines');
 }
 
-.6mines {
+.surrounded-by-6-mines {
   background-image: -gtk-icontheme('6mines');
 }
 
-.7mines {
+.surrounded-by-7-mines {
   background-image: -gtk-icontheme('7mines');
 }
 
-.8mines {
+.surrounded-by-8-mines {
   background-image: -gtk-icontheme('8mines');
 }
 
diff --git a/src/minefield-view.vala b/src/minefield-view.vala
index 25a007d..0804f60 100644
--- a/src/minefield-view.vala
+++ b/src/minefield-view.vala
@@ -363,7 +363,7 @@ public class MinefieldView : Gtk.Grid
                 mines[x,y].remove_class ("flag");
                 mines[x,y].add_class ("count");
                 if (n > 0)
-                    mines[x,y].add_class ("%umines".printf (n));
+                    mines[x,y].add_class (@"surrounded-by-$n-mines");
             }
         }
         else