Guía Rápida de PostCSS - Configurando Gulp
Guía Rápida de PostCSS - Configurando Gulp
Guía Rápida de PostCSS - Configurando Gulp
9
79
67
¦
'()*+),--. 7F>89G:;;H<=9>=?>FH?@=AIB?C>
8?CA8DE8>;;?
/01231345061 MNONNN?B;>8;K J<A=K?LAH:? PQRSTUVWSXSYU
Z[\]^[_àb cde_fg__
hijklmnopqklqrlstuvwxxylwtz{|imkzqt
hi}o
~]S]\TS]eU]
^VUỲUSTXSQVUS SYU_TUYSW
9
fVW]WU]VW]TU]]]WSTVSW]SQ]dWUg__]^SS]^VRS
dWUg__]VWUTU]aVQS]ỲWUYU]_SU]eUVYW
dWUg__]VWUTU]aVQS]aTYU]_SU
_YVW][W]UTYWUVY]~]^YVS]aVSTX]XST]aSRS]]Y]W]RVS]US]TVVY][YVW
TUVS
[Y]S]UUTV]WQ]~TVXW]X]WUSQ]SQS]XSYT]Y]dWUg__]]VYWUYUS
WYQ]gQSdSY]]dTSTW][WUW]VYSW]WY]SYVSW ]ST]TSWUTVUVRW]T¡S
WUSQ]Y]UVSYS]YUT]W~TS]UTW]VYW]¡S]SWU¢Y]QVWYV~SW]T]WT
[Y]SWUS]UUTV]VTSXW]]UTR£W]QS]X]WS]SQS]UVVT]dWUg__]Y]S]TTSQT]QS
UTSW]a ]]¡S]S]STXVUS]QSVQVT]T]WUSQ]XVWX]¢SW]VYW]¡VSTS]UVVT]
T]]UYU]TSXSYUS]TRST]S]SWVWUSX]QS]VYW
227
7!22792
"#7$9"7"7
"7
""!"01%1& 4240
012120345 6789
9
79
67
'()*+,-.,/0/12,32,452627289,19/,:;/<2,8<,19=2/89>,9,1955<895<>,8<,425<2,2/4<>?,:<
5<19=.</89,@0<,2/4<>,8<,19=</A25,<>4<,40495.2:,<13<,0/,B.>42A9,2,/0<>452,><5.<
C5240.42+,D2,:;/<2,8<,19=2/89>,E252,8.><F9,G<6H
IJKLMNM)(NOPQJRM(N
S289,@0<,<>425<=9>,4526272/89,19/,T0:E?,2>0=.5<=9>,@0<,0>4<8,U2,4.</<,./>42:289>
:9>,5<@0.>.49>,E252,>0,0>9+
V98<H7>
VWX
T.4
-.,/9,<>4Y,><C059,8<,@0<,4.</<,<>9,./>42:289?,E95,Z2B95,>.C2,<:,40495.2:,D2,:;/<2,8<
19=2/89>,E252,8.><F9,G<6+,S9=./2/89,E2@0<4<>,8<,4<51<59>[@0<,:9,C0.25Y/,E252
964</<5,<>9>,5<@0.>.49>,E5<B.9>H
\2=6.]/,2><C^5<><,8<,</4</8<5,:9>,19/1<E49>,6Y>.19>,E252,0>25,T0:E,>.C0.</89,<:
40495.2:,D2,:;/<2,8<,19=2/89>,E252,8.><F9,G<6+,2049=24.A21._/,19/,T0:EH,̀8<=Y>?
>.C2,:2>,./>45011.9/<>,</,:2,><11._/,8<:,40495.2:,ab9/cC052/89,<:,E59U<149,E252,T0:EaH
`/4<>,8<,19/4./025,0>4<8,8<6<5;2,4</<5,0/2,125E<42,8<,E59U<149,19/+
d/,2513.B9,aC0:Ec:<H7>a,eT0:Ec:<f
d/,2513.B9,aE21g2C<H7>9/a,U
T0:E,./>42:289,</,:2,125E<42,a/98<h=980:<>a,U,<>426:<1.89,19=9,0/2,8<E</8</1.2
8<,8<>2559::9,E252,>0,E59U<149
i(jklLQ*mMnjOopNMm*OqJOrLsPOt(N)iuu
S</459,8<,:2,125E<42,8<:,E59U<149,15<<,89>,>06125E<42>?,0/2,::2=282,a>51a,U,0/2
::2=282,a8<>4aH,D2,125E<42,a>51a,4</85Y,:9>,2513.B9>,b--,>./,E591<>25?,=.</452>,@0<,:2
125E<42,a8<>4a,4</85Y,:9>,2513.B9>,W9>4b--,E591<>289>H,
D9,>.C0.</4<,@0<,/<1<>.42,321<5,<>,./>42:25,<:,E:0C./,8<,C0:EvE9>41>>,</,>0,E59U<149,v
04.:.A25<=9>,<>49,E252,=2/<725,/0<>459,E591<>9,8<,W9>4b--H
w/,:2,4<5=./2:x19/>9:2,8<,19=2/89>?,/2B<C0<,32>42,:2,125E<42,8<:,E59U<149,U,<7<104<+
y z{|}~z}
}{{
227
7!22792
"#7$9"7"7
"7
""!"01%1& 0240
012120345 6789
9
79
67
'()*+,)-.(-/+(-01-23)41015263-)(-578*0(4(9-01-()4:+54+:1-.(0-*:7;(547-.(<(:=1-4(3(:
()4(-1)*(547>
?@7:1-1<:1-)+-A+0*B0(-*1:1-(.241:07-;-5:((-C1:21<0()-*1:1-00181:-07)-86.+07)-DE+0*D-;
DE+0*F*7)45))D-1G1.2(3.7-(0-)2E+2(34(-56.2E7>
\ ^_`abcdSaeaTVfcgTVhibcdSijk
] ^_`aSUQlPQQaeaTVfcgTVhibcdSmSUQlPQQijk
?@7:1-*7.(87)-573BE+:1:-+31-41:(1-*1:1-0((:-+3-1:5@2C7-H+(34(-IJJ-;-*:75()1:07-573
K7)4IJJL
?E:(E+(-07-)2E+2(34(>
\ bcdSsltQuhiPQQivawxyz{|}yahja~
] aa^_`aSTUPVQQUTQaea
n aak
o aa`{x`yabcdSsQTPhisQTPsPQQij
p aaaasSgSVhSUQlPQQhSTUPVQQUTQjj
q aaaasSgSVhbcdSsVQlhisVQlijjk
r
jk
M187)-1-(N*0251:-07-/+(-4(3(87)-(3-(0-56.2E7-134(:27:L
O3-01-*:28(:1-0=3(1-@(87)-573BE+:1.7-+31-41:(1-.(-A+0*-00181.1-PQQL-O)41-41:(1
(R(5+41-+31-H+352639-;-.(34:7-.(-()1-H+35263-@(87)-5:(1.7-+3-1::1;-00181.7
STUPVQQUTQL-W+)47-1@7:1-(0-1::1;-()4X-C15=79
-*(:7-(3-+3-878(347-07-00(31:(87)-573-07)
*0+E23)-.(-K7)4IJJ-/+(-/+(:(87)-+4202Y1:L
Z+(E79-(3-(0-1::1;-STUPVQQUTQ[@(87)-()*(52B51.7-07)-1:5@2C7)-/+(-/+(:(87)-*:75()1:>
5+10/+2(:-1:5@2C7-IJJ-(3-01-51:*(41-D):5DL
227
7!22792
"#7$9"7"7
"7
""!"01%1& &240
012120345 6789
9
79
67
'()*+),-./0-+)10)*+2)132)*4(0+2)52+(13)*+)65(7.8()9:9;<=>)02?+@*070/32)*+)0A0757.8()10
B32?CDD)/01.+(?0)*+)65(7.8()9EFGHFF<=I)B+2+/32)0*)+--+J)9KEH;FFEKF)73/3)5(
+-L5/0(?3)10)*+)65(7.8(>)M50)*50L3)*0)1.-N)+)B32?CDD)75N*02),*5L.(2)M50-0/32)52+-I
O.(+*/0(?0>)73()*+)20L5(1+)10)*+2)132)65(7.3(02)9:9;<=>)02?+/32)?0(.0(13)(502?-3
781.L3)?-+(263-/+13)0()5()(50P3)+-7Q.P3)CDD)0()*+)7+-,0?+)R102?RI
STUVWXYZ[W\Y[V]^_àYVb̀\[cU[_ZWUdY
D.L+/32>)7-00)5()(50P3)+-7Q.P3)R2?J*0I722R)0()25)7+-,0?+)R2-7R)J)+e+1+)5(),373)10)CDD
,-50@+)73/3)02?0f
x {G;FG|}
y ||||~
|H
z
gQ3-+)0()25)?0-/.(+*h73(23*+)10)73/+(132>)?31+P4+)5@.7+1+)0()*+)7+-,0?+)10*
,-3J07?3>)0A075?0)0*)73/+(13f
x 9|HFF
'2?3)0A075?+-N)*+)?+-0+)M50)+7+@+)10)73(iL5-+->)J)73/3)-025*?+13)+Q3-+)10@0-4+
0(73(?-+-)5()(50P3)R2?J*0I722R)10(?-3)10)*+)7+-,0?+)R102?RI
g*)+@-.-)02?0)(50P3)+-7Q.P3>)P0-N)M50)0*)781.L3)02).1j(?.73)+*)10*)+-7Q.P3)650(?0I)'*
781.L3)(3)Q+)7+/@.+13),3-M50)(3)Q0/32)52+13)(.(Lk(),*5L.()B32?CDD)+k(>)J)73/3
52?01)2+@0)10210)5()?5?3-.+*),-0P.3>)23()*32),*5L.(2)*32)M50)-0+*/0(?0)-0+*.l+()*+2
/+(.,5*+7.3(02)CDDI
mnYcZ̀opaWq`\rop]rXstt
gQ3-+)P+/32)+)+e+1.-)5(+)20*077.8()10),*5L.(2)B32?CDD)J),+M50?02f)g5?3,-0iu0-
v+L-0L+),-0iA32)10*),-3P0013-w>)722(0u?)vQ+@.*.?+)2.(?+u.2)65?5-+w)J),-0722)v0u?.0(10)*+
65(7.3(+*.1+1)73/3)D+22wI
'A075?0)*32)2.L5.0(?02)73/+(132),+-+).(2?+*+-)7+1+),*5L.()0()0*),-3J07?3f
x 9|:FG|GE9K;:;K|F;;
y
227
7!22792
"#7$9"7"7
"7
""!"01%1& 1240
012120345 6789
9
79
67
] :?^_`:9=abb_899:;<=_cc9ad;ce;d
:?^_`:9=abb_?@;899_cc9ad;ce;d
'()*+,-./,01/2.3.40516/,76,899:;<=,>,?@;899,AB6761,25C.D,B1,A545,76,206CA5,>.,EB6
/51,A.EB626/,76,CF320A36/,A3BG01/H
I,451201B.40J1,76K10C5/,3./,L.D0.M36/,A.D.,4.DG.D,4.7.,B15,61,1B6/2D5,AD5>6425H
IGD6GB6,63,4J70G5,/0GB06126,76M.N5,76,3./,75/,L.D0.M36/,6O0/26126/,61,3.,A.D26,/BA6D05D
76,/B,PB3AK36+
f hij_ak=R?@;l`<;@_m_@;nk`@;opak=R?@;l`<;@pqr
g hij_899:;<=_m_@;nk`@;op899:;<=pqr
] hij_?@;899_m_@;nk`@;op?@;899pqr
I,451201B.40J1,L.C5/,.,.Q.70D,6/25/,2D6/,A3BG01/,.3,.DD.>,?@R8;99R@9,61,1B6/2D.,2.D6.
76,GB3AH,I42B.3046,63,.DD.>,451,35,/0GB06126+
f hij_?@R8;99R@9_m_u
g __ak=R?@;l`<;@v
] __899:;<=v
s __?@;899
t wr
S51,35/,2D6/,A3BG01/,.GD6G.75/,.,1B6/2D5,.DD.>,AD546//5D/T,U5/2SVV,/.MDW,EB6
EB6D6C5/,.A304.D,4.7.,B15,.,1B6/2D5,SVV,XB6126H
IY5D.,6/2.C5/,30/25/,A.D.,.Q.70D,B1,4J70G5,76,ADB6M.,.,1B6/2D5,.D4Y0L5,Z/D4[/2>36H4//Z
>,45CAD5M.D,EB6,2575,6/2W,XB14051.175H,\5DD6,35,EB6,>.,20616,61,63,.D4Y0L5,>,.GD6GB6
6/26,SVV,61,/B,3BG.D+
xf }~_;9=`:_ak=R?@;l`<;@_~}
xg _
x] ak=R?@;l`<;@_
xs __
i_lb;<r
xt
xy _
xz }~_;9=`:_899:;<=_~}
x{ _
x| 899:;<=_
fx __ij_8RbR@o@;e_ab?aocfxqqr
ff
fg _
f] }~_;9=`:_?@;899_~}
fs _
ft ?@;899_
fy __`l_]__t_
fz ____ij_@;;:r
227
7!22792
"#7$9"7"7
"7
""!"01%1& %240
012120345 6789
9
79
67
uv 99z
uw 99X[7;[9{
xy 9999|}~
9R76[
xu 99z
xx z
()*+,-*.*/.+012340.56789:;;.0-<2.=*>?.@.*/.2<+AB=0.<*C,/-23-*.*3./2.+2<D*-2.E4*C-E
4*F*<G2.-*3*<.*/.CBH,B*3-*.+03-*3B40I
yu 9[;Y59S68Q[ZY[Q9
yx 9
y S68Q[ZY[Q9{
y 99
}9[RYR
y 99
}9[RYZ7[
y 99
}9;Z7[R
y 99
}9Z7[
yv z
yw 9
uy 9[;Y59:;;[9
uu 9
ux :;;[9{
u 99|}~
9Q5RSTx9y9y9ywU
u z
u 9
u 9[;Y598Q[:;;9
u 9
uv 8Q[:;;9{
uw 99|}~
95Q[[
xy z
J*HK3./0.23-*<B0<?.4*F*<G2.=*<.L,*.C*.A23.2M24B40.D<*N)0C.4*.D<0=**40<*C.2./2.D<B1*<2
+/2C*.D0<.O,-0D<*NP*<?.,3.+0/0<.Q5RSTUVA2.CB40.+<*240.D0<.+CC3*P-.*3./2.C*H,342.+/2C*?
@./2.+01D<0F2+BW3.4*.XYZ9X[7;[.A2.CB40.*=2/,242.D0<.\<*]JJ.*3./2.-*<+*<2.+/2C*^
_`abcdefag`hifjh̀klm̀anjhgnihoidcma
p`qfI.JB.4*C*2.+03NH,<2<./2C.0D+B03*C.4*.,3.D/,HB3?.2M242.,3.D2<.4*.D2<r3-*CBC
4*CD,rC.4*.C,.301F<*.*3.*/.2<<2@.D<0+*CC0<C.@.D2C*./2C.0D+B03*C.2AG^.\0<.*)*1D/0?
D04<G2.*CD*+BN+2<./2./BC-2.4*.*PD/0<240<*C.L,*.4*C*2.-<2F2)2<.+03.O,-0D<*NP*<?.2CGI
u }98Q:[;;Q;9 9¡
x 99S68Q[ZY[QT{RQ;[Q;9¡¢7S;9u9£[Q;Y¢¤zU
99:;;[
998Q[:;;
¤
_`skfeqmehjdhke`tnlq`
227
7!22792
"#7$9"7"7
"7
""!"01%1& '240
012120345 6789
9
79
67
()*+,--,.)*/,*0123455*,236*,7*28*9):)9;/)/*:)<)*2,<*917=>8<)/1*917*98)-?8;,<
91@+;7)9;A7*/,*:-8>;72B*C-*/,2)DE1*?8,*,231*3<),F*2;7*,@+)<>1F*,2*)2,>8<)<2,*/,*?8,
13<)2*:,<217)2*?8,*/,2,,7*3<)+)G)<*,7*87*:<1H,931*3;,7,7*-)*@;2@)*917=>8<)9;A7*/,
:-8>;72*/,*0123455B*I<)9;)2*)*7:@F*,23,*/,2)DE1*2,*@)7,G)*)*3<)JK2*/,*28*2;23,@)*/,
>,23;A7*/,*/,:,7/,79;)2B
41@1*823,/*,236*82)7/1*-)*+)7/,<)*LLMNOPLQPO*9)/)*J,.*?8,*;723)-)*87*:-8>;7*,7*28
:<1H,931F*K2312*217*)R)/;/12*)*28*)<9S;J1*T:)9U)>,BG217T*91@1*87)*/,:,7/,79;)*/,
/,2)<<1--1B*C231*2;>7;=9)*?8,*2;*823,/*91@:)<3,*28*:<1H,931*917*13<12F*,--12*:8,/,7
,G,983)<*,-*91@)7/1*VWXYZVM[N\\*,7*,-*:)?8,3,*?8,*823,/*91@:)<3;A*917*,--12*H
3,7/<67*31/12*-12*:-8>;72*;723)-)/12*)831@63;9)@,73,B*
0)<)*):<,7/,<*@62*)9,<9)*/,*9A@1*3<)+)G)*,-*>,231<*/,*/,:,7/,79;)2*]0^*,9S,*87
J;23).1*)-*3831<;)-*()*-E7,)*/,*91@)7/12*:)<)*/;2,R1*_,+`*a1@;7)7/1*:)?8,3,2*/,
3,<9,<12B
bcdefdghhijklmnlnopkql
rstuvwtxyz{|}sz~|ssyvvz
yvxyzxz~y
w|xz|uz
z}vysv
/J,<3;2,@,73
gqnmklgjch
0)<)*<,28@;<*-1*)73,<;1<`
4<,,*87*:<1H,931*]0^*917*I8-:*;723)-)/1*H*87*I8-:=-,*/,73<1
723)-,*,-*:-8>;7*>8-::123922
417=>8<,*28*I8-:=-,*:)<)*9)<>)<*-12*:-8>;72*>8-:*H*>8-::123922
4<,,*87)*3)<,)*>8-:*:)<)*91@:;-)<*28*455
a,73<1*/,*-)*3)<,)F*917=>8<,*87*)<<)H*WPMMMB
227
7!22792
"#7$9"7"7
"7
""!"01%1& '240
012120345 6789
9
79
67
'()*+,-./0+/1+2)32/'44/./35.670/*2/8./1+)-9:)/;<=>?==@AB/-()/28/.55.C/;D<?E==<D=
F.0.*(/-(G(/+)/.5H+G2)3(I
J20*2/.KLB/+032*/F+2*2/02H+95/8(0/G90G(0/F.0(0/202)-9.820/F.5./K.M9893.5/-+.8N+925
F8+H9)/*2/O(03'44/2)/0+/F5(C2-3(P
Q)03.82/28/F8+H9)/2)/0+/F5(C2-3(/-()//
R;STUR=>VWWTXR<SYDEZ[EWZ;W\]UR^T__=V`E_[E`
J2a)./+)./6.59.M82/F.5./-.5H.5/28/F8+H9)/2)/0+/b+8Fa82/F(5/2c2GF8(P//
`VDTV\><;DEdUeEDTfTDEg\UDE@hV\><;DEdUeEDhAi
jk.*./202/)(GM52/*2/6.59.M82/.8/.55.C/;D<?E==<D=I
49/*202.B/F+2*2/625/2)/28/52F(093(59(/*2/b93K+M/.5-K96(0/*2/.55.)N+2/C/2c2GF8(0
325G9).*(0I
lmnopqnrsqtqnunvmtwstpuvsxtynz{ptwn|n}m~w
)/28/09H+92)32/3+3(59.8/-+M5952G(0/-:G(/-()aH+5.5/+)/F5(C2-3(/*2/O(03'44/2)/(35(/*2
8(0/H5.)*20/-(552*(520/*2/3.52.0P/b5+)3I/(0/62G(0/.88L
47/28/F59G25(/2)/-()(-25/8.0/)+26.0/35.*+--9()20
09H+2/3+30F8+020/2)/93325
}n{ut~uwsmtnpst
¡¢£¡¤¥¦§¤¨¥©ª«¬¥®¡
¯°±°°°¢§¢¥
j*6253902G2)3
()**+,-./)0
12+34)-)5+678+.+9):2;<)-+=+/>9)-+?4>+?>-@:+2<+34)+.-).:+>A+?)B+9):2;<+C
9)D)E>F8)<3G+;.8)+9)D)E>F8)<3+.<9+92;23.E+.-35+6<+34)+?)B+:F./)+678+.+A-><3+)<9
.EE+->H<9)-+BH3+6+4.D)+.+F.-32/HE.-+:F)/2.E2*.32><+2<+34)8)+/-).32><G+<>+8.33)-+34)
FE.3A>-85+6+.E:>+E>D)+I<92<;+34)+E.3):3+8>:3+)J/2)<3G+H:)-+A>/H:)9+9):2;<+.<9+9)D
3)/4<2KH):+>A+34)+9.05+6<+;.8)+9)D)E>F8)<3+678+.992/3)9+3>+FE.02<;+?234+)D)-0
92AA)-)<3+)<;2<)G+3>>E:)3+.<9+A-.8)?>-@+6+/.<+I<95+6<+92;23.E+.-3+6+E>D)+)D)-0342<;
A->8+F.2<32<;+3>+D)/3>-+?>-@+3>+F2L)E+.-3+3>+MN+8>9)EE2<;5+6<+:4>-3G+2A+237:+/-).32D)
.<9+0>H+/.<+8.@)+23+92;23.EE0G+6+E>D)+235
m @)**B-./)0
W))@E0+)8.2E+:H88.-0
7
9
X
Y7
9
$Y
!9
7!!9Y
9
Z
[
79
\]
!
7
9
97
^
_8.2E+̀99-)::
abcdefghfgiffjkl
'()*+,-.*/*0,
1-*234035-,678
9:;<=>;?@A<=
B0)C,43D7,.E3,7,4+-CF.3C+*3,+C0.FC,*(3-0,434,G*+3FC0H7CH*.38I347+3J4//70-,I3/*/8*+.KI473JC038*3-0)4F)*(
,44L
D+C0.FC,*3,G-.3M4.,
N42*+*(38I
0123456738395
'()*+,-).+/
:.;<=>,=(=/? @
A>).,>(B,*>CC(.)=D @
E:-F @