From 49cf206be7b803d1721add7602d9085e26c97e58 Mon Sep 17 00:00:00 2001
From: Matt Lott <mattlott@live.com>
Date: Fri, 3 Oct 2014 15:24:40 -0700
Subject: [PATCH] Border-image fallback for world map level buttons

---
 app/styles/mixins.sass              | 1 +
 app/styles/play/world-map-view.sass | 6 +++++-
 bower.json                          | 3 +++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/styles/mixins.sass b/app/styles/mixins.sass
index 70fc52b54..bd58264af 100644
--- a/app/styles/mixins.sass
+++ b/app/styles/mixins.sass
@@ -1,4 +1,5 @@
 @import "app/styles/bootstrap/mixins"
+@import "bower_components/modernizr-mixin/stylesheets/modernizr"
 
 @mixin gradient-radial-custom-stops($innerColor: #555, $innerStop: 20%, $outerColor: #333, $outerStop: 70%)
   background-color: $outerColor
diff --git a/app/styles/play/world-map-view.sass b/app/styles/play/world-map-view.sass
index 1f838ec96..7e24e0b36 100644
--- a/app/styles/play/world-map-view.sass
+++ b/app/styles/play/world-map-view.sass
@@ -163,8 +163,12 @@ $gameControlMargin: 30px
       position: absolute
       z-index: 3
       padding: 10px
-      border-image: url(/images/level/popover_background.png) 18 fill round
       border-width: 15px
+      // Using modernizr-mixin for compat detection
+      @include yep(borderimage)
+        border-image: url(/images/level/popover_background.png) 18 fill round
+      @include nope(borderimage)
+        background-color: rgb(247, 242, 218)
 
       .level-info.complete h3:after
         content: " - Complete!"
diff --git a/bower.json b/bower.json
index 34987d411..db3623c49 100644
--- a/bower.json
+++ b/bower.json
@@ -90,5 +90,8 @@
     "modernizr": {
       "main": "modernizr.js"
     }
+  },
+  "devDependencies": {
+    "modernizr-mixin": "~3.0.0"
   }
 }