Seo earrann de chòd CSS a tha a’ mìneachadh an teaghlach chlà ran “Guardian Headline Full” airson a chleachdadh air là rach-lìn. Tha e a’ gabhail a-steach grunn riaghailtean font-face, gach fear a’ sònrachadh cuideam eadar-dhealaichte (aotrom, à bhaisteach, meadhanach, semibold) agus stoidhle (à bhaisteach no eadailteach) den chlà r. Airson gach atharrachadh, tha an còd a’ toirt seachad na faidhlichean clà r ann an diofar chruthan (WOFF2, WOFF, agus TTF) gus dèanamh cinnteach gu bheil e co-chòrdail ri diofar bhrobhsairean. Tha na faidhlichean clà r air an cumail air frithealaiche maoin an Guardian.
clì: -11px.
Chan eil oir no lìonadh timcheall air eileamaidean freumhaichte ann am prìomh cholbh susbaint artaigilean eadar-ghnìomhach, le 12px de lìonadh aig a’ mhullach agus a’ bhonn. Nuair a thig paragraf às deidh eileamaid freumhaichte, thèid an lìonadh a thoirt air falbh agus cuiridh oirean 12px an à ite air gach taobh. Tha eileamaidean loidhne air an cuingealachadh gu leud as à irde de 620px. Air scrionaichean nas fharsainge na 61.25em, tha figearan air an comharrachadh mar loidhne cuideachd air an cuingealachadh gu 620px.
Airson earrannan meadhanan anns a bheil bhideothan lùbte, tha an t-iolradh air a chuir air sreathan gu h-à rd le z-index de 6, agus tha am putan lùb air a shuidheachadh aig a’ bhonn air an là imh dheis le oir bhonn 40px agus oir deas 3px. Tha na putanan sà mhach agus neo-shà mhach air an co-thaobhadh ris an là imh dheis le lìonadh clì a bharrachd. Tha z-index à rd aig putan an iolraidh, agus air scrionaichean nas motha tha e 20px bhon bhonn. Airson bhideothan cinemagraph air scrionaichean nas fharsainge na 46.25em, thèid an crìoch à irde a thoirt air falbh.
Anns an earrann bodhaig, tha bhideothan fèin-aoigheachd air an taisbeanadh mar bhlocaichean le leud as à irde de 620px agus oirean 12px. Bidh bhideothan lùbte agus na h-eileamaidean bhidio aca a’ lìonadh an là n leud, a’ cumail a’ cho-mheas agus air an meadhanachadh. Ma tha bhidio lùbte air a shuidheachadh gu modh bogaidh, bidh e a’ leudachadh gu là n leud gun oirean. Air scrionaichean nas fharsainge na 71.25em, bidh bhideothan bogaidh a’ sìneadh gu 1140px de leud agus a’ gluasad clì le 180px, le iolraidhean air an eangachadh 20px. Air scrionaichean nas fharsainge na 81.25em, bidh iad a’ fàs gu 1300px agus a’ gluasad clì le 260px.
Tha an dealbhadh a’ cleachdadh caochladairean CSS airson dathan: tha dateline na ghlas dorcha, tha oirean cinn nan glas aotrom, tha iolraidhean nan glas meadhanach le cùl-raon dorcha leth-fhollaiseach, agus tha an dath feart na dhearg domhainn. Tha prìomh dhath a’ cholbh a’ tuiteam air ais gu dath an fheart. Bidh fo-chinn, luachan tarraing agus luachan bloca a’ cleachdadh dath à rd-sgoile a’ cholbh, a bhios ag atharrachadh gu modh dorcha le dath eadar-dhealaichte.
Chan eil lìonadh timcheall air eileamaidean freumhaichte ann an colbhan susbaint eadar-ghnìomhach. Nuair a nochdas eileamaid freumhaichte dìreach às deidh eileamaid eile no riaghailt chòmhnard, chan fhaigh am paragraf a leanas oir mullach a bharrachd. Tha seo a’ buntainn thar diofar sheòrsaichean soithichean, a’ gabhail a-steach prìomh bhodhaig an artaigil agus earrannan eadar-ghnìomhach.
