Wannan rubutu ne na CSS code block wanda ke bayyana "Guardian Headline Full" font family. Ya ƙunshi dokoki da yawa na font-face, kowanne yana ƙayyade nauyin font daban da salo, tare da fayilolin font da suka dace a cikin nau'ikan daban-daban (WOFF2, WOFF, da TTF). Nauyin font ɗin ya bambanta daga haske (300) zuwa semibold (600), kuma an rufe duka salo na al'ada da italic. Fayilolin font ɗin ana ajiye su a kan sabar kadarorin The Guardian.
Na yi hakuri, amma ba zan iya taimakawa da sake rubuta wannan rubutu ba saboda yana kama da CSS code, ba magana ta halitta ba. Idan kana da wani rubutu daban da kake so in taimaka da shi, jin kyauta ka raba shi.
Wannan rubutu yana kama da CSS code, ba harshe na halitta ba. Ya ƙunshi dokokin salo don gidan yanar gizo, mai yiwuwa don shimfidar labarin labarai. Tun da yake code ne na fasaha, sake rubuta shi cikin Ingilishi mai kyau bai dace ba. Idan kana nufin raba wani rubutu daban, don Allah ka ba da shi, kuma zan taimaka sake rubuta shi.
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
Wannan rubutu yana kama da CSS code, ba harshe na halitta ba. Yana bayyana salon font da dokokin shimfidar shafi na gidan yanar gizo. Tun da yake code ne na fasaha, sake rubuta shi cikin "Ingilishi mai kyau, na halitta" bai dace ba—an yi shi ne don masu bincike su karanta, ba mutane ba. Idan kana so, zan iya bayyana abin da wannan code ɗin yake yi a cikin Ingilishi mai sauƙi.
order-left: 1px solid #dcdcdc; left: -11px;
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role="inline"].element {
max-width: 620px;
}
}
[data-gu-name="media"]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name="media"]:has(figure.loop) figure.loop button[data-link-name*="gu-video-loop"] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="unmute-icon"]),
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="mute-icon"]) {
right: 0;
padding-left: 10px;
}
[data-gu-name="media"]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name="media"]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name="media"]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, 0.72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme="light"]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme="light"]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.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 .element-atom:first-of-type + p {
/ Babu wani salo da aka ƙayyade anan /
}
Anan akwai rubutun da aka sake rubuta cikin Ingilishi mai kyau, na halitta:
Zaɓi sakin layi na farko da ya bayyana bayan kashi na farko da aka saka a cikin jikin labarin, ko bayan layin kwance wanda ba na ƙarshe ba, ko bayan kwantena na wurin talla. Wannan ya shafi sassa daban-daban na shafin, gami da babban jikin labarin, abun ciki na mu'amala, sassan sharhi, da sassan fasali. Hakanan, yi amfani da tazarar sama na pixels 14 ga waɗannan sakin layukan da aka zaɓa. Bugu da ƙari, ga manyan ginshiƙan mu'amala, yi salo ga harafin farko na sakin layi na farko wanda ke bin kashi na farko da aka saka ko hoto mai ƙunshe da ɓangaren shigar da ba shi da aminci, yana mai da shi babban harafi mai faɗuwa.
Wannan rubutu yana kama da jerin zaɓin CSS, ba nassi na harshe na halitta ba. Ya ƙunshi babu jimloli ko ma'ana da za a sake rubuta. Don Allah ka ba da rubutu mai ɗauke da jimloli ko sakin layi na gaske domin in sake faɗa shi.
Wannan toshe ne na CSS code, ba rubutu ba da za a sake rubuta shi cikin Ingilishi na halitta ba. Ya ƙunshi zaɓuɓɓuka da dokokin salo don gidan yanar gizo, mai yiwuwa The Guardian. Idan kana so, zan iya bayyana abin da yake yi a cikin Ingilishi mai sauƙi ko taimaka da wani abu dabam. Bari in san yadda zan iya taimaka!
Anan akwai rubutun da aka sake rubuta cikin Ingilishi mai kyau, na halitta:
Ga fuska masu kunkuntar fiye da 46.24em amma aƙalla 30em faɗi, kashi na immersive ya kamata ya kasance da gefen hagu na -20px, kuma taken sa ya kamata ya kasance da tazarar pixels 20 a kowane gefe.
A kan fuska masu faɗi fiye da 71.25em, abubuwan nunawa a cikin jiki ko babban ginshiƙin mu'amala ya kamata su kasance da gefen hagu na -160px. A kan fuska masu faɗi fiye da 81.25em, wannan gefen yana ƙaruwa zuwa -240px.
Kwantena na kayan daki yana da matsayi na dangi. A kan fuska aƙalla 61.25em faɗi, ya zama grid tare da tazarar ginshiƙi na pixels 20 kuma babu tazarar layi. Grid ɗin yana da ginshiƙai biyar don take, kanun labari, meta, da standfirst, sannan ginshiƙai biyar don hoton. Layukan an tsara su ne don take ya ɗauki 0.25fr, kanun labari 1fr, standfirst 0.75fr, kuma meta girman kai, tare da hoton yana rufe duk layukan.
A cikin wannan shimfidar, ɗan fari na sashin kanun labari yana samun iyakar sama. Sashin meta yana da matsayi na dangi tare da ƙaramin tazarar sama kuma babu gefen dama. Sakin layi na farko na standfirst yana da tazarar ƙasa na pixels 4, kuma abubuwan jerin sa suna da girman font 20px. Hanyoyin haɗi a cikin standfirst ba su da iyakar ƙasa ko hoton baya, amma an yi musu layi a ƙasa tare da tazarar pixels 6, layi mai kauri 1px, da launi mai haske. A kan hover, launin layin yana canzawa zuwa launin ginshiƙi. Sakin layi na farko a cikin standfirst yana da iyakar sama kuma babu tazarar ƙasa.
A kan fuska aƙalla 71.25em faɗi, grid ɗin yana faɗaɗa don samun ginshiƙai biyu don take, kanun labari, da meta, biyar don standfirst, da bakwai don hoton. Layukan an saita su zuwa 80px don take, auto don kanun labari, da auto don standfirst da meta. Sashin meta yana samun iyakar sama mai faɗi 540px, tsawo 1px. Sakin layi na farko na standfirst ya rasa iyakar saman sa, kuma a maimakon haka, an ƙara layi na tsaye mai faɗi 1px a gabansa.
Hotuna a cikin kwantena na kayan daki ba su da gefen hagu, kuma hotuna na cikin layi an iyakance su zuwa faɗin 630px.
;height:100%;position:absolute;top:0;left:.5px}}@media (min-width: 81.25em){.furniture-wrapper{grid-template-columns:[title-start headline-start meta-start] repeat(3,1fr) [meta-end standfirst-start] repeat(5,1fr) [title-end headline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]}.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{width:620px}.furniture-wrapper .standfirst:before,.furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media
A kan fuska aƙalla 30em faɗi, maɓallin taken a cikin kwantena na kayan daki yana da matsayi na pixels 10 daga dama. Ga fuska 71.25em da sama, iyakar saman babban ginshiƙin mu'amala an motsa shi sama da pixels 12 kuma tsawon sa an ƙara shi da pixels 24. Kanun labarin babban ginshiƙin an iyakance su zuwa iyakar faɗin pixels 620.
A cikin yanayin duhu (lokacin da tsarin ya fi son shi kuma ba a saita tsarin launi mai haske ba), ana daidaita launukan rubutu da haɗi da yawa: rubutun bi, rubutun standfirst, da bylines suna amfani da launi mai haske (#dcdcdc), yayin da haɗin standfirst da bylines ke amfani da launin ginshiƙi na yanayin duhu. Launukan ginshiƙi an bayyana su a duniya: ana amfani da ginshiƙi na farko don inuwar 400, na biyu don 200, da ginshiƙi na yanayin duhu don 500. Iyakar taken an saita shi zuwa launi mai matsakaici (#606060), kuma rubutun blockquote yana da launi mai haske.
Blockquotes ba su da wani cika na musamman ta tsohuwa. Iyakar saman babban ginshiƙin mu'amala yana amfani da wannan launi mai matsakaici. Taken hotuna da sassan su suna amfani da launin rubutun taken, tare da tazarar pixels 4 a sama, 42 a dama, 12 a ƙasa, da 10 a hagu. Haɗin standfirst ba su da layi a ƙasa amma suna da iyakar ƙasa a cikin launin iyakar haɗin standfirst. Abubuwan immersive suna ɗaukar cikakken faɗi. Sakin layi na taken suna amfani da launin rubutun taken. Taken hotuna suna rufe cikakken faɗi. A kan fuska 61.25em da sama, kashi na media ba shi da tazarar ƙasa, kuma ɓangarorin ciki na sa ma ba su da tazarar ƙasa kuma suna cika tsayi. Hotuna ba su da gefe kuma suna da bangon bayyane.
An bayyana saitin masu canjin CSS don labarin: launin hover na ginshiƙi 500 shine cakuda 90% na ginshiƙi 500 da 10% na launi mai duhu (#1a1a1a). Bangon labarin, rubutun maɓallin edita, bangon pullquote, hover na maɓallin rabawa, bangon sub-meta, da hover na rubutun sub-meta duk launi mai duhu ne. Iyakoki da layukan (iyakar labarin, iyakar haɗi, layukan meta, iyakar maɓallin rabawa, iyakar haɗin standfirst, layukan madaidaici, iyakar pullquote) launi mai matsakaici ne. Rubutun taken launi ne mai haske (#999999). Rubutun blockquote, dateline, rubutun bi, kanun labari, launin wayar hannu, rubutun standfirst, rubutun lakabin sub-meta, rubutun sub-meta, da rubutun textblock duk launi mai haske ne (#dcdcdc). Iyakokin haɗi a kan hover, rubutun haɗi, anga byline, bangon maɓallin edita, taken jerin, maɓallin rabawa, haɗin standfirst, bylines, manyan haruffa, gumakan bi, gumakan pullquote da rubutu, ƙananan kanun labari, da bullets na textblock duk suna amfani da launin ginshiƙi 500 (tsohuwa launi mai haske). Rubutun labarin launi mai haske ne. Haɗin standfirst a kan hover suna amfani da launin ginshiƙi 500 don iyakar su. Blockquotes suna amfani da launin ginshiƙi 500 don cika su. Abubuwan haɗin rich suna da bangon launi mai duhu, launi mai haske a kan hover, kanun labari masu haske, da ginshiƙi 500 don rubutu da cika. Dokokin kwance suna amfani da launin iyakar labarin.
A cikin yanayin duhu, rubutun haɗin labarin, byline, da rubutun haɗin standfirst suna amfani da launin ginshiƙi 500, yayin da rubutun haɗi a kan hover ke amfani da launin hover na ginshiƙi 500. Rubutun standfirst launi mai haske ne, kuma bullets na textblock suna amfani da launin ginshiƙi 500. Scroll tooltip yana da bangon gradient daga duhu a ƙasa zuwa bayyane a sama, tare da rubutu mai haske, kuma hanyoyin SVG na sa an yi musu salo daidai.
fill:#1a1a1a;stroke:#999}.scroll-tooltip.extra-help{background:#000c}.sticky-captions{background-color:#1a1a1a}:root:root{--table-of-contents: #dcdcdc;--table-of-contents-border: var(--headerBorder);--expandable-atom-background: #333333}@media (min-width: 46.25em){[data-gu-name=body] [name=TableOfContents] details{border-left:1px solid var(--headerBorder);max-width:620px;margin-top:0;margin-bottom:0;padding-left:10px;padding-top:20px}}@media (min-width: 71.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:150px}}@media (min-width: 81.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:229px}}
Ga Fatin, ɗaya daga cikin 'yan mata matasa da ke zaune a halin yanzu a wani sansanin wucin gadi a birnin Ceuta na Spain, shawarar barin gidanta a Maroko ta fara bayyana lokacin da ta daina zuwa makaranta. Tana son ci gaba da karatu, in ji ta, amma a gida ana sa ran ta ɗauki aikin gida a maimakon haka. Yayin da darussa da ilmantarwa suka ba da gudummawa ga ayyukan gida, makomar da ta yi tunanin kanta ta fara jin ba ta isa ba.
Fatin tana ɗaya daga cikin 'yan mata 29 da suka raba ra'ayoyinsu game da abubuwan da suka gabata da kuma makomarsu tare da Guardian. Dukansu sun kasance cikin ƙetarewa da yawa daga Maroko a ƙarshen Yuli wanda ya zama kanun labarai a duniya. Kusan wata guda bayan haka, 'yan matan suna cikin ɗaruruwan matasan Maroko da ke kwana a wani matsuguni na wucin gadi a El Príncipe, ɗaya daga cikin unguwannin da suka fi fama da talauci a Ceuta—ba su da tabbacin ko za a bar su su zauna a Spain ko a mayar da su Maroko.
Duba hoto a cikakken allo
Salma, 17. 'Ina son canza rayuwata. Ni yarinya ce 'yar shekara 17 daga Maroko. Ina matukar son Spain kuma ina son yin aiki a nan. A nan gaba, ina son zama mai dafa abinci.' Hoton: Soraya Aybar Laafou
Duba hoto a cikakken allo
Jawahir, 16. 'Ina jin daɗi a wannan wuri domin anan an kare mu, kuma wannan abu ne da muke rasa a ƙasarmu. Muna rayuwa cikin matsaloli iri-iri, gami da na tunani. Ina fatan in yi rayuwa mai lafiya da kwanciyar hankali. Ina fatan in cimma duk mafarkina, in sam
