From: Anthony Talarico Date: Thu, 18 Feb 2016 14:58:39 +0000 (-0500) Subject: added classes to drop down items for icons X-Git-Tag: v1.0.0^2~165 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=547d74335a5ac2c874ca92790fbe7e5eea1f0f73;p=WP-Themes%2FDiscoverKZOO.git added classes to drop down items for icons --- diff --git a/css/app.css b/css/app.css index 1db6b1b..541aaec 100644 --- 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 --- 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: '';