From 547d74335a5ac2c874ca92790fbe7e5eea1f0f73 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 18 Feb 2016 09:58:39 -0500 Subject: [PATCH] added classes to drop down items for icons --- css/app.css | 88 +++++++++++++++++++++++++++++++++ scss/_topbar.scss | 121 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 209 insertions(+) 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: ''; -- 2.17.1