%PDF-1.4
%쏢
5 0 obj
<>
stream
x[kz\W"lٖ%^rN1ONlݙ{c"4̣NUB~ݷa.ۻot˟/0x^W0H~w)%X2$c&ro?R*\ݿ7p!fn{Z$pPBhnz!R{8e-2ߟ_|S|H{:! Qs̲&)br h
o!$ǃD*]Qo蜡="FԠ(o0O܇Qyzh2%O:+bY*ryR^`fD>X0:uJF
LPcϟ)(Sr;HxǨu-\`Zh@p|'p1`C3Bi?[o7HIᕱ{Y5OcIi2ӬAahp¨}C7JjpV#֤|ۯ+'aU.z[BC8+ʼDf㵥wcMY1k8I
㖢b%K b+ $!bRƤQ
O(0 !+$٠bQeJt*FUTBjZN)9w.7k:ͣṕQ$Y+39d(5I7
^9h֘4":_T,(rvȒT,{701L+>oMOJ*=!11n[&?%aw
qZO
TF8x> b:It+qҐ3d-줢^zk*,ƹmG(qLNe[mǐ']ti_ Ϲ tN$gm'Q MfVm,tlRka/1 m?+l0:XȆAv)Z<a`ĈR`.
7+J5`S/T_
DEMO
%PDF-1.4
%쏢
5 0 obj
<>
stream
x[kz\W"lٖ%^rN1ONlݙ{c"4̣NUB~ݷa.ۻot˟/0x^W0H~w)%X2$c&ro?R*\ݿ7p!fn{Z$pPBhnz!R{8e-2ߟ_|S|H{:! Qs̲&)br h
o!$ǃD*]Qo蜡="FԠ(o0O܇Qyzh2%O:+bY*ryR^`fD>X0:uJF
LPcϟ)(Sr;HxǨu-\`Zh@p|'p1`C3Bi?[o7HIᕱ{Y5OcIi2ӬAahp¨}C7JjpV#֤|ۯ+'aU.z[BC8+ʼDf㵥wcMY1k8I
㖢b%K b+ $!bRƤQ
O(0 !+$٠bQeJt*FUTBjZN)9w.7k:ͣṕQ$Y+39d(5I7
^9h֘4":_T,(rvȒT,{701L+>oMOJ*=!11n[&?%aw
qZO
TF8x> b:It+qҐ3d-줢^zk*,ƹmG(qLNe[mǐ']ti_ Ϲ tN$gm'Q MfVm,tlRka/1 m?+l0:XȆAv)Z<a`ĈR`.
7+J5`S/T_
.portfolio li.good a {
}
.portfolio li.good a:before {
/* --thumbnail: attr(data-img);*/
/* content: var(--thumbnail);*/
content: '';
background-image: var(--thumbnail);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 20vh;
widht: 100%;
display: block;
}
/*
.portfolio li a[data-img]:before {
content: attr(data-img);
background-image: attr(data-img);
background-repeat: no-repeat;
background-size: cover;
widht: 100%;
padding: 20vh 20vh 20px 20px;
display: block;
}
*/
.portfolio {
display: grid;
grid-template-columns: 20% 20% 20% 20%;
grid-column-gap: 5%;
}
.portfolio li {
list-style: none;
margin-bottom: 2em;
/* height: 20vh;*/
/* width: 20%;*/
}
.portfolio li:not(.good) {
display: none !important;
}