From 1c7ad74e0164a64cecbaca0c4964189786c226aa Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Thu, 10 Aug 2017 15:58:29 -0400
Subject: [PATCH] Add new icons
---
src/components/sprite-info/icon--hide.svg | Bin 342 -> 2550 bytes
src/components/sprite-info/icon--show.svg | Bin 347 -> 1977 bytes
src/components/sprite-info/icon--x.svg | Bin 664 -> 1152 bytes
src/components/sprite-info/icon--y.svg | Bin 853 -> 1321 bytes
src/components/sprite-info/sprite-info.css | 19 +++++++++++++------
5 files changed, 13 insertions(+), 6 deletions(-)
diff --git a/src/components/sprite-info/icon--hide.svg b/src/components/sprite-info/icon--hide.svg
index 9463538707630dcc89773e8e0f9c5800a22a2a64..9925302db8723da99d3efb033d99b757cf750540 100644
GIT binary patch
literal 2550
zcmcDqugJ|&C`&CW&dkrVRWj5wP*O<EOU_Tp%uBab3Jr17wNO$hE=kNwNzBR5OSM(X
z%U80u<FY9(OIIk*Oex8*RWdXys8CYKNX<;oD6v&CGzRg?GE>W)@+)kW3=|9$49ye_
zjg^osF;r5h$j!+swpGd~DJihh*Do(G*DE*H%P&gTH!?6V&@V1ahbpnE$jQvh#-`BF
z($Z2NEURS4rJ$goV56w3tKgoRms*rql3!${5S*P_lANJnVytJRpkZujU}mYQpsRpn
zV^V%bYHnsC)Vq4g`MLVV5IwrOP$Nq+OL9`}GBQ(Abu*Lm^K=uFOESw+ZS*1H5NlIX
zi<9k~i&7IyQd1PlGfOg{HtX5wgQZ}q(u(asB5B1?v(ptaQ*4z264O(44MBlil%EX_
z;Jj2APZt)%N(yP2IXR%v2T6k1x<#cqskTa~WvO}jDJjqp0EYs^SeMk|?2`NfU0q#6
zBMXBHb0Y&Kg_5GgyyCR{qFh@gFf%8yBvnJ#!rV;H01R{#bWM$npd3wzoltx7^7E=v
zi}E32wo1w-&X(qGZb;T5Ssh$Zlv$Fh>sXYUh{H~EOPDP>3MOU-a2p{312PJRZ6LmZ
z8tIvrmXBs9n!@6Y{Bqrr{PgskR2+62BCIxrF*R`*3Njq(0&o(@FDS{(&%<G`nK9HK
zItuuF1Tqtbk<CU*UN|hUgqv?jtOX#8Yzh)fG89s5m3+<gOf5}~3=Pc8bPNskOij!z
zjZ77M%=Ih`O^nRVEi7~l4fKqS%q>jK%@v%@^(@RyP0TEe4Z*_324=<<3g&v2#^wfw
z=7vTPK_debV?&UrrG<s1396{Gp@E)}fw{SnxjC|8Lqk1FOABL=VhcS}6GIatOLGMz
zK{GvLV<S^bGXo0+XB1&0a|3fjO9KmtVlzu)GaWNMBLhoAa|0u&2_}Z7rWQJ8dWI(E
zmgbfgCJH`=CVEB&#>U3xMmolNmc|z5mKMe!gH7~6R+yTY>zL@77#bLx85kQY7@Fvr
zTbP*}nHcJr=$V_C8<<;~7~&9hHZ;{UF*P+cH#5;O)iX0PGB-9euv7qvS{Rv|8|s+r
z8JHPaSXi2xA)8>XXK83*XlP_^s^E-d9g?u2k)D~EiKU^bIVh6M%uEd}jf_x&*ia89
z>TIrOYG7n+YGH_~*1*`r%-Gn-5-e(DWNvC{qJTB>qZE8Wt}wE&G&3;QG1N0LG&M3c
zGBN@OoUx&?xq*eLj-i5&F*xa27@FxA8tEAu8k-rJSt|G#fy{@h0;w@FGB+?bFf;~5
zw}FM3g}H^9g0rEXg{h^Hxw)x{jwLuqOw2(Qf}W9~p@Er+p@|N%-?5518|ayu7#SHF
zT3CQo8<-fGn3@@wD;VgR8k!mynj4uKf}+5{$k@QhOu-Og22vzCV;43CB{mClBU6ws
z%|Qthnv4~kE%l5ojSbB~$zQ?HK+n|7z{nhwlJ$&@O-#)#4Zumx)X>nx+`?GLP|w1^
z*xbU%#6rQx&{)sd(A3n_)KJF&9FFEjmX?;5rr_W;F)}nZHG>LcgnE>MuZf<yfrWvI
zrLmEYg`Sy#nW2H9p|OIGnVzA!frX`!ftilEo}r1ciKV%rp@OrS9!Q0;sez@AnVyBE
zsfCGwp@jk{W0)Bknj4y!8iF~-P@v#!remsSWMpA(W^7@s0M=q+Y+$Nmq6bxBtYCr6
zakkJivam3*1Z5M13O!RZBXdw(gOpmDm>8Oym?>E3Sr{6am>C(G>6qx58kiWHnwx_{
z!$8l-+{n_{)I!Ht&%ngU(8$Q#5)`^%BP<P!bc{fyl7X42ktxUw6Js-TV-pJ<Ban*>
zO)L#i(ms-?v#FlBrGbH&fhn?DV?9etOA`}w1CT2Wjf~CBj7-cFkVKJ-7bIbGJwtPI
zLlZ+21rt3ZGeaXo3qwm#$}}@DH8C@{RKOlBQA*${+&MotDKjrMMK?Gju^?5+&PE?p
i<YHE4pwbwIZS>P|E5Ip<RRTj0MF7qLGi*RjD?0$$xko<$
literal 342
zcmcC1E=yO)OtDq+NvupQiZ@hJsL0L9E4Ee2C@Cqh($_C9FV`zK*2^zS*EcdSFwie9
zOIK1T%S<hI%CE3hGEgv3Ff>yzG*hy(DK4qZNww1}E-|Q1%go8K%FEA7wJt6x%Fj-<
zQZ_X=O*J=#a&>bu^HP%&3#^LrOY>5Y1+(%q^H4=|GfPs7ax!x>ORNkHYHjo(w%8OT
zmSiX-=Oh*v+bR{87$_;E*edxNn&_D-SQP6T=~*h6=$h%7LP%XOTh}DmM9)OQM8QJA
zq!=ux04A%H^zCetGmDaQQc(;{uCP_IP*O;)1XD$}N=6`sSnV}dFf{ftG*&PMsQ`tL
F9RRkLXbJ!T
diff --git a/src/components/sprite-info/icon--show.svg b/src/components/sprite-info/icon--show.svg
index db06b704809d81c056f3873dcb1583ffc82afb9a..ddd4f5e0f8a6d554ad7ee5ec459ed1f7224f8f0a 100644
GIT binary patch
literal 1977
zcmcDqugJ|&C`&CW&dkrVRWj5wP*O<EOU_Tp%uBab3Jr17wNO$hE=kNwNzBR5OSM(X
z%U80u<FY9(OIIk*Oex8*RWdXys8CYKNX<;oD6v&CGz9U=GE>W)@+)kW3=|9$49ye_
z4V92BF;r5h$j!+swpGd~DJihh*Do(G*DE*H%P&gTH!?6V&@V1ahbpnE$jQvh#-`BF
z($Z2NEURS4rJ$goV56w3tKgoRms*rql3!${5S*P_lANJnVytJRpkZujU}mYQpsRpn
zV^V%bYHnsC)Vq4g`MLVV5IwrOP$Nq+OL9`}iZk-dbu*Lm^K=uFOESw+ZS*1H5NlIX
zi<9k~i&7IyQd1PlGfOg{HtX5wgQZ}q(u(asB5B1?v(ptaQ*4z264O(44MBlil%EX_
z;Jj2APZt)%N(yP2IXR%v2T6k1x<#cqskTa~WvO}jDJjqp0EYs^SeMk|?2`NfU0q#6
zBMXBHb0Y&Kg_5GgyyCR{qFh@gFf%8yBvnJ#!o*n501R{#bWM$598HLwP<!(7^Quyd
z@*!fjO3EhAmga75NY)}*9b8b9S(2*jSd^NG!%lNcBe<0&W(H8UCYo`WMtbI@<zrEV
zq!1iaCHd*;IjK18Hbhu$3S(lk8DuC3+d#q-Y;b--NoIZ?4ug#iq5jZOz~>{7nJ|oO
zHd6A!VSxqQd_$O3_#6(mq#&^*Lm|ah$=A?C&)mYy+{naG$5_wY#N5E#(!@}~+0aza
z#MIQ(+{{GBM9<8~$lTb>z)}GuYGGt<Zm46XXJBSzVPR=%rhsIEnVzMgg`uI5xv7FP
zc40#!Ju@>COG8t09YX^>Gc!{|OCuu%b3IE-3kypVLnCBSXJb8MV<QW5BU4jkVM9G5
zLqh{I6GIanB>S+7IvePjniv@w8d_L@R2!HWnV6axm@63QnHriJ7@8ZI8iM?1U}S7y
zWTt>*21-~UEJPAUa-6ZAg@L7sg{i4!s;;3KvTqC&oRNHNfE-pxMj-_il4z8IFH*Qz
zg2KYU#Msb8!P(G2&&a^s+{oNq2T9n_5EP2Wpg=U&Gc_?ZF|ssQKoT?snP6&ZW?-S<
zj3jKVXJ}+>Zf0a+rhsIwp`Nj^v7w2j0czwRM4e6b%q<NJ%nVF*kklIMSz20}n3x-w
z=^&YlB#P_^Bw>Vu5ym2U4SP65DS-=1=ltBH%)HbT-QbMGf>b3t8+}mXhLoqU^p1_T
zNzN=v&PfHE;a`@Rqoj~rVXI`Jq>x-`s|0eVF&HQ*6xk{nfsBQy$8WHWemZUiI3=-4
RU<jfJz&T)s4XAds0{~Yw*Yf}X
literal 347
zcmcC1E=yO)OtDq+NvupQiZ@hJNJ%V7)XhuGO@)dn7%C}L<mTiR+bU(0loVL$>z9|8
z>y;bp<rk&v8yOfF=ogozD=Cy^rj|S9SJ)~UC>SUhnkg8XDcRYiq^1?y*%X&l=A_!`
zCFd0D8dj%e=HyuA<>#eZ7nc;}XQx^zo0^-Znwvtox;dG7smX~2Rz>-xc`3+(S^1fH
z5Ybv2eTb1Z`Vb3BGD~t&?TRz<%Wd=_Y@33_k_?69oW$Z{TP3i?N(w2qO1_3BdZr2%
z#kxj%mWB!@x@LN&5K<S+)-?$>(K9hrFj25jFewI0DuBr<C4D=a<jkVvoK!SJlPheM
UER+<IE5THet&$N)DJV$n0AUVl;s5{u
diff --git a/src/components/sprite-info/icon--x.svg b/src/components/sprite-info/icon--x.svg
index 4d3cbc3a1cd7c5ddd964416e8d4fe750d1b924f2..57b1852f587167e33499b395c083939c4ae21059 100644
GIT binary patch
literal 1152
zcmcDqugJ|&C`&CW&dkrVRWj5wP*O<EOU_Tp%uBab3Jr17wNO$hE=kNwNzBR5OSM(X
z%U80u<FY9(OIIk*Oex8*RWdXys8CYKNX<;oD1q_HGE>W)@+)kW3=|9$49ye_&6JQW
zF;r5h$j!+swpGd~DJihh*Do(G*DE*H%P&gTH!?6V&@V1ahbpnE$jQvh#-`BF($Z2N
zEURS4rJ$goV56w3tKgoRms*rql3!${5S*P_lANJnVytJRpkZujU}mYQpsRpnV^V%b
zYHnsC)Vq4g`MLVV5IwrOP$Nq+OL9`}Ds(fG^Yd)<Av}m>DXGQDcFskqi6yBi3gww4
z8BqK5Z1llWFjZ;Ab|8_oVyKDf3YjUkN&$)Ksk(-spe@SJ1_x_iDvYNK3s@zEw9K3w
zP?&=xL2TWk(wtOVrPQ+2y!@0DsK3E}hZqZSD3Ul>t{|}_Lm|ah$=6uNLczz-NXJ46
z?1<nJkmbnEP&PF;bu~9dcZm^PASW{~H94`sR;ehzG%p23I4eIh4<>GBqYtta;$@H<
zK-i`zHMs<AF-Q(%Eyzo@N^nanY?aLQOqCQWZIz6a;K>UqZ5b&k6oC?zo~e?ZjXuaY
zG#d)?b1Fej1lt1j9^5xbHWfpB4h?9My{Ax+pP5%uY^!9VU}&IVq+qURX=!O<Y+_`r
zV4`3KavRJc#JEq_IlrJ17L-(UWJytCUU6D}QLe2Ln3<DUlB!{7tY-iQItmt0mZm~+
xa$-)ZhOVKGf}y4YLai>6VqJu4CAjwu!TvWy2>?T!Az-7Q4har0!v>Ve?EsFyR8#-}
literal 664
zcmcC1E=yO)OtDq+NvupQiZ@hJsL0L9E4Ee2C@Cqh($_C9FV`zK*2^zS*EcdSFwie9
zOIK1T%S<hI%CE3hGEgv3Ff>yzG*hy(DK4qZNww1}E-|Q1%go8K%FEA7wJt6x%Fj-<
zQZ_X=O*J=#a&>bu^HP%&3#^LrOY>5Y1+(%q^H4=|GfPs7ax!x>ORNkHYW0ds3?ZgN
zO{}%ihuCXVkXVwTkeriPTx_dUTw<W4kYcOkYph_AVQAoMXsBnTV5Vo}V`!{kk)vy<
zXQ5!IXW?t2XQ5!JXW;`9G}N;Ii7V;bp_ya|G09xdRKd_B*+5s%SkFjT&s5J;SI@Lq
k&s5I{!Zrd6fC*i&0$n}Rs$2tIqfsrSgcvCNL21km0GfWP5&!@I
diff --git a/src/components/sprite-info/icon--y.svg b/src/components/sprite-info/icon--y.svg
index 5fe7df308aa6b56b20450b97093ca767bf5c08e2..f8eab05ef0a6b673869d6db5ffaa321029f98d9d 100644
GIT binary patch
literal 1321
zcmcDqugJ|&C`&CW&dkrVRWj5wP*O<EOU_Tp%uBab3Jr17wNO$hE=kNwNzBR5OSM(X
z%U80u<FY9(OIIk*Oex8*RWdXys8CYKNX<;oD1q_HGE>W)@+)kW3=|9$49ye_&6JQW
zF;r5h$j!+swpGd~DJihh*Do(G*DE*H%P&gTH!?6V&@V1ahbpnE$jQvh#-`BF($Z2N
zEURS4rJ$goV56w3tKgoRms*rql3!${5S*P_lANJnVytJRpkZujU}mYQpsRpnV^V%b
zYHnsC)Vq4g`MLVV5IwrOP$Nq+OL9`}Dit!5^Yd)<Av}m>DXGQDcFskqi6yBi3gww4
z8BqK5Z1llWFjZ;Ab|8_oVyKDf3YjUkN&$)Ksk(-spe@SJ1_x_iDvYNK3s@zEw9K3w
zP?&=xL2TWk(wtOVrPQ+2y!@0DsK3E}hZtL_3vwuuI8?5rC^4@%Ex#z&Rte0^Ni0d#
zu+TFA104kzOH-jJzXT*@X#kbeR6wZLg(=fffHRThji7pT6kse(G?#!~Q;=Aap^##$
z<ZGy7rr={}pkt;44wB#!P*5NTin6J>sjImudbk+D1#&X;Qj-%4Y?X@gOY>4tgtPK9
z^I+n3Hu@k-ArSy_0}R^~r6!kvEeFYitOf<LtrFbg3R@*pJyRuxN?RoZC3u2IO6^8U
z3Pqq~u4k%bXQK}?4vQ@X`8ky!r-E&QdK2y|B-@H1ApnhjlD(-=ke``XQf#Yaq+p?7
zpkS(JX=!O<Y+_`rV5DFIavsbb#5z&eIlrJ17OGTqCpbx=r$$3Vc=9oWvNRQnlM{1N
vHFOPi6bzA5nl6%JU4&{ScnBDRg1`_Z3=HuGf{lJUB2?fUFvA8^8rcB=@P2yx
literal 853
zcmcC1E=yO)OtDq+NvupQiZ@hJNJ%V7)XhuGO@)dn7%C}L<mTiR+bU(0loVL$>z9|8
z>y;bp<rk&v8yOfF=ogozD=Cy^rj|S9SJ)~UC>SUhnkg8XDcRYiq^1?y*%X&l=A_!`
zCFd0D8dj%e=HyuA<>#eZ7nc;}XQx^zo0^-Znwvtox;dG7smX~2Rz>-xc`3+(S^1fH
z5Ybw&QAQA>pxSF~^dZ*R=tC?m$t=l9waZM-&(qbdw9$ufZ3+@gG8B??5{rv%mB8*%
zQb@5?^0iPfG!8TNHPbUPRxr^sH}|nnFwQa5GdEWN5x$mSmZ6@Ju@6XPjxI<POepEw
zVVG$IG1Jgk&s4!8QP0Fu&%{yz94ZQWrn-8jAPDD!IC`cKE>sSQtE*>Pm8)x{U@&S7
QB%lU$*nkoPC^Ogr03+<nh5!Hn
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index e6a758d1c..16803973b 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -35,9 +35,9 @@
We're overriding the global, which we set to border-box
*/
box-sizing: content-box;
- width: 1.25rem;
- height: 1.25rem;
- padding: calc($space / 2);
+ width: 1.0rem;
+ height: 1.0rem;
+ padding: 0.25rem;
outline: none;
user-select: none;
}
@@ -48,9 +48,16 @@
}
/* @todo: refactor radio divs to input */
-.radio { opacity: 0.4; cursor: pointer; }
-.radio.is-active { opacity: 1; }
-.radio.is-disabled { cursor: default; }
+.radio {
+ filter: saturate(0);
+ cursor: pointer;
+}
+.radio.is-active {
+ filter: none;
+}
+.radio.is-disabled {
+ cursor: default;
+}
.radio-left {
border: 1px solid $form-border;
--
GitLab