From 197d37b2a78b50de155602163844b77267c59298 Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Mon, 29 Feb 2016 11:28:39 -0500 Subject: [PATCH] added new dropdown icons and new classes for them --- assets/dropdown/eat-icon-green.png | Bin 0 -> 1677 bytes assets/dropdown/eat-icon-orange.png | Bin 0 -> 1616 bytes assets/dropdown/eat-icon-pink.png | Bin 0 -> 1644 bytes css/app.css | 24 ++++++++++++++++++++ scss/_topbar.scss | 33 ++++++++++++++++++++++++++++ 5 files changed, 57 insertions(+) create mode 100644 assets/dropdown/eat-icon-green.png create mode 100644 assets/dropdown/eat-icon-orange.png create mode 100644 assets/dropdown/eat-icon-pink.png diff --git a/assets/dropdown/eat-icon-green.png b/assets/dropdown/eat-icon-green.png new file mode 100644 index 0000000000000000000000000000000000000000..9489bd60909171fa290c20a7ea18d2c0754d7e09 GIT binary patch literal 1677 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 KlC(BHtKdI2sbYly literal 0 HcmV?d00001 diff --git a/assets/dropdown/eat-icon-pink.png b/assets/dropdown/eat-icon-pink.png new file mode 100644 index 0000000000000000000000000000000000000000..15635dea005c140b8acb560becfc176c231a0367 GIT binary patch literal 1644 zcmaJ>c~BE~6b@j~%2Bz&ix}`G+1(_YkVwRw5Fv;h1&R(?k_93r8#arCfHG)mK|9D4 zbZlfsPzR5(iWLu}#ap>iX(`|ZRz*AjQNYnU(+z_559`kC{(kSx_r3SMW416dBE)I> z%;^*g#YrA2i6T#T^7WWzPkv>8wjLr6A3_>WL}MvL7J{P`p&Cm@sd6onibkP`Iy<8Q z4Wdx&XquRKB3=>BS7BNPV#P3wT0P08P=bPudPJ3u64YcgRihKo25ZmLs2a6^76&Up zgvaacQ9v7y%O~$vH$bC~Lx^+% z?SrUzMI=>>;V2bmaOf%sf~Z^`1A+rtOgMnb1R)pzc>n~`L5L55d?rYpcxYrcT%E#? zlE@}F0AyulF|t?;3{M3h9*+lrOn}LxlL)#YTSp*9y3XJ?89{;?RJcY@ zXfPes8WBmxG6?~VRQjO=tzMz{7+7bRXcXBpz=-Gphyemxt+lRkw1J31Kgswk+7Oei zM}a8RfMwz;avmvulVq}YUruBNl4|%8OqHocb%b0ZpphPiTBGI*VJXCfc(8;Eu^>na z^O!tPEMf^Eh{Fasplp&W*BJ;zr$Q&WnonHz7rA^fjv@qx$6(m{$>~L=VFYGK!}L^f zG)z?>Dvi!+TU$G!6vZ_gP_+!lwAAt5@HL;w4+ervDI{i#xFFZ6T__1;i`YyySIP?H zN||ih1Xul;x+l2s|8fCR3}7AXe+E72BDcqS{kXQI@p17{9l7l|xz-!jBz;Ap*!IXJ z!Wd)sft`7w(W~9BpTAA)F|fEd?=)(5J@926mM{w*2QQu06zpzZv6)t1Iph8Ot#5zG zFTJQQb~&)XWjpQL1%<*H!gW5Q4svbrW!F5AYYFD`b=0)gJkH%Cnd&@NXJ~u>+q+iY zSdfiTy(V#fWyMd`Wz_{lpE)O=-cnrWw=sMjum8zQ*?`B;g^2bWvLjAsrsnr1FZ^Zx zlXm@n(6%Fd3+(DC-M!;fTx@r=5RoubaUHLtCuv;O;^%WXG^><$+tY-B|Qoc9gMO_^!N7vE~}s_`<1ZAzrO zo`mn*85}`I9}Qh|Re75)4o_EYcG9PvVu~QmGkoV5#(VnN1>ysI_9N5t+BGgFFID7Hhl0+Mu95zbmLl7f0GGw;At0v*OsKJS z_NdKzG^n*$E;qJit7CkWgFTIh3YBB0*`3PZqkRs}tG3)NPM=cScw5>3s!NnmH49tV md@x}4wRaA0?&mf7+SpSzt$YK2a|}+h{{Q9D2+1*#a`V5%j(#@) literal 0 HcmV?d00001 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; -- 2.17.1