From 3c697949b00721be2dc16f1efb0251b5e6987118 Mon Sep 17 00:00:00 2001 From: Anthony Koerber Date: Mon, 16 May 2016 15:43:10 -0500 Subject: [PATCH] Don't wreck strand-drawer by changing the 'upload' icon --- src/shared/fonts/icon/icomoon.woff | Bin 15976 -> 16024 bytes src/shared/svg/arrow-up.svg | 6 + src/strand-drawer/strand-drawer.html | 2 +- src/strand-drawer/strand-drawer.scss | 6 +- src/strand-icon/example.html | 4 + src/strand-icon/index.html | 6 +- src/strand-icon/strand-icon.scss | 189 ++++++++++++++------------- 7 files changed, 115 insertions(+), 98 deletions(-) create mode 100644 src/shared/svg/arrow-up.svg diff --git a/src/shared/fonts/icon/icomoon.woff b/src/shared/fonts/icon/icomoon.woff index 37b033277e1dc73e300907b30a6be808db5bf9b5..e3148f1180f2f49bbf83cf4a4cbe5aa15f791715 100755 GIT binary patch delta 536 zcmaD+Gox0d+~3WOfsp|S>}D`FC>Y@f65SVn4M3Il_c3Q&z12y@ z_9HAx8M!4DK(Pj({tghXV_;9s$xjBVv$FwNa14YOf0}k7H?aa}vCRb_UjdBs7!&gn zb5nt0AAlO$KzODX=kJ32;u4_diiv;x8Dl5=FnTk_Zl1xomsyRG;lTd~%nr;87}yvX zI2nxv6$Oo%82%kN0F+=}@UP+T0VW3qhRwmO8%<=cKR>iLp5Nvx12+rME(V6n@%LB2 z=*bFJ=8Q>`BdpXJ4{WZnDq*Z=yu*~j)WkH0Ifi)=^A+Y-%s*HhSk|ySV|8Gi#d?ZO zjm?U!g>4htEp`d^DE2(|JDhts?{WU)a^ZI4j^SRyeS-TD4+l>L&n%utJU@7Kcs+Qd z__Fwx@txs&#_z*Fi~kJ&4*@j+7r{A#cLcu(=?O&%WeD>KdkBXK=Lp{uF%xkO5lIuN z5t$~cCAvk7N6bX5P3(ktiFl9r4v9IEDUws9{G?i>c1c~5`Xp^99VFc*!zW_^^b9E0 VlNjS6vChB*jCJA7hi#TJ0sxIXkd6QV delta 495 zcmbPH`=Umq+~3WOfsp|S>@pa*!L-ceMmzC|+9LIh$+?LI3=E7JK;aM&77x4hI6bi# zB(?|0=YV2?^qk5xpx6-x1`7)io+7ThAtN<0g@M8H4^WL62y^ag=rV02KiZWjHd)Vg9k)#0sFrHVc4!1u)KK zOw3EnO$CY_0BURl;hA2XzYFqrG^$>{Ncn z^V@u7;AR0D!oYCZulq5Kp6p>|&X_p4!AgDdeJh^L+pSU=>zM+W@|Zf9J(&BL4=`V2 ze!`-|GK1w3s}5@$>oztaHZ`^aws~yF*jd=!*rV7_aIWAy#rcZMfZK@MgL?w^7VdN0 zUwBe@+IY_KJmHn#HQ{yR3*(!_w}bBzzXg9A{|^2q0zv`?f*pb<1Rn@V3AqV{2>lQ? z5q1)e5I!ZMB;p|A7$lM*(j+P-x + + + + diff --git a/src/strand-drawer/strand-drawer.html b/src/strand-drawer/strand-drawer.html index 7560eebd..77ff1ab6 100644 --- a/src/strand-drawer/strand-drawer.html +++ b/src/strand-drawer/strand-drawer.html @@ -20,7 +20,7 @@ diff --git a/src/strand-drawer/strand-drawer.scss b/src/strand-drawer/strand-drawer.scss index 5eb3be96..0b5fcaf6 100644 --- a/src/strand-drawer/strand-drawer.scss +++ b/src/strand-drawer/strand-drawer.scss @@ -53,14 +53,14 @@ cursor: pointer; white-space: nowrap; - strand-icon { - color: #525252; + .drawer-arrow-up { + color: $color-A4; vertical-align: inherit; transform: scaleY(-1); } &.expanded { - strand-icon { + .drawer-arrow-up { transform: scaleY(1); } } diff --git a/src/strand-icon/example.html b/src/strand-icon/example.html index 2f12343f..6687323c 100644 --- a/src/strand-icon/example.html +++ b/src/strand-icon/example.html @@ -19,6 +19,10 @@

