added new dropdown icons and new classes for them

diff --git a/assets/dropdown/eat-icon-green.png b/assets/dropdown/eat-icon-green.png
new file mode 100644 (file)
index 0000000..9489bd6
Binary files /dev/null and b/assets/dropdown/eat-icon-green.png differ

diff --git a/assets/dropdown/eat-icon-orange.png b/assets/dropdown/eat-icon-orange.png
new file mode 100644 (file)
index 0000000..57cad59
Binary files /dev/null and b/assets/dropdown/eat-icon-orange.png differ

diff --git a/assets/dropdown/eat-icon-pink.png b/assets/dropdown/eat-icon-pink.png
new file mode 100644 (file)
index 0000000..15635de
Binary files /dev/null and b/assets/dropdown/eat-icon-pink.png differ

diff --git a/css/app.css b/css/app.css
index 7e124ee..4c371c0 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6722,6 +6722,30 @@ header {
           left: 15px;
           width: 20px;
           height: 21px; }
+        .top-bar-section ul li ul.dropdown li.eat-green:before {
+          content: '';
+          background: url(../assets/dropdown/eat-icon-green.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.eat-orange:before {
+          content: '';
+          background: url(../assets/dropdown/eat-icon-orange.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.eat-pink:before {
+          content: '';
+          background: url(../assets/dropdown/eat-icon-pink.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
         .top-bar-section ul li ul.dropdown li a {
           font-size: 1rem;
           text-align: left; }

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 686d534..9e0d7d6 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -465,6 +465,39 @@
 //                            height:100%;
 //                        }
 //                    }
+                    &.eat-green {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/eat-icon-green.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.eat-orange {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/eat-icon-orange.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.eat-pink {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/eat-icon-pink.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }                    
                     a {
                         font-size: rem-calc(16);
                         text-align: left;