Dyma ddalen arddull CSS sy'n diffinio teulu ffont "Guardian Headline Full". Mae'n cynnwys nifer o reolau font-face, pob un yn pennu pwysau ac arddull gwahanol o'r ffont, ynghyd ag URLau ar gyfer ffeiliau'r ffont mewn amrywiol fformatau (WOFF2, WOFF, a TTF). Mae'r pwysau'n amrywio o ysgafn (300) i led-drwm (600), ac mae arddulliau arferol ac italaidd wedi'u cynnwys. Mae'r ffeiliau ffont wedi'u cynnal ar weinydd asedau The Guardian.
Mae'r testun hwn yn ymddangos fel cod CSS, nid iaith naturiol. Mae'n diffinio arddulliau ffont a rheolau cynllun ar gyfer tudalen we. Gan ei fod yn god technegol, nid yw ei ailysgrifennu i Saesneg rhugl yn berthnasol. Os oeddech yn bwriadu rhannu testun gwahanol, darparwch ef, a byddaf yn hapus i helpu.
chwith: -11px.
Nid oes gan brif golofn cynnwys erthyglau rhyngweithiol unrhyw ymyl na padin o amgylch elfennau wedi'u mewnblannu, gyda 12px o badin ar y brig a'r gwaelod. Pan ddilynir paragraff gan elfen wedi'i mewnblannu, caiff y padin ei dynnu a'i ddisodli gan ymylon 12px. Mae elfennau mewn-lein wedi'u cyfyngu i uchafswm lled o 620px.
Ar sgriniau lletach na 61.25em, mae ffigurau mewn-lein hefyd wedi'u cyfyngu i 620px.
Ar gyfer adrannau cyfryngau gyda fideos dolen, mae'r capsiwn wedi'i leoli uwchben elfennau eraill, ac mae'r botwm dolen wedi'i alinio i'r gwaelod dde gyda lle pellach. Mae'r botymau mud a dad-fud wedi'u gosod ar y dde gyda rhywfaint o badin chwith. Mae'r botwm capsiwn yn eistedd uwchben popeth, ac ar sgriniau mwy mae wedi'i leoli ger y gwaelod.
Ar gyfer sinemagraffau (math o fideo dolen), caiff y terfyn uchder ei dynnu ar sgriniau lletach na 46.25em.
Yn yr adran gorff, mae fideos wedi'u cynnal yn hunan yn cael eu harddangos fel blociau gydag uchafswm lled o 620px ac ymylon 12px. Mae'r fideo a'i ffigur dolen yn cymryd y lled llawn, gydag uchder y fideo yn addasu'n awtomatig.
Pan osodir fideo i'r modd trochi, mae'n ehangu i lenwi'r gofod sydd ar gael, gan dynnu'r terfyn lled a'r ymylon. Ar sgriniau llydan iawn (dros 71.25em), mae cynhwysydd y fideo yn 1140px o led ac wedi'i symud i'r chwith gan 180px, gyda'r capsiwn wedi'i fewoli. Ar sgriniau hyd yn oed yn lletach (dros 81.25em), mae'n dod yn 1300px o led ac yn symud i'r chwith gan 260px.
Mae'r dyluniad yn defnyddio lliwiau penodol: llwyd ar gyfer llinellau dyddiad, llwyd golau ar gyfer borderi, llwyd ysgafnach ar gyfer capsiynau, a chefndir tywyll lled-dryloyw ar gyfer testun capsiwn. Prif liw'r nodwedd yw coch tywyll, y gellir ei ddiystyru gan liw piler personol.
Mae is-benawdau, dyfyniadau tynnu, a dyfyniadau bloc yn defnyddio lliw piler eilaidd, y gellir ei addasu yn y modd tywyll.
Nid oes padin gan elfennau wedi'u mewnblannu. Pan fydd elfen wedi'i mewnblannu yn ymddangos yn syth ar ôl elfen arall neu reol lorweddol, nid yw'r paragraff canlynol yn cael unrhyw ymyl ychwanegol ar y brig, gan sicrhau bylchau cyson. Mae hyn yn berthnasol ar draws gwahanol adrannau cynnwys a chynlluniau rhyngweithiol.
Mae hon yn rhestr dewisydd CSS sy'n targedu paragraffau penodol mewn cynllun tudalen we. Mae'n gosod padin brig o 14 picsel ar baragraffau sy'n dod yn syth ar ôl elfennau penodol fel "element-atom", "sign-in-gate", neu reolau lorweddol (ond nid yr un olaf). Mae'r dewiswyr yn cwmpasu gwahanol adrannau o'r dudalen, megis y prif gynnwys, corff sylwadau, a chorff nodwedd.
Mae ail ran y CSS yn defnyddio'r elfen ffug `:first-letter` i arddullio llythyren gyntaf y paragraffau hynny, yn debygol ar gyfer effaith cap disgyn. Mae'n gosod yr arddull hon ar draws amrywiol gynwysyddion fel y brif golofn, corff yr erthygl, ac adrannau cynnwys rhyngweithiol.
Dyma'r testun wedi'i ailysgrifennu mewn Saesneg rhugl, naturiol:
---
Mae'r rheolau CSS yn gosod arddull cap disgyn i lythyren gyntaf y paragraff cyntaf ar ôl elfennau penodol, megis rheolau lorweddol neu gynwysyddion hysbysebion, o fewn ardaloedd cynnwys penodol. Mae'r cap disgyn yn defnyddio ffont Guardian Headline, yn feiddgar, yn fawr (111px), ac yn arnofio i'r chwith gyda thestun priflythrennau. Mae ganddo ymyl ar y dde, yn alinio'n fertigol i'r brig, ac yn defnyddio newidyn lliw personol.
Ar gyfer cynnwys rhyngweithiol ac adrannau eraill, nid oes padin brig gan baragraffau sy'n dilyn rheolau lorweddol.
Mae dyfyniadau tynnu o fewn yr ardaloedd cynnwys hyn wedi'u cyfyngu i uchafswm lled o 620px.
Mae capsiynau delwedd ar gyfer elfennau arddangos wedi'u lleoli'n statig ac yn cymryd y lled llawn, hyd at 620px. Ar sgriniau lletach (dros 71.25em), maent yn dod yn gwbl safle gydag uchafswm lled o 140px, ac ar sgriniau hyd yn oed yn lletach (dros 81.25em), mae'r uchafswm lled yn cynyddu i 220px.
Mae elfennau trochi yn rhychwantu lled llawn y ffenestr, gan gyfrif am led y bar sgrolio. Ar sgriniau llai, mae ganddynt uchafswm lled o 978px, ac mae gan gapsiynau badin llorweddol. Ar sgriniau canolig, yr uchafswm lled yw 738px. Ar sgriniau bach iawn, caiff yr elfen ei symud i'r chwith gydag ymylon negyddol, ac mae capsiynau'n cael padin ychwanegol.
Ar gyfer ffigurau arddangos yng nghorff y cynnwys, mae ymylon chwith negyddol ar sgriniau mwy i'w halinio'n iawn.
Mae'r lapiwr dodrefn wedi'i leoli'n gymharol, ac ar sgriniau lletach na 61.25em, mae arddull ychwanegol yn berthnasol (er bod y rheol yn anghyflawn).
.lapiwr-dodrefn {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [teitl-dechrau pennawd-dechrau meta-dechrau standfirst-dechrau] ailadrodd(5, 1fr) [teitl-diwedd pennawd-diwedd meta-diwedd standfirst-diwedd portread-dechrau] ailadrodd(5, 1fr) [portread-diwedd];
grid-template-rows: [teitl-dechrau portread-dechrau] 0.25fr [teitl-diwedd pennawd-dechrau] 1fr [pennawd-diwedd standfirst-dechrau] 0.75fr [standfirst-diwedd meta-dechrau] auto [meta-diwedd portread-diwedd];
}
.lapiwr-dodrefn #pennawd > div:cyntaf,
.lapiwr-dodrefn [data-gu-name="pennawd"] > div:cyntaf,
.lapiwr-dodrefn .pennawd > div:cyntaf {
border-top: 1px solid var(--borderPennawd);
}
.lapiwr-dodrefn #meta,
.lapiwr-dodrefn [data-gu-name="meta"] {
position: cymharol;
padding-top: 2px;
margin-right: 0;
}
.lapiwr-dodrefn .standfirst .content__standfirst,
.lapiwr-dodrefn #standfirst .content__standfirst,
.lapiwr-dodrefn [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}
.lapiwr-dodrefn .standfirst ul li,
.lapiwr-dodrefn #standfirst ul li,
.lapiwr-dodrefn [data-gu-name="standfirst"] ul li {
font-size: 20px;
}
.lapiwr-dodrefn .standfirst li a,
.lapiwr-dodrefn .standfirst a,
.lapiwr-dodrefn #standfirst li a,
.lapiwr-dodrefn #standfirst a,
.lapiwr-dodrefn [data-gu-name="standfirst"] li a,
.lapiwr-dodrefn [data-gu-name="standfirst"] a {
border-bottom: dim;
background-image: dim !pwysig;
text-decoration: tanlinellu;
text-underline-offset: 6px;
text-decoration-color: var(--borderPennawd, #dcdcdc);
text-decoration-thickness: 1px;
}
.lapiwr-dodrefn .standfirst li a:hover,
.lapiwr-dodrefn .standfirst a:hover,
.lapiwr-dodrefn #standfirst li a:hover,
.lapiwr-dodrefn #standfirst a:hover,
.lapiwr-dodrefn [data-gu-name="standfirst"] li a:hover,
.lapiwr-dodrefn [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--piler-newydd);
}
.lapiwr-dodrefn .standfirst p:cyntaf-o-fath,
.lapiwr-dodrefn #standfirst p:cyntaf-o-fath,
.lapiwr-dodrefn [data-gu-name="standfirst"] p:cyntaf-o-fath {
border-top: 1px solid var(--borderPennawd);
padding-bottom: 0;
}
@media (min-width: 61.25em) a (min-width: 71.25em) {
.lapiwr-dodrefn .standfirst p:cyntaf-o-fath,
.lapiwr-dodrefn #standfirst p:cyntaf-o-fath,
.lapiwr-dodrefn [data-gu-name="standfirst"] p:cyntaf-o-fath {
border-top: heb ei osod;
}
}
@media (min-width: 61.25em) {
.lapiwr-dodrefn ffigur {
margin: 0 0 0 -10px;
}
.lapiwr-dodrefn ffigur[data-spacefinder-role="inline"].elfen {
max-width: 630px;
}
}
@media (min-width: 71.25em) {
.lapiwr-dodrefn {
grid-template-columns: [teitl-dechrau pennawd-dechrau meta-dechrau] ailadrodd(2, 1fr) [meta-diwedd standfirst-dechrau] ailadrodd(5, 1fr) [teitl-diwedd pennawd-diwedd standfirst-diwedd portread-dechrau] ailadrodd(7, 1fr) [portread-diwedd];
grid-template-rows: [teitl-dechrau portread-dechrau] 80px [teitl-diwedd pennawd-dechrau] auto [pennawd-diwedd standfirst-dechrau meta-dechrau] auto [standfirst-diwedd meta-diwedd portread-diwedd];
}
.lapiwr-dodrefn #meta:cyn,
.lapiwr-dodrefn [data-gu-name="meta"]:cyn {
content: "";
width: 540px;
position: absoliwt;
top: 0;
background-color: var(--borderPennawd);
height: 1px;
}
.lapiwr-dodrefn .standfirst p,
.lapiwr-dodrefn #standfirst p,
.lapiwr-dodrefn [data-gu-name="standfirst"] p {
border-top: heb ei osod;
}
.lapiwr-dodrefn .standfirst:cyn,
.lapiwr-dodrefn #standfirst:cyn,
.lapiwr-dodrefn [data-gu-name="standfirst"]:cyn {
content: "";
width: 1px;
background-color: var(--borderPennawd);
height: 100%;
position: absoliwt;
top: 0;
left: 0.5px;
}
}
@media (min-width: 81.25em) {
.lapiwr-dodrefn {
grid-template-columns: [teitl-dechrau pennawd-dechrau meta-dechrau] ailadrodd(3, 1fr) [meta-diwedd standfirst-dechrau] ailadrodd(5, 1fr) [teitl-diwedd pennawd-diwedd standfirst-diwedd portread-dechrau] ailadrodd(8, 1fr) [portread-diwedd];
grid-template-rows: [teitl-dechrau portread-dechrau] 0.25fr [teitl-diwedd pennawd-dechrau] 1fr [pennawd-diwedd standfirst-dechrau meta-dechrau] 0.75fr [standfirst-diwedd meta-diwedd portread-diwedd];
}
.lapiwr-dodrefn #meta:cyn,
.lapiwr-dodrefn [data-gu-name="meta"]:cyn {
width: 620px;
}
.lapiwr-dodrefn .standfirst:cyn,
.lapiwr-dodrefn #standfirst:cyn,
.lapiwr-dodrefn [data-gu-name="standfirst"]:cyn {
left: -0.5px;
}
}
.lapiwr-dodrefn .pennawd-erthygl .content__labelau > div,
.lapiwr-dodrefn [data-gu-name="teitl"].content__labelau > div {
padding-top: 2px;
}
.lapiwr-dodrefn #pennawd h1,
.lapiwr-dodrefn [data-gu-name="pennawd"] h1,
.lapiwr-dodrefn .pennawd h1 {
font-weight: 600;
max-width: 620px;
font-size: 32px;
}
@media (min-width: 71.25em) {
.lapiwr-dodrefn #pennawd h1,
.lapiwr-dodrefn [data-gu-name="pennawd"] h1,
.lapiwr-dodrefn .pennawd h1 {
max-width: 540px;
font-size: 50px;
}
}
@media (min-width: 46.25em) {
.lapiwr-dodrefn .keyline-4,
.lapiwr-dodrefn [data-gu-name="llinellau"] {
margin-right: 0;
}
}
@media (min-width: 61.25em) {
.lapiwr-dodrefn .keyline-4,
.lapiwr-dodrefn [data-gu-name="llinellau"] {
display: dim;
}
}
.lapiwr-dodrefn .keyline-4 svg,
.lapiwr-dodrefn [data-gu-name="llinellau"] svg {
stroke: var(--borderPennawd);
}
@media (min-width: 46.25em) {
.lapiwr-dodrefn #meta,
.lapiwr-dodrefn [data-gu-name="meta"] {
margin-right: 0;
}
}
.lapiwr-dodrefn #meta .meta__cymdeithasol,
.lapiwr-dodrefn #meta .meta__cymdeithasol ul li a span,
.lapiwr-dodrefn #meta .meta__sylw,
.lapiwr-dodrefn [data-gu-name="meta"] .meta__cymdeithasol,
.lapiwr-dodrefn [data-gu-name="meta"] .meta__cymdeithasol ul li a span,
.lapiwr-dodrefn [data-gu-name="meta"] .meta__sylw {
border-color: var(--borderPennawd);
}
.lapiwr-dodrefn #meta .content__meta-container_dcr > div > gu-island,
.lapiwr-dodrefn [data-gu-name="meta"] .content__meta-container_dcr > div > gu-island {
display: dim;
}
.lapiwr-dodrefn .standfirst,
.lapiwr-dodrefn #standfirst,
.lapiwr-dodrefn [data-gu-name="standfirst"] {
margin-left: -10px;
padding-left: 10px;
position: cymharol;
}
@media (min-width: 46.25em) {
.lapiwr-dodrefn .standfirst,
.lapiwr-dodrefn #standfirst,
.lapiwr-dodrefn [data-gu-name="standfirst"] {
padding-top: 2px;
}
}
.lapiwr-dodrefn .standfirst p,
.lapiwr-dodrefn #standfirst p,
.lapiwr-dodrefn [data-gu-name="standfirst"] p {
font-weight: 400;
font-size: 20px;
padding-bottom: 14px;
}
.lapiwr-dodrefn #prif-gyfryngau,
.lapiwr-dodrefn [data-gu-name="cyfryngau"] {
position: cymharol;
margin-top: 0;
margin-bottom: 2px;
grid-area: portread;
}
.lapiwr-dodrefn #prif-gyfryngau div div,
.lapiwr-dodrefn [data-gu-name="cyfryngau"] div div {
width: 100%;
margin-inline: 0;
}
@media (min-width: 61.25em) {
.lapiwr-dodrefn #prif-gyfryngau,
.lapiwr-dodrefn [data-gu-name="cyfryngau"] {
margin-bottom: 0;
}
}
@media (max-width: 46.24em) {
.lapiwr-dodrefn #prif-gyfryngau,
.lapiwr-dodrefn [data-gu-name="cyfryngau"] {
width: calc(100vw - var(--lled-bar-sgrolio, 0px));
margin-left: -10px;
}
}
@media (max-width: 46.24em) a (min-width: 30em) {
.lapiwr-dodrefn #prif-gyfryngau,
.lapiwr-dodrefn [data-gu-name="cyfryngau"] {
margin-left: -20px;
}
}
.lapiwr-dodrefn figcaption {
position: absoliwt;
bottom: 0;
padding: 4px 10px 12px;
background-color: var(--cefndirCapsiwn);
color: var(--testunCapsiwn);
max-width: heb ei osod;
margin-bottom: 0;
min-height: 46px;
}
.lapiwr-dodrefn figcaption span {
color: var(--borderPennawd);
}
.lapiwr-dodrefn figcaption span svg {
fill: var(--borderPennawd);
}
.lapiwr-dodrefn figcaption span:nth-o-fath(1) {
display: dim;
}
.lapiwr-dodrefn figcaption span:nth-o-fath(2) {
display: mewn-lein;
max-width: 90%;
}
@media (min-width: 30em) {
.lapiwr-dodrefn figcaption {
padding: 4px 20px 12px;
}
}
.lapiwr-dodrefn figcaption.cudd {
opacity: 0;
}
.lapiwr-dodrefn #botwm-capsiwn {
display: bloc;
position: absoliwt;
bottom: 10px;
right: 8px;
z-index: 30;
background-color: var(--cefndirCapsiwn);
border: dim;
border-radius: 50%;
padding: 6px 5px 5px;
}
.lapiwr-dodrefn #botwm-capsiwn svg {
transform: graddfa(0.85);
}
@media (min-width: 30em) {
.lapiwr-dodrefn #botwm-capsiwn {
right: 10px;
}
}
@media (min-width: 71.25em) {
.content__prif-golofn--rhyngweithiol:cyn {
top: -12px !pwysig;
height: calc(100% + 24px) !pwysig;
}
}
.content__prif-golofn--rhyngweithiol h2 {
max-width: 620px;
}
:gwraidd {
--piler-newydd: var(--piler-mod-tywyll, var(--nodweddModTywyll)) !pwysig;
--lliwBorderPennawd: #606060;
--nodweddModTywyll: #ff5943;
}
nav + adran {
display: dim;
}
nav + ochr {
display: dim;
}
ochr + adran {
display: dim;
}
.lapiwr-dodrefn {
background-color: var(--cefndirTywyll);
margin: 0 -10px;
padding: 0 10px 4px;
}
@media (min-width: 30em) {
.lapiwr-dodrefn {
margin: 0 -20px;
padding: 0 20px 8px;
}
}
@media (min-width: 61.25em) {
.lapiwr-dodrefn {
padding: 0 20px;
}
}
@media (min-width: 81.25em) {
.lapiwr-dodrefn:cyn {
content: "";
width: calc((100vw - 1298px) / 2);
height: 100%;
}
}
uchder:100%;position:absoliwt;left:calc((100vw - 1298px)/-2);background-color:var(--cefndirTywyll);border-right:1px solid var(--lliwBorderPennawd)}.lapiwr-dodrefn:ar ôl{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absoliwt;right:calc((100vw - 1298px)/-2);background-color:var(--cefndirTywyll)}.lapiwr-dodrefn .pennawd-erthygl,.lapiwr-dodrefn [data-gu-name=teitl] a,.lapiwr-dodrefn [data-gu-name=teitl] span{color:var(--piler-newydd, --nodweddModTywyll)}@media (min-width: 61.25em){.lapiwr-dodrefn #pennawd>div:cyntaf,.lapiwr-dodrefn [data-gu-name=pennawd]>div:cyntaf,.lapiwr-dodrefn .pennawd>div:cyntaf{border-top:1px solid var(--lliwBorderPennawd)}}.lapiwr-dodrefn #pennawd h1,.lapiwr-dodrefn [data-gu-name=pennawd] h1,.lapiwr-dodrefn .pennawd h1{font-weight:700;color:#dcdcdc}.lapiwr-dodrefn #pennawd ffigur,.lapiwr-dodrefn [data-gu-name=pennawd] ffigur,.lapiwr-dodrefn .pennawd ffigur{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.lapiwr-dodrefn #meta:cyn,.lapiwr-dodrefn [data-gu-name=meta]:cyn{background-color:var(--lliwBorderPennawd)}}.lapiwr-dodrefn #meta manylion,.lapiwr-dodrefn #meta crynodeb,.lapiwr-dodrefn #meta crynodeb span,.lapiwr-dodrefn [data-gu-name=meta] manylion,.lapiwr-dodrefn [data-gu-name=meta] crynodeb,.lapiwr-dodrefn [data-gu-name=meta] crynodeb span{color:#dcdcdc}.lapiwr-dodrefn #meta .meta__cymdeithasol a,.lapiwr-dodrefn #meta .meta__cymdeithasol botwm,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol a,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol botwm{border-color:var(--lliwBorderPennawd);color:var(--piler-newydd, --nodweddModTywyll)}.lapiwr-dodrefn #meta .meta__cymdeithasol a svg,.lapiwr-dodrefn #meta .meta__cymdeithasol botwm svg,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol a svg,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol botwm svg{fill:var(--piler-newydd, --nodweddModTywyll)}.lapiwr-dodrefn #meta .meta__cymdeithasol a:hover,.lapiwr-dodrefn #meta .meta__cymdeithasol botwm:hover,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol a:hover,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol botwm:hover{color:var(--cefndirTywyll);background-color:var(--piler-newydd, --nodweddModTywyll)}.lapiwr-dodrefn #meta .meta__cymdeithasol a:hover svg,.lapiwr-dodrefn #meta .meta__cymdeithasol botwm:hover svg,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol a:hover svg,.lapiwr-dodrefn [data-gu-name=meta] .meta__cymdeithasol botwm:hover svg{fill:var(--cefndirTywyll)}.lapiwr-dodrefn #meta div,.lapiwr-dodrefn [data-gu-name=meta] div{color:#dcdcdc}.lapiwr-dodrefn #meta a,.lapiwr-dodrefn [data-gu-name=meta] a{color:var(--piler-newydd, --nodweddModTywyll)}.lapiwr-dodrefn #meta a:hover,.lapiwr-dodrefn [data-gu-name=meta] a:hover{color:var(--piler-newydd, --nodweddModTywyll);text-decoration-color:var(--piler-newydd, --nodweddModTywyll)}.lapiwr-dodrefn .standfirst a,.lapiwr-dodrefn .standfirst li a,.lapiwr-dodrefn #standfirst a,.lapiwr-dodrefn #standfirst li a,.lapiwr-dodrefn [data-gu-name=standfirst] a,.lapiwr-dodrefn [data-gu-name=standfirst] li a{border-bottom:dim;color:var(--piler-newydd, --nodweddModTywyll);background-image:dim!pwysig;text-decoration:tanlinellu;text-underline-offset:6px;text-decoration-color:var(--borderPennawd, #dcdcdc);text-decoration-thickness:1px}.lapiwr-dodrefn .standfirst a:hover,.lapiwr-dodrefn .standfirst li a:hover,.lapiwr-dodrefn #standfirst a:hover,.lapiwr-dodrefn #standfirst li a:hover,.lapiwr-dodrefn [data-gu-name=standfirst] a:hover,.lapiwr-dodrefn [data-gu-name=standfirst] li a:hover{border-bottom:dim;text-decoration-color:var(--piler-newydd, --nodweddModTywyll)}.lapiwr-dodrefn .standfirst p,.lapiwr-dodrefn #standfirst p,.lapiwr-dodrefn [data-gu-name=standfirst] p{color:#dcdcdc}@media (min-width: 61.25em){.lapiwr-dodrefn .standfirst p:cyntaf-o-fath,.lapiwr-dodrefn #standfirst p:cyntaf-o-fath,.lapiwr-dodrefn [data-gu-name=standfirst] p:cyntaf-o-fath{bo
Nid wyf yn gallu ailysgrifennu'r testun hwn gan ei fod yn ymddangos fel cod CSS, nid rhyddiaith iaith naturiol. A allwch chi ddarparu darn o Saesneg ysgrifenedig yr hoffech i mi ei aileirio?
Dyma'r testun wedi'i ailysgrifennu mewn Saesneg rhugl, naturiol:
Mae hwn yn set o reolau font-face ar gyfer teulu ffont "Guardian Headline Full". Mae pob rheol yn diffinio arddull neu bwysau gwahanol o'r ffont, gan ddefnyddio ffeiliau wedi'u cynnal ar wefan y Guardian. Mae'r fformatau'n cynnwys WOFF2, WOFF, a TTF ar gyfer cydnawsedd ar draws porwyr. Mae'r pwysau'n amrywio o reolaidd (400) i ddu (900), gydag arddulliau arferol ac italaidd ar gael.
Mae'r testun hwn yn ymddangos fel cod CSS, nid iaith naturiol. Mae'n diffinio arddulliau ffont a rheolau cynllun ar gyfer gwefan, yn debygol o un The Guardian. Gan ei fod yn god technegol, nid yw ei ailysgrifennu i "Saesneg rhugl, naturiol" yn berthnasol—mae wedi'i fwriadu i gael ei ddarllen gan borwyr, nid pobl. Os hoffech, gallaf egluro beth mae'r cod hwn yn ei wneud mewn Saesneg plaen.
Ar gyfer dyfeisiau iOS ac Android, mae'r labeli o fewn cynhwysydd erthygl y lapiwr dodrefn wedi'u harddullio gyda thestun beiddgar, gan ddefnyddio teulu ffont Guardian headline, ac wedi'u lliwio yn ôl lliw'r piler, gyda thestun priflythrennau.
Ar iOS ac Android, mae'r prif bennawd yn y lapiwr dodrefn wedi'i osod i 32 picsel, beiddgar, gyda 12 picsel o badin islaw, ac wedi'i liwio'n dywyll (bron yn ddu).
Ar gyfer delweddau yn y lapiwr dodrefn ar y ddwy blatfform, maent wedi'u lleoli'n gymharol, gydag ymyl o 14 picsel ar y brig ac ymyl chwith negyddol bach, ac maent yn ymestyn i led llawn y sgrin (gan gyfrif am unrhyw far sgrolio). Mae'r delweddau eu hunain, ynghyd â'u cysylltiadau a'u cynwysyddion mewnol, wedi'u gosod gyda chefndir tryloyw ac yn cynnal eu huchder naturiol.
Mae'r standfirst (testun cyflwyniadol) yn y lapiwr dodrefn ar y ddwy blatfform wedi'i osod gyda rhywfaint o badin ar y brig a'r gwaelod, ac ymyl dde negyddol bach i alinio'n iawn â'r ymyl sgrin.
.corff-erthygl .lapiwr-dodrefn .standfirst__mewnol p {
font-family
