From d67dd56b3b672f044914385213870338b0b53454 Mon Sep 17 00:00:00 2001 From: YuCheng Hu Date: Mon, 5 Apr 2021 14:03:35 -0400 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=A2=E5=A4=B1=E7=9A=84?= =?UTF-8?q?=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../favicons/favicon-144x144-maskable.png | Bin 0 -> 12568 bytes aio/src/custom-elements-es5-polyfills.js | 15 ++++ aio/src/google385281288605d160.html | 1 + aio/src/index.html | 10 +-- aio/src/styles/2-modules/_api-symbols.scss | 28 +++++++ aio/src/styles/2-modules/_errors.scss | 71 ++++++++++++++++++ aio/src/styles/2-modules/_guides.scss | 6 ++ 7 files changed, 122 insertions(+), 9 deletions(-) create mode 100644 aio/src/assets/images/favicons/favicon-144x144-maskable.png create mode 100644 aio/src/custom-elements-es5-polyfills.js create mode 100644 aio/src/google385281288605d160.html create mode 100644 aio/src/styles/2-modules/_api-symbols.scss create mode 100644 aio/src/styles/2-modules/_errors.scss create mode 100644 aio/src/styles/2-modules/_guides.scss diff --git a/aio/src/assets/images/favicons/favicon-144x144-maskable.png b/aio/src/assets/images/favicons/favicon-144x144-maskable.png new file mode 100644 index 0000000000000000000000000000000000000000..17971c7f63b9ddac222fdb10bd5783fdb57a6f5d GIT binary patch literal 12568 zcmb7LRa6{Hv>n{t-GjRgg9L}*9vBENLkJFm;O-V6xD(vn-Q6w0b#MsokNbY#*Zb)1 zy?S-8l2di+>|LkA)l}p#P)Sh%0071(d1;OJXZ?Q{GUEGPbOMnF0H6kZl9teNH$3%5 za?#gbJS$pfQ*1O7R;k%ZQlQ56U`))l!u_KbYA8wFeKB>h|6=oE({Z!-FaWGB{(U-7uQRaNMQ|r& z-J6L7+KujuRqh4IW6IIn+@#&KslPa^fHv-Kih&1=hg{h}Q|Z^T<+R^o0?Wg&<36JjTe1t%)p z1C|`RIo|n9>TF#!91s7YdU4MEmNc%VwSF%%Cq^eJJ7Rbaj<9?yFM2f5*-~Uuid9+R zRZGUBx-qo_;#zW+<(df^8-gf(cLh=qN#12~J=0$bfa zvUIQ)yEOIo{8$-`eYPx+tM#L7uSCpHiOrde3S5-r`x`kECyMms%(5u};>r=^b&$hc zaH=Z-D#3^*TAD5D;>Y2+Y!dm!y_^$>vrdmp*4=BoDTdjqK7(dnjKu)jsUGE%<0nz^IPvP7w{~lF}T~ZYQUls$3m)6*-af_zoqQn?gWp! z37X`#;k3XIeQU>hq-VPf6$s96Slvy!sL$oI$Y06`eG$4+QzcXQi|(RVShFM@z00R;;_HbD z)`3979=u+Fv4`)h_(3Sg?AcTu{$XG;j%?0bG%6QZ=|*MwApDcarKdYowxdOnQ0w2r zA;5)iNST)&ita#CH)G2z9$g3P=|q(CH!V~wKfynp%`JsC3|UF`soC0hgC4;}YdTPJ znii`LTROEU+HpYf@vGi72P4!!_^yb&U&;V846@J#xeR2IqbJ5%ZZn4=`%u}P{b5xD+X`3j z3?0ekWM2hJu1gGVX)d8L zH_FAVcGU&`#?n1X4+u&3Kb?y)H*gCr@O$YRF>m3;p6-+Qh96KJ+OE625f*%gNWN7n z7hHrPfD0SVJ0Xx2Hn&`7+;#ljc!u`GV6f(J7?#nS7he4 z4twIPlee*JEGFpuiD#Vs6J1W|+_!!;b4R$8(^K)(CJe^glOEX5bH#l4cs0W#2AXCy z-5z}n4u&sikZ(HION*vUeX-p)Yj;xhbR!15Uk*l-gp2umY(_0-MoQa*l_-`?*v*sD zt+aAJoGN`H1&Gd*CNO+hqM6zlOZ*nOilMvtwV%z`ZM1ni91u}i3)_PAf;1i(3vdAi zty0c+Twxw%dsFsycT2DGFf1jq3yysGq&OS*C1C$VX!*EYylZ5{-40fe0tdtutk8`Q z2U2QMpUh0X%I)3=jQ58F)_4lWI0)u;FZHq2bHr2v8Orz#1!s;;UIuDWV-Oo;*ju%ib_0k4?;CmJ^1ZsOwtexmNyzWcr#t0LVdM|@#aGYAI&-Xsh{QJj> z?Il)_oQ{9+bI&py6@&+}ovW$2mVDNAN0%q*!<2nd7Ae+*hcILJme++T>Njmx{&CYo z_TY;jk1{l=AWR}i?)`BUJxxT2`O`TC%j1)2b;#4%fh z2zs91PV4ur*FP9cm#!+C^@UrrV0NXkN%6_jHe;qN3c5zDSh-yw`SY#t$?F>3#nM8N zNgSTP6^7(?V^}MFfPAzRDSc}gXimMoSAKRGQ z0|yVqZ%c)Lx^6v8gV`?6*&;4nznh*%a&C90+e_>s^7d;2=TSPeJM!_XJ{wGG3^D~_ zR$!81ypT;kr4E~I!ziDHFa?zJx?^Jhz(;tzFuu_THn^Q9{>zPKB#+E^TI$v{gn`Hz z0%?e)pOV;@pLW6Ur0I-K-g6GN7~gj}`fZ%6B#Ty1u!D;h=)n5Jrt(V)4#Q{o zBW{(pVYr(*zYZt-P*VVpnSTpuM^6?2Ey42i=v_GU`uDT_^gCyULJnTMeO z3TcjmK4lClV~eFbHd5dUR`d$|al_|6#~bbGy&yPd6fE_iwh|O=Rnh25Rk2JSe?k?T z?xaJ;?GB-Xd?Wi`<#jYCa%1UzK?%H%cp9h>bz~R=Y|P2fU$*)V-cL)_XsU;4og9Ub8++4xnSH#%Ni$4Xv?E-dXHyg7oB`I*~( zg>3P4Sg&Die+2T4Yn^BC_YEDH$pv3{$mKt6=QuRCRbsYf`w(`#J$_TrJ*3RXJ7!i$ zX(Fb{wEha0)#gls<9P~hZuAx|so=x;MbGSA@(=Z7A`Jth zhOC}BBc3f(>93=S8kNv=$j1D)ZjlXtX`8H?Dx0FcU^wQF!bGHXKjwGnXEfIS`bxcI z8~SbD#5{ryee)5c^#q#S@ z)~xxsvV2&a&N|TsYiHH0oBuf1wMItq>AsBPQ+a;98o>3~;W^s>wx zQ3!=&_4qW!%>c{FlhY@{_cDIzYNFluA!EPP@-b%QJA{0tdc%YFB-t~reM*Kz+j%-=7-&3v6%dc|A28lNn3%0kov@e8Im@OlDXK@(wG11fwX6&go%G8E08 zetA`ST5i1k8^mOE0nOiRKR9!s4z|W0{2m7>xeBFHyXgnJyPcE#9hkkgI})k3-q*Xg znqfvJW(!0QRe`-uoOY7GNlqQ>agJ+&I1k5`fjWC9Z1r_LLqECdjt{rKf`LAc4E2~p z%@}JNE5R?EZv++g?flFY^+r}be;J52uX=a76UuT0KXD)-XwxT~%|<5V!LVP9g95Q6 zrx0q|uY_0Eu19{ORYDJ@%uMXY92JKKKx5g+H29K3U2hZR^<9m2t71$gt#KR1eUCy! zW{R&ffqs;a#y$1`@n_!rpdRoTF}Kup_gyTQ(e zV{C}EvipmYkUwC}GBZYSjH8EAPKXJEb%C63LI#zMPw|K4$C(}icBoKK8*)j)DROT)P z1yGcn0ABdr8)pugx(c-j+`^29Zz8`L*e17a4+jD@X8 z_+-r_#Wmx8+xKm#cUj|EuD6i}GiCsyC9SQ;hO%=WORTU(xP)L;=ar3ZUUADgJMdoy z%j+GcnGvtmIMM_{=3Y8<=ju_cZcZki!Q@~JC95pVgHmA=Hg;uX%h6dB0sh>lF5l3{ z)4wKd+dSi4haXaYgDAqE?c$Tp^zQgP#MVTZ%lUqBEo->Lu5)w{Q;w|3yQ(p``V~g! zigOI*3}-K6G9L6Dg(x@wJ|2ofsuvgvFW0w|ydBLRn%Iv)V6t%W6nlj4cz3mhXLb(G ztks)6NNUwCB|NOBSGkUJPsQH*LP4!?n9^zv? z1pD9Nf3m|n%Jn_zt~`7hltYUiVh_IZe=;sDSHs`mZ*85qy2rclt|gg}_$VR^XKCn5 zv2W;BVQSQB|K_7r;Yr$IId$VFU%7+B zz#vjh?Tg~-awEcuSBPb$+RVRTw79FXr`}*9f}j?JWHfJIZv?oi4wUutSiY*Iw271- z6ALN6SJ7O{rzkL^zYE@j>#6+M-0adM%ZnLH_I{g!v6?A$R73li1V!K_xl0;Al-Pj# ziiYj@8OE)_Zt&VT1Wa9r(pXj%u=A(v*B)8~?Xzd;^c{2u`E(gU0-M(FgJX>C7A%|B z1&osLBLspEuP_>do#4por}{Z3+-c869^nrSl1F#v+ThogoL z!K*O<7O%{E+fzig+eUhW)x_+ar9P+2;9)&iB$ppQ!tFUDkQ*BE@9tu0FZQ}f>Uhg5 z(q#k7>4##!K;vuoMD=x2Ww(;HHYHe)?Z zIWJK+i=ZWBy{+h1Fd{jG`Vz>5dAswOpUk1QOrWlJ14Qv207_4K-*sba61x4CDWqRo zFUkt`-Ff;sn&(Jnub}f77U~n2@o2_)KUg%UI>=ZzDc-e? z7;Vr>JwWb)Di}O29U92WE%`=5Lv&WT5oXb$%{6U9;skMaHa4mwy>*^a$Cu9?-s~3K z$U6^r-MqtE^r0+CDCb~B8xUOg8$GTJ_W9i#qwXxR*NYiffBjQ#%N{Zwr-zEwXIsrp zaozZwujkn;feEg(P9_bZ>+nkoV11zBth9e%)N%2_QY_R`pZ#hg@*us~qhQ@hU2^oe zVSsfWStTBIl*?mkV;+sTGDH~|e76z08jMC@3w-&qwtO|t3w;kiu%%Mz*cmV%7b3&MIKTRS^5)31$n}j3A|JIGuTz{z za(o>U718CI2}5P&^jNfrK>TFA^ZHO=4*>;HcWoAn$aFo*oFvI~Uo0%M9J}mU)mf-@ zkC#kRLOfWM${T&@j}>));x)+p$|D*v1}|o)7wJrDaT0|TYNOk8&)Q~3N$?tyTZ5ARoqB_=(gsY>UbBQrlbql zz!~`jzcMcQ$7;5V;N&oSKt&GW**q>jJ0$*MuAR+FB0TZ9=DzmnWH{AHn}c5T)ekJI zInjW|g{s^1JXGW05Z`eS-nHj%FAm3PW|l8; zV&Yg^d3^+l!=YJ+=RKu`v9n_`nw^^iMAQej`UJ@X1%yLqZX1D5SiT|9h>biIoSYGb zgS}j@g-oUvsH99gpCFgtqwhEAwbr8Uwz;O%59>eX%AGHIqBMJO{OB5h8dDNQDSKgs zXTS4!H3$mI(CC;(dikpSKp_+;5MWq)V)PWkTSy z202ZF;Ly(XqECdJai3=M!qz)HYo0C{w;n%uYb%P%3a_)il8CYDjV^{ji^M}5Ej5S0!Wh< znVZxbEO%KvxsMjkACjG&U0-Xfx!RK3T>Ir=%?#7ZVIyG3ZsaekkJH~rHeEaY5dcTk z8xdpgpnqJ%<|t5rL|`al$6Pn5(6`#p|J3<}>8&b;VCOqQ!w!OJmD${kXJw)|+LFcz z>4nv*Y(=Z%1X6(!g1<4r7;i+r({?8N>d@2%R^G&DM}WO z_2$*W5!278pocx3$wm^#V^y-|WeS7*i_Y%Rm>UP2JvJ6&`2b}x7Y`tm4-94ENJC>B zpS*S5YP#_q(r_~yW#c>Mlz#{iG(f^dRbC9lMZ^5|H>6aKO4WK{HfJ)7vrtoQPsF_h zXjYF2!XS4+1b|DSQwUtqWZk}tozV$THX4h0lAi^Tgx)S$Q<5q3i_677z^!krgp2y# z;|uJI&j-&~Gz<_?^qunk6byzgBngn?yMEc||phsJs>01Lc2KEHmNW@31;uj5EwhXFJ&m-__S2%8YVXIXHbVZz z!*Z%E2TV|d#INgSaw*iD&@Y(Vd8b~0u5Yi5mB4$9ay$xynXks3P*|XS8$k%kC@k|~ zf9b5}l|SH**c-Vgl@EMwWq3uXoSJPN!ItV(rA(&Gk$XXr>`jTy7NNbNMoJCshN1cV z>;;PgjKO>-K~saT*p|V2ce_uqm}fdS)<)qMgelzp$U|0j=DiiUB5xIYhL|#oL=)cJ z;>xb@r(Vs1Bk5i^m-fvIj@w-|H`bUiQ-MW zj*`JY3q|kSZTENKlco*Wr+)0{%_!7a*H`z$Q&!-Ep)V!=N< z-FFHhTkhlvrED|az;nRShBub$lo--FKljG>_r06*Nim{qf-G!~FXH5U+!RiZBp)vF zvgawSFLLE7^Z1rFf;Sf1gJsqm!%-?zqJ~>6cps4{R;6YSL7vk*+!IwO4U zqzF0}j8dJioXq})Jx!?LNso8uLzNpJ5to`aqAizEHg@Lpsyk0Kyu@r#;G91=Oj~~! z3i+&_wsYPC=juCjS=ov*Vlcy*fpze5*XuQ}{%&=xvdRX6%48!Mho_jJNb+-d)E`Y~ zBJH1oI?bx2j4=08dAaWv_2cRwxp@kT^x)FJ)i5_xVpu(buXzkr>mh<;pN$pQX(77) z&Lexqgy2#u!BP^kzv;7PxpKvMTKLeRQ)Q~{=k+xu4NxW04N?1}0*Blu>bc8}oL?R&@y&r(^=n(rWiPmmV$W?oMu^o1Q%Xmtw}b{p`>yg!vB&nOX5Zzk zi)V8c>J><=P_l)G?@osButZS_q1^Q{FWhv$u(JeE($HY75#h7jv*&6H#MT<+__egY zi&`0XV=nMD*=PXJz@oz>9f2UL;Q^J(jnHzp$_Sx5>mXXOD2Ry1{$FilN13ndezqBG z9Um>AZ?!q`Z*SR*(~=PMWzX5Hh|Sy2a-M=8C;ktEGYs?r;IsY!cV_oWthd8_y>zTg z&2S(P{DNSe1P|jcstx^N%HB-nt1#$?A>_6SQ1;=oE_h$oRt~cAnev0B6*E6R`-#4@ z$oEh4eL_sAG$7TiR+Q^ZUt+#1vLR(Yg2_`&azh{2G(3N*H zag+a=6pp}GHDhY?%I)59ZR(EE7&R?1W~P)7ObM1jfkpa>2KV^9F4|mWvUC3nVGgig zHx+PIDQv>TtaGicjQ^#$fWX`Lp6;2-OXS0-od}F_q$NjIGy>KOV(<_ZR)s|N^ilk; zv*lI-PoFp9=Nk-^sn1RUISXcrTbJ$?yOOdi7N|&>Vo8B#>77Uz)3Y=qwSQ z27_DYKor#*u1F_DUjQsu1-sPP_l9VKB1nEHhMEV-FH;?UO34C~lWa~I~|0RZf||8fC-S5ItqzCa(cH~jxLSdB-1TqjIJ{5>%$ zc~~Ks{~R%v`&oSJC)%E^jnu-Guk^v7vRP&5l8uwG)QHS-k{dk`wRAX@1?QdTtM{Ti z2!+7?!MWb_AH;GnoQmOgOSX6j_)irsrX$d|`q`@6(S%cZ@XBS%|Jz(m49Bmql_q9R zrDvP}j<&7cV5ZaWk)iSVO7q0`$T|p9U5{ z2N~SQbfJ%wkVouf7oU#;xn1FpXoe(boGE2obTaro?;Q2u&F8TM_wVaBK!}q$K2oO7|Hh*X7~@_5 zH~u%gWU5tx$690BoHFD)qIxFwc6meWA(PE_(cI*@X2{)dh2|SVdk-s*zW<2VG)B zp9Vz9$mm{Ycgbv_NNrS%rdOY^)~C$3t$e=kSpG#aIx9v(^lMG9e^(i0ifywE~lucBBEr+V) z2gh(;7kwXLyg3`FBK_DuzRA={=n77m6h;zqTZic@PmLfu)bpEn?E;vUW% zqs)k8tjnY{9N4BV_r8!!?Z*T^7Zdci%nthPUH)xF)69KxviK=9UTD>W%#gzZ7Lg){INsJDE7NsBeFj)zDV-RBpNN zYqzNuw9%10%-MUGq83kx;v4oUZacBJ*%b?MUU*aeh*8JUiaq$PEsq;_XQsiG z47~A!$iTO&_D)T0Kqsh6%aFOjA+jh?#VC>Mg%CWtZQKgUg1h0sZ=rT-fhqs$PDP|% z&y_k(&_S6-Zq*DCf=O1wSqmKX#XX>?8INx$>^kJ1{i&8V3w)g9k<@^JG{(u&T|dl; zXSOF&UQb9W$>eS_YQ#9|`o3yn%2Y@Em_A|80#nayq>DSDE0+ zj>xd;<>F@~u!t9Js*AI)c8(fFL=PO~{gqemO_@coEL z{hW|_-?aloSWu&E=(tM|8jv)Ynp{GV@CVq@<4uhG*t*AMG6DbUr=5YSj(BK2Vtq={ z7NZ=(chLT}p9QHG2v7P05yofI1*kbjs8%Dj@_Seb&vu!qnU-N(p@IbxD8KMB z5%u6;7G6YB)O_ra(L}H!X{-V8tc6MYy68%hxqQYpgz1R@o|xO5)u)a(4D_;Wk;Hvb zp*e>tyyyBLJ(%c3ClaH;*7bi%_=TzYg9dVs{f#!17V+dm#*$HVi$90?Wlz*?6(d>> z^JT+ET<{mYg5|Sf@s0*;yG#=El0GpWTR_3$ka=cmZOps&#bffywPqA{h*>U;AVTZI zXN$Qfj;04G39gksJ%q>9p$UtRLt|_ub7(EY{MBQZ5}$jg0X$8`f?%v7vX>BY1ZJYjzfQd;H6d{hKay!3;{#n#A%L-@eNUWXfW zqXSPbNc-)F1y^XrCAMrJL*Lgvi!S2$*|Cpf$4Qn{V9G(`9J&)lylMtT_P|t`r(vgr z0ZgLeTxWFHSOYOXRA0u)!>U2YbxV8)$~~OHOIe5U8y=i#iD=5xBrmVyl*r6m4HweW z3tacqgP+vztAmLjFNiT^!L$WocDDhh_EE{lFJ%$;_SAB41)CJgGnqL>L}dX z#WMct9zQa$6uoS9_e%$6;3^#c9c}jS3i{=DQ~-w> zs3N^6sv`{k5dTyHxS01@aSmX`D9op$ZO)QNAei;)qI&>AL>Q$Ny)D&?AmUUqk_}irn z%*&C_p+F)oeqiX#FI$?HIm3Kqmx0dVIpZ`o2l~{)gTq_m#_dzbguJhM9_i5EKtUF!Bg;JJ@Zi-ASrY%4bM(^?07* zaAx}xf?~*M?*zjOZ}ZB(n5uI;h47JKKDdLX-pzvaM-NTt1s;5? z1xWK7x4s5KzMD36MAZ=4$|8y2o(lA{$kh<@4EGVHuZByMiS&1bnfI7;#PK?4ra*Z` z=S}5+HY;70<6-coD9bZC;QfYh9PS7aO9w;pbK4%0m#6CPrC>I07*unH@@GL>QgkPrLx9w@mtpEjY6T7)NuH=iO`cUI4^>m? z5Ey;T+`3IAkx|ZX10#2hDCGM=tH7B#Ki_P6^F+;NP#!7(d9*(N=*zQLc}nRNeBC{8T=Q}INU-$9^t z2Jz2JL_S+9ZxHWM1@A?E9c&M7{Ydt|97 z=HsMQi)_@kj_I3-*0UNqEUSvUj%C7u=uht3CnzM5(IavV`FP^^Y$NoKm?9+{IfwpI zvs{rDb^4M#A_zcu4|4eaCdNhrk-|JDh19uo>w= zU--Ig#&&5Rt?y8=UdJ0ZqHcH{*Z`TaI{bf!3xOeigm8AaT*+RCzlqNMMB zvT6!4BzDYp;xH-GU;*-QDa;+05&5Wx*fI{5S7@%Lwfo0Iq`-ECk68ZWq!vtGg1`Mtr9I=i zO29(6VBUA?_ngmt#MZb8E_tt+V!XCqD23Y&lQ^e?Lj=vZ1=$cNW7DpeElcu{&aFcm z5rWYU!b__NzGrTOZ98Rv@|pJ)%}7KcpXLWiI~6vd?wX+a5CcFl1D1)|vuds6KhW*z zM_P{&D1+OxZOK)g7mQ1q2!b<^T7fu2QZOL$t-0KR_*jY+i{(8gxi)`VFWERsy1bUS zlBVX|BPg;_JI2PY6^B;xP8=`xkSXs6X_g}DL#bs;Zcrk}jOWkje5Pt@C9!j}kv6OM z_4jub1*RAm{WcIcXAfgT^_C||Z_P9nF?kUCHUZD>epl&d3dRQZ{`LjzKa))<#zzB2 z9EDh@6g?{igZ2WC@f8zl%ljIRQq*!>-MxX*me@{)25H=y`&+YQIR0#|;O}&(#2v39 z^uU)C6RFdKlVWihM}L@+H!hR+DSeR~$(woW3xQ30cSL) z1Y+0Yu%5B!?Li~Y$cIEfOMh&7!cUW>lmDXsA#e}wrKL=7YI3{ZO%BqWF zGMpn~_L7r|cQ8;Pp<~{ELKzCWs!0NZB(xhxYskb}48-@%^*sfu^B)rlM9gqt3&%27~vNMT|7T=)e5f238o_~ zKc?ZRS34%!L~>Pna=CG{q0)|t%kCXTD|?ybUWXv2P| zFQ;_1qc31)xzyr7;~HSdEHMyTkc{cA#S4> z)e8xNa zq>|#{VLA1leLrqU - Angular 中文文档 + Angular - - - - diff --git a/aio/src/styles/2-modules/_api-symbols.scss b/aio/src/styles/2-modules/_api-symbols.scss new file mode 100644 index 0000000000..04ddf8c63d --- /dev/null +++ b/aio/src/styles/2-modules/_api-symbols.scss @@ -0,0 +1,28 @@ +/* API SYMBOLS */ + +/* SYMBOL CLASS */ + +.symbol { + border-radius: 2px; + box-shadow: 0 1px 2px rgba($black, .24); + color: $white; + display: inline-block; + @include font-size(10); + font-weight: 600; + @include line-height(16); + margin-right: 8px; + text-align: center; + width: 16px; + + // SYMBOL TYPES + // Symbol mapping variables in *constants* + @each $name, $symbol in $api-symbols { + &.#{$name} { + background: map-get($symbol, background); + + &:before { + content: map-get($symbol, content); + } + } + } +} diff --git a/aio/src/styles/2-modules/_errors.scss b/aio/src/styles/2-modules/_errors.scss new file mode 100644 index 0000000000..5446aa0dc5 --- /dev/null +++ b/aio/src/styles/2-modules/_errors.scss @@ -0,0 +1,71 @@ + +.error-list { + display: grid; + list-style: none; + padding: 0; + overflow: hidden; + + @media screen and (max-width: 600px) { + margin: 0 0 0 -8px; + } + + li { + @include font-size(14); + margin: 8px 0; + @include line-height(14); + padding: 0; + float: left; + overflow: hidden; + min-width: 220px; + text-overflow: ellipsis; + white-space: nowrap; + + .symbol { + &.runtime { + background: $green-500; + } + + &.compiler { + background: $blue-500; + } + } + + .symbol.runtime:before { + content: "R"; + } + + .symbol.compiler:before { + content: "C"; + } + + a { + color: $blue-grey-600; + display: inline-block; + @include line-height(16); + padding: 0 16px 0; + text-decoration: none; + transition: all .3s; + overflow: hidden; + text-overflow: ellipsis; + + &:hover { + background: $blue-grey-50; + color: $blue-500; + } + } + } +} + +.error-video-container { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + height: 0; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } +} diff --git a/aio/src/styles/2-modules/_guides.scss b/aio/src/styles/2-modules/_guides.scss new file mode 100644 index 0000000000..db656ac923 --- /dev/null +++ b/aio/src/styles/2-modules/_guides.scss @@ -0,0 +1,6 @@ +.reviewed { + color: lighten($darkgray, 10); + @include font-size(13); + font-style: italic; + text-align: right; +} \ No newline at end of file