apps

+
  • + +

    arrow-up

    +

  • audience

    diff --git a/src/strand-icon/index.html b/src/strand-icon/index.html index 9d67ebea..2afbc813 100644 --- a/src/strand-icon/index.html +++ b/src/strand-icon/index.html @@ -70,12 +70,16 @@
  • -

    all channels

    +

    all-channels

  • apps

    • +
  • + +

    arrow-up

    +

  • audience

    diff --git a/src/strand-icon/strand-icon.scss b/src/strand-icon/strand-icon.scss index 42b80b66..37763637 100644 --- a/src/strand-icon/strand-icon.scss +++ b/src/strand-icon/strand-icon.scss @@ -32,281 +32,284 @@ } .icon-action:before { - content: "\e900"; + content: "\e900"; } .icon-actions:before { - content: "\e901"; + content: "\e901"; } .icon-alerts:before { - content: "\e902"; + content: "\e902"; } .icon-all-channels:before { - content: "\e903"; + content: "\e903"; } .icon-apps:before { - content: "\e904"; + content: "\e904"; +} +.icon-arrow-up:before { + content: "\e905"; } .icon-audience:before { - content: "\e905"; + content: "\e906"; } .icon-bar-chart:before { - content: "\e906"; + content: "\e907"; } .icon-block-arrow:before { - content: "\e907"; + content: "\e908"; } .icon-budget-flight:before { - content: "\e908"; + content: "\e909"; } .icon-calendar:before { - content: "\e909"; + content: "\e90a"; } .icon-campaigns:before { - content: "\e90a"; + content: "\e90b"; } .icon-carat-line:before { - content: "\e90b"; + content: "\e90c"; } .icon-carat:before { - content: "\e90c"; + content: "\e90d"; } .icon-card:before { - content: "\e90d"; + content: "\e90e"; } .icon-certificate:before { - content: "\e90e"; + content: "\e90f"; } .icon-changelog:before { - content: "\e90f"; + content: "\e910"; } .icon-chart-dashed-2:before { - content: "\e910"; + content: "\e911"; } .icon-chart-dashed:before { - content: "\e911"; + content: "\e912"; } .icon-chart:before { - content: "\e912"; + content: "\e913"; } .icon-check-alt:before { - content: "\e913"; + content: "\e914"; } .icon-check:before { - content: "\e914"; + content: "\e915"; } .icon-circle-arrow:before { - content: "\e915"; + content: "\e916"; } .icon-clock:before { - content: "\e916"; + content: "\e917"; } .icon-companion:before { - content: "\e917"; + content: "\e918"; } .icon-contextual:before { - content: "\e918"; + content: "\e919"; } .icon-creatives:before { - content: "\e919"; + content: "\e91a"; } .icon-cycle-arrow:before { - content: "\e91a"; + content: "\e91b"; } .icon-day-part:before { - content: "\e91b"; + content: "\e91c"; } .icon-deals:before { - content: "\e91c"; + content: "\e91d"; } .icon-delete:before { - content: "\e91d"; + content: "\e91e"; } .icon-details:before { - content: "\e91e"; + content: "\e91f"; } .icon-display:before { - content: "\e91f"; + content: "\e920"; } .icon-dmp:before { - content: "\e920"; + content: "\e921"; } .icon-document:before { - content: "\e921"; + content: "\e922"; } .icon-dots:before { - content: "\e922"; + content: "\e923"; } .icon-download:before { - content: "\e923"; + content: "\e924"; } .icon-drag-drop:before { - content: "\e924"; + content: "\e925"; } .icon-duplicate:before { - content: "\e925"; + content: "\e926"; } .icon-edit:before { - content: "\e926"; + content: "\e927"; } .icon-event-marker:before { - content: "\e927"; + content: "\e928"; } .icon-exclude:before { - content: "\e928"; + content: "\e929"; } .icon-expand-all:before { - content: "\e929"; + content: "\e92a"; } .icon-fail:before { - content: "\e92a"; + content: "\e92b"; } .icon-favorite:before { - content: "\e92b"; + content: "\e92c"; } .icon-filter:before { - content: "\e92c"; + content: "\e92d"; } .icon-geo-map:before { - content: "\e92d"; + content: "\e92e"; } .icon-geo-tag:before { - content: "\e92e"; + content: "\e92f"; } .icon-grid-table:before { - content: "\e92f"; + content: "\e930"; } .icon-group:before { - content: "\e930"; + content: "\e931"; } .icon-health:before { - content: "\e931"; + content: "\e932"; } .icon-include-outline:before { - content: "\e932"; + content: "\e933"; } .icon-include:before { - content: "\e933"; + content: "\e934"; } .icon-info:before { - content: "\e934"; + content: "\e935"; } .icon-jump-to:before { - content: "\e935"; + content: "\e936"; } .icon-left-right-arrow:before { - content: "\e936"; + content: "\e937"; } .icon-lego:before { - content: "\e937"; + content: "\e938"; } .icon-line-chart-2nd:before { - content: "\e938"; + content: "\e939"; } .icon-line-chart:before { - content: "\e939"; + content: "\e93a"; } .icon-lock:before { - content: "\e93a"; + content: "\e93b"; } .icon-mail:before { - content: "\e93b"; + content: "\e93c"; } .icon-minus:before { - content: "\e93c"; + content: "\e93d"; } .icon-my-data:before { - content: "\e93d"; + content: "\e93e"; } .icon-partial-include:before { - content: "\e93e"; + content: "\e93f"; } .icon-partial:before { - content: "\e93f"; + content: "\e940"; } .icon-pause:before { - content: "\e940"; + content: "\e941"; } .icon-pie-chart:before { - content: "\e941"; + content: "\e942"; } .icon-pixel-user:before { - content: "\e942"; + content: "\e943"; } .icon-pixels:before { - content: "\e943"; + content: "\e944"; } .icon-play:before { - content: "\e944"; + content: "\e945"; } .icon-player:before { - content: "\e945"; + content: "\e946"; } .icon-plus:before { - content: "\e946"; + content: "\e947"; } .icon-preview:before { - content: "\e947"; + content: "\e948"; } .icon-question:before { - content: "\e948"; + content: "\e949"; } .icon-refresh:before { - content: "\e949"; + content: "\e94a"; } .icon-reporting:before { - content: "\e94a"; + content: "\e94b"; } .icon-scatter-plot:before { - content: "\e94b"; + content: "\e94c"; } .icon-search:before { - content: "\e94c"; + content: "\e94d"; } .icon-site-list:before { - content: "\e94d"; + content: "\e94e"; } .icon-sort:before { - content: "\e94e"; + content: "\e94f"; } .icon-success:before { - content: "\e94f"; + content: "\e950"; } .icon-supply-node:before { - content: "\e950"; + content: "\e951"; } .icon-supply:before { - content: "\e951"; + content: "\e952"; } .icon-three-pas-adserver:before { - content: "\e952"; + content: "\e953"; } .icon-tools:before { - content: "\e953"; + content: "\e954"; } .icon-tracker:before { - content: "\e954"; + content: "\e955"; } .icon-unlock:before { - content: "\e955"; + content: "\e956"; } .icon-up-arrow:before { - content: "\e956"; + content: "\e957"; } .icon-upload:before { - content: "\e957"; + content: "\e958"; } .icon-user:before { - content: "\e958"; + content: "\e959"; } .icon-video:before { - content: "\e959"; + content: "\e95a"; } .icon-warning:before { - content: "\e95a"; + content: "\e95b"; } .icon-wireless:before { - content: "\e95b"; + content: "\e95c"; } .icon-xml:before { - content: "\e95c"; + content: "\e95d"; }