#CĂšram-Craicinn na Leanaban: Saoghal draghail bhideothan Ă illeachd chloinne air TikTok

#CĂšram-Craicinn na Leanaban: Saoghal draghail bhideothan Ă illeachd chloinne air TikTok

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