Am pàigheadh tu airson an “leanaibh as fheàrr”? Eòganachd libirealach agus an tòir trioblaideach air foirfeachd dhaonna

.content__main-column--interactive .interactive-atom:first-of-type + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type, .content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type, .content__main-column--interactive hr:not(.last-horizontal-rule) + p, .content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p, #article-body > div .interactive-atom:first-of-type + p:first-of-type, #article-body > div .element-atom:first-of-type + p:first-of-type, #article-body > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type, #article-body > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type, #article-body > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type, #article-body > div .element-atom:first-of-type + .element-atom + p:first-of-type, #article-body > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type, #article-body > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type, #article-body > div hr:not(.last-horizontal-rule) + p, #article-body > div hr:not(.last-horizontal-rule) + .ad-slot-container + p, .content--interactive > div .interactive-atom:first-of-type + p:first-of-type, .content--interactive > div .element-atom:first-of-type + p:first-of-type, .content--interactive > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type, .content--interactive > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type, .content--interactive > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type, .content--interactive > div .element-atom:first-of-type + .element-atom + p:first-of-type, .content--interactive > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type, .content--interactive > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type, .content--interactive > div hr:not(.last-horizontal-rule) + p, .content--interactive > div hr:not(.last-horizontal-rule) + .ad-slot-container + p, #comment-body .interactive-atom:first-of-type + p:first-of-type, #comment-body .element-atom:first-of-type + p:first-of-type, #comment-body .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type, #comment-body .element-atom:first-of-type + .sign-in-gate + p:first-of-type, #comment-body .element-atom:first-of-type + #sign-in-gate + p:first-of-type, #comment-body .element-atom:first-of-type + .element-atom + p:first-of-type, #comment-body .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type, #comment-body .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type, #comment-body hr:not(.last-horizontal-rule) + p, #comment-body hr:not(.last-horizontal-rule) + .ad-slot-container + p, [data-gu-name=body] .interactive-atom:first-of-type + p:first-of-type, [data-gu-name=body] .element-atom:first-of-type + p:first-of-type, [data-gu-name=body] .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type, [data-gu-name=body] .element-atom:first-of-type + .sign-in-gate + p:first-of-type, [data-gu-name=body] .element-atom:first-of-type + #sign-in-gate + p:first-of-type, [data-gu-name=body] .element-atom:fiTha na roghnaichean CSS ag amas air eileamaidean paragraf sònraichte gus padadh àrd agus stoidhle a' chiad litir a chur an sàs. Tha iad a' còmhdach paragrafan a thig às dèidh ataman eadar-ghnìomhach, ataman eileamaid, figearan leabachaidh mì-shàbhailte, geataichean clàraidh a-steach, agus riaghailtean còmhnard (ach a-mhàin am fear mu dheireadh) taobh a-staigh diofar shoithichean bodhaig. Tha am padadh air a shuidheachadh gu 14px, agus tha a' chiad litir de na paragrafan air a cuimseachadh a' faighinn stoidhle shònraichte.Tha an teacsa a chaidh a thoirt seachad na bhloc de chòd CSS, chan e rosg, agus mar sin chan urrainnear a bhith air ath-sgrìobhadh gu Beurla fileanta, nàdarra fhad 's a chumas e an ciall slàn. Ma thogras tu, 's urrainn dhomh an àite sin mìneachadh a thoirt air na tha an CSS seo a' dèanamh ann am Beurla shìmplidh.Tha an teacsa na chòd CSS, chan e rosg, agus mar sin chan eil abairtean iom-fhillte ann ri shìmpleachadh. Seo an còd leis an aon chiall, air a chruthachadh nas glaine: ``` [data-gu-name=pullquote], #comment-body [data-gu-name=pullquote], [data-gu-name=body] [data-gu-name=pullquote], #feature-body [data-gu-name=pullquote] { max-width: 620px; } #maincontent figure.element.element--showcase.element-showcase figcaption, #feature-article-container figure.element.element--showcase.element-showcase figcaption, #standard-article-container figure.element.element--showcase.element-showcase figcaption, #comment-article-container figure.element.element--showcase.element-showcase figcaption { position: static !important; width: 100%; max-width: 620px; } @media (min-width: 71.25em) { #maincontent figure.element.element--showcase.element-showcase figcaption, #feature-article-container figure.element.element--showcase.element-showcase figcaption, #standard-article-container figure.element.element--showcase.element-showcase figcaption, #comment-article-container figure.element.element--showcase.element-showcase figcaption { position: absolute !important; max-width: 140px; } } @media (min-width: 81.25em) { #maincontent figure.element.element--showcase.element-showcase figcaption, #feature-article-container figure.element.element--showcase.element-showcase figcaption, #standard-article-container figure.element.element--showcase.element-showcase figcaption, #comment-article-container figure.element.element--showcase.element-showcase figcaption { max-width: 220px; } } .element.element--immersive.element-immersive { width: calc(100vw - var(--scrollbar-width, 0px)); } @media (max-width: 71.24em) { .element.element--immersive.element-immersive { max-width: 978px; } .element.element--immersive.element-immersive figcaption { padding-inline: 10px; } } @media (max-width: 71.24em) and (min-width: 30em) { .element.element--immersive.element-immersive figcaption { padding-inline: 20px; } } @media (min-width: 46.25em) and (max-width: 61.24em) { .element.element--immersive.element-immersive { max-width: 738px; } } @media (max-width: 46.24em) { .element.element--immersive.element-immersive { margin-left: -10px !important; margin-right: 0 !important; left: 0; } } @media (max-width: 46.24em) and (min-width: 30em) { .element.element--immersive.element-immersive { margin-left: -20px !important; } .element.element--immersive.element-immersive figcaption { padding-inline: 20px; } } @media (min-width: 71.25em) { [data-gu-name=body] figure.element.element--showcase.element-showcase, [data-gu-name=body] .content__main-column--interactive figure.element.element--showcase.element-showcase { margin-left: -160px !important; } } @media (min-width: 81.25em) { [data-gu-name=body] figure.element.element--showcase.element-showcase, [data-gu-name=body] .content__main-column--interactive figure.element.element--showcase.element-showcase { margin-left: -240px !important; } } #article > article:not(.content--interactive) > .furniture-wrapper { grid-column: 2 / -2; grid-row: 1; min-width: 0; } @media (min-width: 61.25em) { #article > article:not(.content--interactive) > .furniture-wrapper > [data-gu-name=meta] > div:first-child:not(.content__meta-container_dcr) { display: none; } } #article > article:not(.content--interactive) > .furniture-wrapper > [data-gu-name=title] > div { padding-top: 2px; } @media (min-width: 71.25em) { #article > article:not(.content--interactive) > .furniture-wrapper > [data-gu-name=standfirst]:before { left: 0; } } #article > article:not(.content--interactive) > .furniture-wrapper ~ [data-gu-name=right-column], #article > article:not(.content--interactive) > .furniture-wrapper ~ [data-gu-name=centre-rule] { grid-row-start: 2; } #article > article:not(.content--interactive) > .furniture-wrapper ~ [data-gu-name=body] figure.element-atom:has(#article-layout, [id^=gv-atom-portrait]) { margin-block: 0; } .furniture-wrapper { position: relative; } @media (min-width: 61.25em) { .furniture-wrapper { display: grid; grid-column-gap: 20px; grid-row-gap: 0px; grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end meta-start] auto [meta-end portrait-end]; } .furniture-wrapper #headline > div:first-child, .furniture-wrapper ```Tha an teacsa a chaidh a thoirt seachad na chòd CSS, chan e rosg, agus mar sin chan urrainnear a bhith air ath-sgrìobhadh gu Beurla nàdarra fileanta fhad 's a chumas e an ciall slàn. Ma thogras tu, 's urrainn dhomh an àite sin mìneachadh a thoirt air na tha an CSS seo a' dèanamh ann am Beurla shìmplidh.Tha an còd CSS seo a' stoidhleadh cruth artaigil naidheachd, a' còmhdach a' cheann-naidheachd, meata-dàta, standfirst, meadhan, agus fo-thiotalan. Tha e a' suidheachadh phuingean-briseadh freagairteach, ag atharrachadh beàrnan agus co-thaobhadh, agus a' mìneachadh dathan modh dorcha. Tha e cuideachd a' falach eileamaidean seòlaidh agus taobh sònraichte agus a' cur stoidhle shònraichte an sàs air colbhan susbaint eadar-ghnìomhach.@media (min-width: 30em) and (max-width: 61.24em) { .furniture-wrapper { padding-bottom: 8px; } } @media (min-width: 61.25em) { .furniture-wrapper { padding-bottom: 0; } } .furniture-wrapper .article-header, .furniture-wrapper [data-gu-name=title] a, .furniture-wrapper [data-gu-name=title] span { color: var(--new-pillar-colour, --darkModeFeature); } @media (min-width: 61.25em) { .furniture-wrapper #headline > div:first-child, .furniture-wrapper [data-gu-name=headline] > div:first-child, .furniture-wrapper .headline > div:first-child { border-top: 1px solid var(--headerBorderColor); } } .furniture-wrapper #headline h1, .furniture-wrapper [data-gu-name=headline] h1, .furniture-wrapper .headline h1 { font-weight: 700; color: #dcdcdc; } .furniture-wrapper #headline figure, .furniture-wrapper [data-gu-name=headline] figure, .furniture-wrapper .headline figure { margin-top: 0; margin-bottom: 2px; } @media (min-width: 71.25em) { .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name=meta]:before { background-color: var(--headerBorderColor); } } .furniture-wrapper #meta details, .furniture-wrapper #meta summary, .furniture-wrapper #meta summary span, .furniture-wrapper [data-gu-name=meta] details, .furniture-wrapper [data-gu-name=meta] summary, .furniture-wrapper [data-gu-name=meta] summary span { color: #dcdcdc; } .furniture-wrapper #meta .meta__social a, .furniture-wrapper #meta .meta__social button, .furniture-wrapper [data-gu-name=meta] .meta__social a, .furniture-wrapper [data-gu-name=meta] .meta__social button { border-color: var(--headerBorderColor); color: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper #meta .meta__social a svg, .furniture-wrapper #meta .meta__social button svg, .furniture-wrapper [data-gu-name=meta] .meta__social a svg, .furniture-wrapper [data-gu-name=meta] .meta__social button svg { fill: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper #meta .meta__social a:hover, .furniture-wrapper #meta .meta__social button:hover, .furniture-wrapper [data-gu-name=meta] .meta__social a:hover, .furniture-wrapper [data-gu-name=meta] .meta__social button:hover { color: var(--darkBackground); background-color: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper #meta .meta__social a:hover svg, .furniture-wrapper #meta .meta__social button:hover svg, .furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg, .furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg { fill: var(--darkBackground); } .furniture-wrapper #meta div, .furniture-wrapper [data-gu-name=meta] div { color: #dcdcdc; } .furniture-wrapper #meta a, .furniture-wrapper [data-gu-name=meta] a { color: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper #meta a:hover, .furniture-wrapper [data-gu-name=meta] a:hover { color: var(--new-pillar-colour, --darkModeFeature); text-decoration-color: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper #meta a + span, .furniture-wrapper [data-gu-name=meta] a + span { color: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper .standfirst a, .furniture-wrapper .standfirst li a, .furniture-wrapper #standfirst a, .furniture-wrapper #standfirst li a, .furniture-wrapper [data-gu-name=standfirst] a, .furniture-wrapper [data-gu-name=standfirst] li a { border-bottom: none; color: var(--new-pillar-colour, --darkModeFeature); background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); text-decoration-thickness: 1px; } .furniture-wrapper .standfirst a:hover, .furniture-wrapper .standfirst li a:hover, .furniture-wrapper #standfirst a:hover, .furniture-wrapper #standfirst li a:hover, .furniture-wrapper [data-gu-name=standfirst] a:hover, .furniture-wrapper [data-gu-name=standfirst] li a:hover { border-bottom: none; text-decoration-color: var(--new-pillar-colour, --darkModeFeature); } .furniture-wrapper .standfirst p, .furniture-wrapper #standfirst p, .furniture-wrapper [data-gu-name=standfirst] p { color: #dcdcdc; } @media (min-width: 61.25em) { .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name=standfirst] p:first-of-type { border-top: 1px solid var(--headerBorderColor); } } @medAirson ùine mhòr, bha mi a' bruadar mu bhith air mo leigheas. Rugadh mi ann an 1981. Dh'ionnsaich mi coiseachd tràth gu leòr, ach bha mi a' tuisleachadh agus a' tuiteam na bu shoirbhe na clann eile. Thòisich mo phàrantan a' gabhail dragh gun robh rudeigin ceàrr, gun robh mo fhèithean na bu laige na bu chòir. Mu dheireadh, aig aois trì, chaidh mo dhearbhadh le seòrsa de atrophy fèithe cnàimh-droma (SMA). Anns na 1980an, cha robh na meacanaigean mionaideach air an tuigsinn fhathast, ach bha fios gun robh an suidheachadh oighreachail, is dòcha ceangailte ri gine cùl-ghinteach. Bha fios cuideachd gu robh e adhartach. Mar a dh'fhàs mi nas sine, cha bhiodh mo fhèithean a' cumail suas. Aig ochd, thòisich mi a' cleachdadh cathair-chuibhle airson astaran nas fhaide. Mun àm a bha mi 18, cha mhòr nach robh mi a' coiseachd a-muigh tuilleadh. Tha e doirbh a bhith òg agus fios agad gu bheil thu a' fàs nas laige seach nas treasa. Bha na h-aon mhiannan agam 's a bha aig mo charaidean neo-chomasach, ach bha mi beò ann an eagal mun àm ri teachd ann an dòigh nach robh iadsan. Chuir mi seachad tòrr ùine a' smaoineachadh cò ris a bhiodh mo bheatha coltach mura robh SMA orm. Bha na h-ìomhaighean nam cheann de rudeigin mar dhùbailte: mi fhìn, dìreach air falbh bhon aon easbhaidh seo, air a mhìneachadh gu neo-mhionaideach, ach air a chòdachadh an àiteigin nam bhodhaig. Anns na 1990an, thòisich an genoma daonna air a mhapadh. Dh'fhàs gintinneachd mheidigeach nas mionaidiche agus nas mionaidiche. Bha mi gu math mothachail air seo—gun robh suidheachaidhean gintinneach mar an fheadhainn agam a' faighinn tuigsinn nas fheàrr gach bliadhna. Leis an tuigse sin thàinig an comas, ge bith dè cho fann, gum faodadh seòrsa air choreigin de làimhseachadh a bhith ann dhomh seach na uairean gun chrìoch de leigheas corporra goirt, cha mhòr gun fhiach a rinn mi às