Tha sgrĂšdadh leis aâ Ghairm air faighinn a-mach gu bheil clann cho òg ri dĂ bhliadhna aâ nochdadh ann an videothan TikTok aâ sealltainn an cleachdaidhean cĂšram-craiceann. Tha seo air draghan a thogail mu bhuaidh aâ ghnĂŹomhachas bòidhchead agus dĂŹth dĂŹon airson buaidh-chleasaichean cloinne.
Rinn an rannsachadh anailis air 7,600 post co-cheangailte ri cĂšram-craiceann agus fhuair e a-mach gun robh 400 de na videothan sin aâ sealltainn cleachdaidhean no comhairle bho chloinn a thathar aâ creidsinn a bha fo aois 13. Bha co-dhiĂš 90 de na postaichean sin aâ toirt a-steach clann fo aois còig, aâ gabhail a-steach naoidheanan is leanaban.
Bha còrr air 1,000 de videothan aâ sealltainn cuideigin a thathar aâ creidsinn a bha fo aois 18, is e sin faisg air aon Ă s gach seachd de na videothan san t-sampall.
Ged nach robh na postaichean an-còmhnaidh aâ soilleireachadh an dĂ imh aig aâ chloinn ris aâ bhrand, bha mòran dhiubh gu math coltach ri sanasachd.
Tha craiceann-eòlaichean aâ toirt rabhadh nach eil feum aig clann air cleachdaidhean cĂšram-craiceann ioma-cheumach agus gu bheil an gluasad seo ag adhbhrachach iomagain mu choltas aig aoisan nas òige. Thuirt aon chraiceann-eòlaiche gu bheil i a-nis nas trice feumach air a bhith aâ toirt misneachd do chloinn gu bheil na spotan a chĂŹ pĂ rantan dĂŹreach craiceann Ă bhaisteach.
Tha aon de na postaichean a chaidh an sgrĂšdadh aâ sealltainn leanabh aois bun-sgoile aâ dèanamh cleachdadh cĂšram-craiceann ron sgoil. Tha i aâ togail toraidhean chun aâ chamara, ag rĂ dh gu bheil i aâ feuchainn ri âcraiceann glainneâ a choileanadh â teirm airson dreach craiceann glan is rèidh.
Ann an videotha eile, tha mĂ thair aâ togail a nighean dĂ -bhliadhna chun aâ chamara agus ga brosnachadh gu bhith ag rĂ dh, âfĂ ilte chun mo chĂšram-craiceann,â mus cuir i rudeigin a tha coltach ri taiseadair air aghaidh a nighean, aâ cleachdadh an hashtag #toddlersoftiktok.
Airson eileamaidean leis aâ bhuadh `data-gu-name="media"` taobh a-staigh `.content--interactive-grid`, suidhich an co-thaobhadh clĂŹ gu 20 picteil.
Nuair a tha am fĂ inne-seallaidh co-dhiĂš 660 picteil a leud, bu chòir an leud aig na h-eileamaidean sin a bhith co-ionann ri leud iomlan an fhĂ inne-seallaidh Ă s aonais leud aâ bharra-sgrolaidh, le iomall clĂŹ de -20 picteil agus gun iomall deas.
Aig leud fĂ inne-seallaidh de 740 picteil no barrachd, suidhich seilbh ghnĂ thaichte `--grid-width` gu 740px. Tha an iomall clĂŹ air a thomhas gus am meadhan a shuidheachadh air aâ ghriod, aâ gabhail a-steach leud aâ ghriod, am barra-sgrolaidh, agus leud colbh clĂŹ. Tha seilbh co-thaobhadh clĂŹ cuideachd air a thomhas airson suidheachadh.
Airson fĂ innean-seallaidh 980 picteil no nas fharsainge, Ăšraich `--grid-width` gu 980px.
Aig 1140 picteil, suidhich `--grid-width` gu 1140px agus mĂŹnich `--grid-left-col-width` mar 161px.
Airson scrionaichean 1300 picteil no nas fharsainge, Ăšraich `--grid-width` gu 1300px agus `--grid-left-col-width` gu 240px.
Suidhich na caochladairean datha a leanas airson aâ chuirp:
- PrĂŹomh dhath teacsa: #dcdcdc
- DĂ rnach dhath teacsa: #c8c8c8
- Treas dhath teacsa: #999999
- PrĂŹomh dhath cĂšlaibh: #1a1a1a
- DĂ rnach dhath cĂšlaibh: #383838
- Treas dhath cĂšlaibh: #121212
- PrĂŹomh dhath loidhne: #dcdcdc
- DĂ rnach dhath loidhne: #707070
- Dhath crios-dhealachaidh: #606060
- Dhath axis: aâ freagairt ri dath liath naidheachd 04
- PrĂŹomh dhath putan: #383838
- PrĂŹomh dhath teacsa putain: #dcdcdc
- PrĂŹomh dhath soilleireachaidh putain: #707070
- Dhath soilleireachaidh: #cda500
- Dhath teacsa air a shoilleireachadh: #121212
- Dhath fiosrachaidh: #0077b6
- Dathan liath naidheachd bho 01 (#dcdcdc) gu 06 (#383838)
- PrĂŹomh dhatan naidheachd bho 01 (#0077b6) gu 06 (#cca36e)
- Accent violet: #8F71F2 (le !important)
Cuir am prĂŹomh dhath cĂšlaibh air aâ chorp agus suidhich an cĂšlair airson eileamaidean leis aâ chlas `.element--immersive` gus a mhaidsinn.
Airson paragrafan taobh a-staigh `.content__main-column--interactive`, cleachd am prĂŹomh dhath teacsa.
Nuair a tha siostam aâ chleachdaiche aâ roghnachadh sgeama datha dorcha agus nach eil an sgeama soilleir air a sparradh, cuir an aon seata de chaochladairean datha dorcha an sĂ s.
Thoir air falbh sgà il bogsa fòcas bhon eileamaid leis an ID `maincontent`.
Ion-phortaich modalan Sass airson ceistean meadhanan, measgaidhean clò-sgrÏobhaidh, agus measgaidhean cairt.
Stoidhlich an soitheach sgrolaidh a-muigh gus a bhith na eileamaid ĂŹre bhloc, suidhichte gu dĂ imheach.
Stoidhlich cĂšlair is aghaidh an sgrolaidh mar eileamaidean ĂŹre bhloc, suidhichte gu dĂ imheach, leis an aghaidh aig Ă rd-ĂŹre z-innse agus aâ glanadh bhogsaichean.
Stoidhlich an soitheach cĂšlair gus a bhith suidhichte gu tur, leud iomlan, gun tachartasan comharra, agus air an deagh-ghnĂ thachadh airson atharrachaidhean cruth-atharrachaidh.
Stoidhlich am pasgan griod gus Ă irde fĂ inne-seallaidh iomlan a ghabhail agus sruthadh a cheilt.
Stoidhlich an griod gus a bhith suidhichte gu tur le cruth-griod CSS, aâ suidheachadh tĂšs aâ chruth-atharrachaidh agus ga dheagh-ghnĂ thachadh airson cruth-atharrachaidhean. MĂŹnich caochladair sgèile.
Stoidhlich ceallan griod fa leth gus a bhith suidhichte gu dĂ imheach le sruthadh air a cheilt agus cĂšlair trĂŹd-shoilleir. Cuir gluasad sĂŹobhaltach an sĂ s airson trĂŹd-shoilleireachd, criathradh, agus sgĂ il bogsa.
Airson fĂ innean-seallaidh eadar 20em agus 61.24em, thoir radius crios dha na ceallan de 4px. Airson fĂ innean-seallaidh 61.25em agus nas fharsainge, cleachd radius crios de 8px.
Airson ceallan leis aâ chlas `.ended`, lughaich an trĂŹd-shoilleireachd gu 0.38 agus cuir criathradh dĂŹ-sĂ thachaidh is dorchachaidh an sĂ s.
Tha cĂšlair aig an eileamaid leis aâ chlas âsvelte-8a6q9câ de dhath accent violet leth-thrĂŹd-shoilleir le trĂŹd-shoilleireachd de 0.1.
Tha postar cealla falamh leis aâ chlas seo suidhichte gu tur, aâ còmhdach na h-Ă rainneachd gu lèir bho oir gu oir. Bidh e aâ sgèileadh a shusbaint gus an Ă ite a chòmhdach, tha trĂŹd-shoilleireachd de 0.92 aige, agus bidh e aâ cur bacadh air eadar-obrachadh is taghadh aâ chleachdaiche.
Tha ceall air a shoilleireachadh leis aâ chlas seo le trĂŹd-shoilleireachd iomlan. Tha ceall air a dhorchachadh le a thrĂŹd-shoilleireachd air a lughdachadh gu 0.3. Tha ceall air a chĂ rnadh le Ă rd-ĂŹre z-innse, gluasad sĂŹobhaltach trĂŹd-shoilleireachd thairis air 0.22 diogan, agus oiseanan cruinn. Nuair a tha ceall cĂ rnaichte gnĂŹomhach, tha e gu tur soilleir le Ă rd-ĂŹre z-innse agus oiseanan cruinn. Tha ceall cĂ rnaichte falaichte do-fhaicsinneach, le ĂŹsle-ĂŹre z-innse, agus gun fhreagairt do thachartasan comharra.
Tha bileag cealla suidhichte anns an oisean shuas-chlĂŹ le Ă rd-ĂŹre z-innse. Bidh i aâ cleachdadh clò beag, le padadh agus oiseanan cruinn, agus aâ sealltainn teacsa geal air cĂšlair dearg gun fhreagairt do thachartasan comharra.
Tha eileamaid video aâ lĂŹonadh an t-soithich aige, aâ sgèileadh susbaint gus a chòmhdach, agus aâ tòiseachadh gu tur trĂŹd-shoilleir mus tèid e a-steach thairis air 0.2 diogan. Nuair a tha e deiseil, bidh e gu tur neo-thrĂŹd-shoilleir.
Tha bogsa karaoke suidhichte faisg air aâ bhonn, aâ sgèileadh le caochladair griod, agus sa mheadhan le Ă rd-ĂŹre z-innse. Tha cĂšlair dorch leth-thrĂŹd-shoilleir aige agus padadh. Bidh an teacsa aige aâ cleachdadh clò sans-serif sònraichte, aâ gluasad datha gu sĂŹobhaltach, agus an toiseach liath aotrom. Bidh teacsa gnĂŹomhach taobh a-staigh aâ fĂ s geal le cĂšlair accent violet.
Tha còmhdach aâ chiad cheum aâ còmhdach na h-Ă rainneachd gu lèir le sreath dorch leth-thrĂŹd-shoilleir agus Ă rd-ĂŹre z-innse, gun fhreagairt do thachartasan comharra.
Tha bĂ r leasachaidh video suidhichte aig aâ bhonn, aâ sgèileadh le caochladair griod, agus na bhĂ r goirid cruinn le Ă rd-ĂŹre z-innse. Tha cĂšlair geal aige agus lĂŹonadh violet a dhâfhaodas a bhith beòthailte bhon chlĂŹ.
Tha còmhdach luchdaidh aâ còmhdach an fhĂ inne-seallaidh gu lèir le cĂšlair dorch leth-thrĂŹd-shoilleir agus Ă rd-ĂŹre z-innse. Bidh e aâ suidheachadh a shusbaint sa mheadhan gu dĂŹreach is còmhnard, aâ sealltainn teacsa geal. Is e beòthachadh cuairteach luchdaidh a thâ anns an spinner le crios geal a tha aâ cuairteachadh gu leantainneach.
Tha am prĂŹomh soitheach video scrolaidh suidhichte gu dĂ imheach. Tha na h-earrannan aige nan soithichean sĂšbailte a tha aâ suidheachadh an susbaint sa mheadhan. Nuair a tha snap-gnĂŹomhach, bidh na h-earrannan sin aâ co-thaobhadh ris an toiseach agus an-còmhnaidh aâ stad aig puingean snap.
Tha soitheach cĂšlair suidhichte gu dĂ imheach, aâ leigeil le a h-uile tachartas comharra, agus aâ cleachdadh taisbeanadh sĂšbailte. Bidh e aâ dol a-steach is a-mach gu sĂŹobhaltach. Bidh e aâ tòiseachadh falaichte rè am bĂšthaidh.
Chan eil an sgrolair aghaidh aâ freagairt do thachartasan comharra, ach bidh na divlean dĂŹreach taobh a-staigh na h-earrannan aige.
Tha pasgan còmhdaich aâ còmhdach na h-Ă rainneachd gu lèir le griod 3x3 agus chan eil e aâ freagairt do thachartasan comharra.
Tha cruach smachd fuaime suidhichte anns an oisean shuas-deas le leud stèidhichte, aâ cleachdadh sĂšbailte gus nithean a cho-thaobhadh ris aâ cheann. Chan eil e aâ freagairt do thachartasan comharra. Ann an staid as lugha, tha a chruth-atharrachadh air ath-shuidheachadh. Air scrionaichean nas motha, tha e sa mheadhan gu còmhnard agus suidhichte 22% bhon mhullach, le gluasad sĂŹobhaltach airson a shuidheachadh. Nuair a tha e nas lugha no air a chĂ rnadh air scrionaichean nas motha, bidh e aâ gluasad air ais chun an oisein shuas-deas.
Bidh am prĂŹomh smachd fuaime aâ cleachdadh teaghlach clò Guardian Text Sans.
Lean anailis aâ Ghairm an ainmeachadh le Ăšghdarras farpaiseachd na h-Eadailt sa MhĂ irt gun robh iad air sgrĂšdaidhean a dhèanamh aig oifisean Sephora agus Benefit Cosmetics, leis an aon phrĂŹomh chompanaidh aca.
Tha buidheann sòghachd Frangach LVMH fo sgrĂšdadh airson mar a bhios na brandaichean aca aâ margaidheachadh toraidhean cĂšram-craiceann do chloinn. Thuirt an neach-faire gun deach targaid a dhèanamh ann an cuid de chĂšisean air nigheanan a tha fhathast ann am bun-sgoil le masgan aghaidh, serum, agus cèam an aghaidh aois, a tha gu sònraichte airson inbhich.
Thuirt LVMH gun dèanadh iad, còmhla ri Sephora agus Benefit, âco-obrachadh gu h-iomlan leis na h-Ăšghdarrasanâ ach dhiĂšlt iad barrachd aithris. âTha na companaidhean uile ag aithris an coileanadh teann aca ri riaghailtean Eadailteach a tha buntainneach,â thuirt iad.
Dhâfhoillsich aâ Ghairm fianais gun dâ fhuair mòran de dhaoine òga a nochd ann an videothan TikTok toraidhean an-asgaidh mar mhalairt airson postadh mu bhrand air loidhne tro phrògraman fosgailte do bhuaidh-chleasaichean òga.
Ged a tha cleasaichean cloinne ann am film, telebhisean, agus modalachd air an dĂŹon le laghan saothair a tha aâ riaghladh uairean obrach, pĂ igheadh, agus dĂŹon, chan eil laghan co-ionann ann gus clann a dhĂŹon air meadhanan sòisealta.
Thuirt Victoria Collins, Ball PĂ rlamaid agus neach-labhairt nan Libearal Deamocratach airson saidheans, Ăšr-ghnĂ thachadh, agus teicneòlas, gun robh toraidhean aâ Ghairm âgu math draghailâ ann an ârud a tha air a bhith na oisean dorch agus brĂšideil air an eadar-lĂŹon.â Thuirt Collins gur e âdĂ -ghnè cunnartachâ a bhâ ann, ag rĂ dh gu bheil susbaint buaidh-chleasaichean cloinne gu tric aâ gineadh mĂŹltean de sheallaidhean agus reicean air meadhanan sòisealta. Tha na Libearal Deamocrataich ag iarraidh gun tèid aâ bheĂ rn riaghlachaidh a dhĂšnadh, oir tha e aâ fĂ gail daoine òga so-leònte ri brĂšthadh.
Ged a dhâfhaodadh cuid de phĂ rantan susbaint a cho-roinneadh airson spòrs no gus beatha teaghlaich a chlĂ radh, tha eòlaichean aâ toirt rabhadh gu bheil dĂŹth dĂŹonan soilleir fhathast na chunnart, gu sònraichte nuair a tha clann aâ nochdadh ann an susbaint a tha aâ tĂ ladh aire no eadar-obrachadh.
Thuirt craiceann-eòlaichean cuideachd nach eil cĂšram-craiceann airson cloinne riatanach gu mòr agus gum faodadh e cron a dhèanamh air an craiceann aca. Thuirt Amy Perkins, craiceann-eòlaiche, âChan eil feum aig aâ mhòr-chuid de chloinn air cĂšram-craiceann a bharrachd air siabann socair, taiseachadh sĂŹmplidh ma tha an craiceann aca tioram, agus gealach-grèine nuair a tha iad a-muigh. Tha an gluasad lĂ ithreach airson cleachdaidhean ioma-cheumach âdeĂ rrsadhâ no âan aghaidh aoisâ ann an clann air a stiĂšireadh le meadhanan sòisealta agus margaidheachd, chan le craiceann-eòlas.â
Thuirt craiceann-eòlaiche eile, Emma Wedgeworth, nach bu chòir clann glè òg a bhith air meadhanan sòisealta no aâ co-roinneadh âcleachdaidhean cĂšram-craiceann.â Thuirt i, âChan eil an t-eòlas, na sgilean, no aâ bhreithneachadh riatanach aig clann òga gus toraidhean a mheasadh airson an craiceann.â
Airson scrionaichean nas fharsainge na 1140px, tha eileamaidean leud-iomlan aâ phrĂŹomh cholbh eadar-ghnĂŹomhaich air an suidheachadh gu leud griod de 1140px le colbh clĂŹ de 161px. Tha an iomall clĂŹ air a thomhas gus an susbaint a shuidheachadh sa mheadhan, aâ gabhail a-steach leud aâ bharra-sgrolaidh. Aig 1300px agus nas Ă irde, tha am griod aâ leudachadh gu 1300px le colbh clĂŹ de 240px.
Chan eil leud as motha aig eileamaidean meadhanan taobh a-staigh aâ ghriod eadar-ghnĂŹomhaich agus tha iad air an co-thaobhadh ri oir chlĂŹ aâ chuirp le 10px air scrionaichean beaga, ag Ă rdachadh gu 20px aig 480px. Bho 660px, tha iad aâ còmhdach leud iomlan an fhĂ inne-seallaidh (Ă s aonais leud aâ bharra-sgrolaidh) le iomall clĂŹ de -20px. Aig 740px, bidh leud aâ ghriod aâ fĂ s 740px, agus tha an iomall clĂŹ air atharrachadh airson meadhanachadh, leis aâ cho-thaobhadh ri oir chlĂŹ aâ chuirp cuideachd air a thomhas airson suidheachadh. Bidh an leud griod seo ag Ăšrachadh gu 980px aig 980px, 1140px aig 1140px, agus 1300px aig 1300px, le leudan colbh clĂŹ co-fhreagarrach.
Bidh an sgeama datha aâ cleachdadh caochladairean modh dorcha airson teacsa, cĂšlaibh, loidhnichean, agus putanan, le dathan sònraichte liath is dathan accent. Tha iad sin cuideachd air an cur an sĂ s nuair a tha siostam aâ chleachdaiche aâ roghnachadh modh dorcha, ach a-mhĂ in ma tha sgeama soilleir air a shuidheachadh gu sònraichte.
Tha stoidhlichean a bharrachd aâ dèanamh cinnteach nach eil sgĂ il bogsa fòcas aig aâ phrĂŹomh raon susbaint agus aâ toirt a-steach iomraidhean air leabharlannan stoidhle airson ceistean meadhanan, clò-sgrĂŹobhaidh, agus cairtean. Tha co-phĂ irtean sgrolaidh air an structaradh le suidheachadh dĂ imheach agus lĂ imhseachadh glanadh soithichean.
.x70r {
display: block;
position: absolute;
width: 100%;
max-width: 100%;
pointer-events: none;
will-change: transform;
}
.grid-wrapper.svelte-8a6q9c {
width: 100%;
height: 100dvh;
position: relative;
overflow: hidden;
}
.grid.svelte-8a6q9c {
position: absolute;
display: grid;
transform-origin: 0 0;
will-change: transform;
--grid-scale: 1;
}
.cell.svelte-8a6q9c {
position: relative;
overflow: hidden;
background: transparent;
transition: opacity .22s ease, filter .22s ease, box-shadow .22s ease;
}
@media (min-width: 20em) and (max-width: 61.24em) {
.cell.svelte-8a6q9c {
border-radius: 4px;
}
}
@media (min-width: 61.25em) {
.cell.svelte-8a6q9c {
border-radius: 8px;
}
}
.cell.ended.svelte-8a6q9c {
opacity: .38;
filter: saturate(.55) brightness(.78);
}
.cell.empty.svelte-8a6q9c {
background: var(--accent-violet-transparent);
opacity: .1;
}
.empty-cell-poster.svelte-8a6q9c {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .92;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.cell.highlighted.svelte-8a6q9c {
opacity: 1;
}
.cell.dimmed.svelte-8a6q9c {
opacity: .3;
}
.cell.stacked.svelte-8a6q9c {
z-index: 2;
transition: opacity .22s ease;
border-radius: 8px;
}
.cell.stack-active.svelte-8a6q9c {
opacity: 1;
visibility: visible;
z-index: 2;
border-radius: 8px;
}
.cell.stack-hidden.svelte-8a6q9c {
opacity: 0;
visibility: hidden;
z-index: 1;
pointer-events: none;
}
.cell-label.svelte-8a6q9c {
position: absolute;
top: 6px;
left: 6px;
z-index: 2;
font-size: 11px;
line-height: 1;
padding: 4px 6px;
border-radius: 6px;
color: #fff;
background: red;
pointer-events: none;
}
video.svelte-8a6q9c {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
flex: 1 1 auto;
opacity: 0;
transition: opacity .2s ease;
}
video.ready.svelte-8a6q9c {
opacity: 1;
}
.karaoke-box.svelte-8a6q9c {
position: absolute;
top: 70%;
width: calc(100% * var(--grid-scale, 1));
text-align: center;
pointer-events: none;
z-index: 30;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: top left;
background-color: #00000080;
padding: 12px;
}
.karaoke-box.svelte-8a6q9c span:where(.svelte-8a6q9c) {
transition: color .12s linear;
color: var(--news-grey-01);
font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
--source-text-decoration-thickness: 2px;
}
.karaoke-box.svelte-8a6q9c span.active:where(.svelte-8a6q9c) {
color: #fff;
background-color: var(--accent-violet);
}
.first-step-overlay.svelte-8a6q9c {
position: absolute;
inset: 0;
background: #00000080;
pointer-events: none;
z-index: 10;
}
.video-evolution-bar.svelte-8a6q9c {
position: absolute;
width: calc(100% * var(--grid-scale, 1));
bottom: 0;
height: 8px;
border-radius: 999px;
overflow: hidden;
z-index: 25;
pointer-events: none;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: left bottom;
background: #fff;
}
.video-evolution-bar__fill.svelte-8a6q9c {
width: 100%;
height: 100%;
background: var(--accent-violet);
transform-origin: left center;
}
.gv-loader-overlay.svelte-1cir09n {
position: absolute;
inset: 0;
z-index: 60;
display: grid;
place-items: center;
align-items: center;
gap: 12px;
background: #0000008c;
color: #fff;
height: 100vh;
}
.gv-loader-spinner.svelte-1cir09n {
align-self: center;
width: 36px;
height: 36px;
border-radius: 999px;
border: 3px solid rgba(255, 255, 255, .35);
border-top-color: #fff;
animation: svelte-1cir09n-gv-spin .9s linear infinite;
}
@keyframes svelte-1cir09n-gv-spin {
to {
transform: rotate(360deg);
}
}
.scrolly-video.svelte-1cir09n {
position: relative;
}
.scrolly-video.svelte-1cir09n section:where(.svelte-1cir09n) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.scrolly-video.snap-active.svelte-1cir09n section:where(.svelte-1cir09n) {
scroll-snap-align: start;
scroll-snap-stop: always;
}
.background-container.svelte-1cir09n {
position: relative;
pointer-events: all;
display: flex;
opacity: 1;
transition: opacity .12s linear;
}
.background-container.boot-hidden.svelte-1cir09n {
opacity: 0;
}
svelte-scroller-foreground {
pointer-events: none;
}
svelte-scroller-foreground section.svelte-1cir09n > div:where(.svelte-1cir09n) {
pointer-events: all;
}
.gv-overlay-wrapper.svelte-1cir09n {
position: absolute;
inset: 0;
display: grid;
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr);
pointer-events: none;
width: 100%;
}
Tha an cruach smachd fuaime suidhichte gu tur, 12px bhon mhullach agus 16px bhon taobh deas, le leud de 224px. Bidh e aâ cleachdadh flexbox gus nithean a cho-thaobhadh ris aâ cheann agus an suidheachadh sa mheadhan gu dĂŹreach, gun tachartasan comharra, agus gun chruth-atharrachadh air a chur an sĂ s. Nuair a thèid aâ chlas mionaidich a chur ris, bidh an cruth-atharrachadh fhathast gun atharrachadh.
Air scrionaichean nas motha (min-width: 61.25em), tha an cruach suidhichte aig 22% bhon mhullach agus sa mheadhan gu còmhnard (left: 50%, transform: translate(-50%)), le gluasad sĂŹobhaltach airson a shuidheachadh agus cruth-atharrachadh. Nuair a tha na clasaichean mionaidich no cĂ rnaichte gnĂŹomhach air scrionaichean nas motha, bidh e aâ gluasad gu 12px bhon mhullach agus 240px bhon oir chlĂŹ den t-soitheach aige, aâ co-thaobhadh ris aâ cheann gun chruth-atharrachadh.
Bidh am prĂŹomh putan smachd fuaime aâ cleachdadh cruinneachadh clò sans-serif sònraichte, tha e 224px a leud agus 44px a dhâĂ irde, le padadh a-staigh, sruthadh falaichte, teacsa geal, agus cĂšlair violet le oiseanan cruinn. Chan eil crios aige, tha teacsa co-thaobhaichte clĂŹ, aâ leigeil le tachartasan comharra, agus aâ gluasad a leud is a phadadh. Bidh e aâ cleachdadh pseudo-eileamaidean airson ĂŹomhaighean tosdachaidh/mĂšthaidh a bhios ag atharrachadh trĂŹd-shoilleireachd. Nuair a thèid aâ chlas muted a chur an sĂ s, bidh na h-ĂŹomhaighean ag atharrachadh fradharc.
Ann an staid as lugha, bidh am putan aâ crĂŹonadh gu leud 44px le padadh nas lugha, agus tha teacsa na bileag air a cheilt a-mach. Tha aâ bhileag fhèin