From: Ian Weller Date: Mon, 29 Feb 2016 16:28:39 +0000 (-0500) Subject: added new dropdown icons and new classes for them X-Git-Tag: v1.0.0^2~141 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=197d37b2a78b50de155602163844b77267c59298;p=WP-Themes%2FDiscoverKZOO.git 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 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 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 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 --- 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 --- 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;