added classes to drop down items for icons

diff --git a/css/app.css b/css/app.css
index 1db6b1b..541aaec 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6618,6 +6618,94 @@ header {
           left: 15px;
           width: 20px;
           height: 21px; }
+        .top-bar-section ul li ul.dropdown li.college:before {
+          content: '';
+          background: url(../assets/dropdown/colleges-and-universities-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.bed:before {
+          content: '';
+          background: url(../assets/dropdown/beer-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.help:before {
+          content: '';
+          background: url(../assets/dropdown/helpful-information-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.hotel:before {
+          content: '';
+          background: url(../assets/dropdown/hotels-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.guides:before {
+          content: '';
+          background: url(../assets/dropdown/request-guides-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.travelPlanner:before {
+          content: '';
+          background: url(../assets/dropdown/travel-planner.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.travelSupport:before {
+          content: '';
+          background: url(../assets/dropdown/travel-support-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.travelSavings:before {
+          content: '';
+          background: url(../assets/dropdown/travel-savings-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.enews:before {
+          content: '';
+          background: url(../assets/dropdown/sign-up-for-enews-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.camp:before {
+          content: '';
+          background: url(../assets/dropdown/campgrounds-icon.png) no-repeat;
+          position: absolute;
+          top: 10px;
+          left: 15px;
+          width: 20px;
+          height: 21px; }
+        .top-bar-section ul li ul.dropdown li.transportation:before {
+          content: '';
+          background: url(../assets/dropdown/transportation-icon.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 9cf807e..93b8b3e 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -311,6 +311,127 @@
                             height: 21px;
                         }
                     }
+                    &.college {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/colleges-and-universities-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.bed {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/beer-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.help{
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/helpful-information-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.hotel {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/hotels-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.guides {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/request-guides-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.travelPlanner {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/travel-planner.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.travelSupport {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/travel-support-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.travelSavings {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/travel-savings-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.enews {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/sign-up-for-enews-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.camp {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/campgrounds-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
+                    &.transportation {
+                        &:before {
+                            content: '';
+                            background: url(../assets/dropdown/transportation-icon.png) no-repeat;
+                            position: absolute;
+                            top: 10px;
+                            left: 15px;
+                            width: 20px;
+                            height: 21px;
+                        }
+                    }
 //                    &. {
 //                        &:before {
 //                            content: '';