Tha nobhail èibhinn mhath duilich a chur an sàs, ach tha fios aig Andrew Sean Greer air cùis no dhà mu dheidhinn. An seo, tha e a’ meòrachadh air na tha a’ dèanamh sgrìobhadh èibhinn cho aoibhneach.

Seo bloca de chòd CSS a tha a’ mìneachadh chruthan-clò àbhaisteach airson làrach-lìn. Bidh e a’ stèidheachadh teaghlach chruthan-clò “Guardian Headline Full” le diofar stoidhlichean agus cuideaman, leithid aotrom, àbhaisteach, meadhanach, agus semibold, gach fear le dreachan àbhaisteach agus eadailteach. Bidh an còd a’ sònrachadh càite an luchdaich thu na faidhlichean cruth-clò, a’ cleachdadh diofar chruthan mar WOFF2, WOFF, agus TTF gus dèanamh cinnteach gu bheil e co-chòrdail thar bhrobhsairean.

Seo bloca de chòd CSS, chan e earrann de theacsa. Bidh e a’ mìneachadh stoidhlichean cruth-clò agus riaghailtean cruth airson làrach-lìn. Seo mìneachadh ann am Beurla shìmplidh air na tha e a’ dèanamh:

Bidh an còd a’ stèidheachadh chruthan-clò àbhaisteach airson làrach-lìn an Guardian, a’ gabhail a-steach “Guardian Headline Full” ann an diofar chuideaman (trom, dubh, agus na dreachan eadailteach aca) agus “Guardian Titlepiece” ann an trom. Tha na cruthan-clò sin air an luchdachadh bho fhrithealaiche maoin an Guardian ann an iomadh cruth (WOFF2, WOFF, agus TTF) gus dèanamh cinnteach gu bheil iad co-chòrdail thar bhrobhsairean.

Tha e cuideachd a’ toirt a-steach riaghailtean dealbhaidh freagairteach airson cruth duilleag sònraichte ris an canar “content__main-column--interactive.” Air scrionaichean nas fharsainge (os cionn 71.25em), gheibh a’ cholbh seo iomall clì de 160px, agus air scrionaichean eadhon nas fharsainge (os cionn 81.25em), bidh an t-iomall ag àrdachadh gu 240px. Taobh a-staigh na colbhan seo, tha eileamaidean sònraichte mar “element-atom” air an cuingealachadh gu leud as àirde de 620px, ach air scrionaichean nas lugha (fo 46.24em), faodaidh iad làn leud a ghabhail.

Airson eileamaidean “element-showcase,” chan eil iomall clì aca air fòn-làimhe, ach air scrionaichean meadhanach (46.25em agus suas), tha iad air an cuingealachadh gu 620px de leud, agus air scrionaichean mòra (71.25em agus suas), faodaidh iad leudachadh gu 860px. Tha eileamaidean “Element-immersive” air an dealbhadh gu bhith làn-leud: air fòn-làimhe, bidh iad a’ sìneadh thar a’ bhrobhsair gu lèir, air scrionaichean meadhanach bidh iad a’ gluasad beagan agus a’ leudachadh seachad air a’ cholbh, agus air scrionaichean mòra bidh iad a’ co-thaobhadh gu h-àbhaisteach le leud as àirde de 1260px.

Mu dheireadh, tha paragrafan agus liostaichean taobh a-staigh na colbhan seo cuideachd air an cuingealachadh gu 620px de leud, agus tha eileamaid sgeadachail (“:before”) ann a tha a’ spangadh àirde iomlan na colbhan a bharrachd air 15px, le àirde as lugha de 100px, air a shuidheachadh aig a’ mhullach.