Skip to content

Commit

Permalink
Fixes cards and cover-image aspect-ratio.
Browse files Browse the repository at this point in the history
  • Loading branch information
@genemars
genemars committed Apr 26, 2022
1 parent 6a5e416 commit 7e05f11
Show file tree
Hide file tree
Showing 290 changed files with 734 additions and 2,853 deletions.
1 change: 0 additions & 1 deletion docs/app/listview/items-list.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@
position: relative;
max-width: 640px;
min-height: 300px;
aspect-ratio: 1.2;
padding: 12px 12px 24px;
}
.card i {
Expand Down
5 changes: 2 additions & 3 deletions docs/content/europe/aca-hi-mashalhuj/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -206,8 +206,7 @@
}
.image-cover {
width: 100%;
aspect-ratio: 1.5;
height: auto;
aspect-ratio: 1.6;
max-width: 960px;
}

Expand Down Expand Up @@ -594,7 +593,7 @@
.theme-dark [z-load="listview/items-list/item"] .summary {
background-color: rgba(20, 20, 20, 0.7);
transition: background-color 0.3s ease-in-out;
}</style><body layout="column stretch-center"><img class="image-cover" src="https://picsum.photos/seed/europe013/320/200" alt="Cover image preview" style="position: absolute"> <img class="image-cover" src="https://picsum.photos/seed/europe013/960/600" alt="Cover image" style="z-index: 1"><h1 class="title animate__animated animate__fadeIn">Aca hi mashalhuj.</h1><div self="size-large" layout="column top-stretch" style="padding-right: 12px;padding-left: 12px"><strong>BY J. DOE</strong><small>18 Dec 2021</small></div><main self="size-large center" class="main-content animate__animated animate__fadeIn" layout="column top-stretch"><p>Kahta lefpi nuko vekef rufzok zop vadcet rup ti ja fasoc dondes seejale seke holger odhok powah kocev. Jime gi jefeaci co ebakik igaji reg gadradur kos foj zuma pi kolefoc le donub nukod le noh.<br>Putkel dun silhos ic kaj gumo rokew sincesse tirvunsuc nuvibbif ekeaw sihpuw deod forpuic rulif do gem tis.<h2>Kak uviga tor de dipifi cu wetifwov no lutka kaen.</h2><p>Cojanobo nejlof ajelusja roji fel jowu fofoma bopag jejli poz veupi lal derhu mehegu wezjo fovu zortog decave. Asuli as lezinisu wepen gude te ko rilijo nuuwa lavom aza le ruzope wuuco mu zavzad asmor lok. Resaz kounmoc hi fejlo nor sike ukefe ededowroc firju ikeozi uwo fukim cehecirog tiho zi sigos hibi vugguf.<blockquote><p>Caeme nur kajrek imejitana lihes sucahmev huhizlom aviti odan get.</blockquote><h3>Alji newfupkeg luehtac jahdu.</h3><ul><li>Pik jorev tozficel zikoso.<li>Kat covuw vesde.<li>Soket fetod tizoj dodi veltig.<li>Hedo gimtev vep sok.</ul><div layout="row center-spread" style="margin-top: 56px; margin-bottom: 56px; padding-left: 8px; padding-right: 8px; font-size: 140%"><a href="/news-blog/content/europe/di-gisaf-pinsel-zopopgoz/" style="text-align: center"><img src="https://picsum.photos/seed/europe02/320/200" class="navigation-image" width="128"><div class="navigation-title">Di gisaf pinsel zopopgoz.</div><div layout="row center-center"><i class="material-icons">arrow_left</i>&nbsp; <span style="padding-right: 24px">Previous</span></div></a><a href="/news-blog/content/europe/ivrus-juere-nuuscaw-tin/" style="text-align: center"><img src="https://picsum.photos/seed/europe020/320/200" class="navigation-image" width="128"><div class="navigation-title">Ivrus juere nuuscaw tin.</div><div layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</div></a></div><style>.navigation-image {
}</style><body layout="column stretch-center"><div self="size-large" style="position: relative;width: 100%;;display: block"><img class="image-cover" src="https://picsum.photos/seed/europe013/320/200" alt="Cover image preview" style="position: absolute;display: block"> <img class="image-cover" src="https://picsum.photos/seed/europe013/960/600" alt="Cover image" style="position: relative;display: block; z-index: 1"></div><h1 class="title animate__animated animate__fadeIn">Aca hi mashalhuj.</h1><div self="size-large" layout="column top-stretch" style="padding-right: 12px;padding-left: 12px"><strong>BY J. DOE</strong><small>18 Dec 2021</small></div><main self="size-large center" class="main-content animate__animated animate__fadeIn" layout="column top-stretch"><p>Kahta lefpi nuko vekef rufzok zop vadcet rup ti ja fasoc dondes seejale seke holger odhok powah kocev. Jime gi jefeaci co ebakik igaji reg gadradur kos foj zuma pi kolefoc le donub nukod le noh.<br>Putkel dun silhos ic kaj gumo rokew sincesse tirvunsuc nuvibbif ekeaw sihpuw deod forpuic rulif do gem tis.<h2>Kak uviga tor de dipifi cu wetifwov no lutka kaen.</h2><p>Cojanobo nejlof ajelusja roji fel jowu fofoma bopag jejli poz veupi lal derhu mehegu wezjo fovu zortog decave. Asuli as lezinisu wepen gude te ko rilijo nuuwa lavom aza le ruzope wuuco mu zavzad asmor lok. Resaz kounmoc hi fejlo nor sike ukefe ededowroc firju ikeozi uwo fukim cehecirog tiho zi sigos hibi vugguf.<blockquote><p>Caeme nur kajrek imejitana lihes sucahmev huhizlom aviti odan get.</blockquote><h3>Alji newfupkeg luehtac jahdu.</h3><ul><li>Pik jorev tozficel zikoso.<li>Kat covuw vesde.<li>Soket fetod tizoj dodi veltig.<li>Hedo gimtev vep sok.</ul><div layout="row center-spread" style="margin-top: 56px; margin-bottom: 56px; padding-left: 8px; padding-right: 8px; font-size: 140%"><a href="/news-blog/content/europe/di-gisaf-pinsel-zopopgoz/" style="text-align: center"><img src="https://picsum.photos/seed/europe02/320/200" class="navigation-image" width="128"><div class="navigation-title">Di gisaf pinsel zopopgoz.</div><div layout="row center-center"><i class="material-icons">arrow_left</i>&nbsp; <span style="padding-right: 24px">Previous</span></div></a><a href="/news-blog/content/europe/ivrus-juere-nuuscaw-tin/" style="text-align: center"><img src="https://picsum.photos/seed/europe020/320/200" class="navigation-image" width="128"><div class="navigation-title">Ivrus juere nuuscaw tin.</div><div layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</div></a></div><style>.navigation-image {
border-radius: 32px;
border-color: rgba(200,200,200,0.5);
}
Expand Down
5 changes: 2 additions & 3 deletions docs/content/europe/ag-zoh-kuvoh/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -206,8 +206,7 @@
}
.image-cover {
width: 100%;
aspect-ratio: 1.5;
height: auto;
aspect-ratio: 1.6;
max-width: 960px;
}

Expand Down Expand Up @@ -594,7 +593,7 @@
.theme-dark [z-load="listview/items-list/item"] .summary {
background-color: rgba(20, 20, 20, 0.7);
transition: background-color 0.3s ease-in-out;
}</style><body layout="column stretch-center"><img class="image-cover" src="https://picsum.photos/seed/europe015/320/200" alt="Cover image preview" style="position: absolute"> <img class="image-cover" src="https://picsum.photos/seed/europe015/960/600" alt="Cover image" style="z-index: 1"><h1 class="title animate__animated animate__fadeIn">Ag zoh kuvoh.</h1><div self="size-large" layout="column top-stretch" style="padding-right: 12px;padding-left: 12px"><strong>BY J. DOE</strong><small>20 Mar 2022</small></div><main self="size-large center" class="main-content animate__animated animate__fadeIn" layout="column top-stretch"><p>Ecobuded rone nevapi ohozib lewroj romgi soot ho wohidcom odi lezralru umo viko egza urji silhi ano tinas. Fow avsi seirpok rodje roik nuwoc so ma mo hoc cohagi osolija je ihak lokip cirzeg li ojeta.<br>Fecu fuwpise vic wuwaw haj jikibos ik ajavohta pirwaani papumi ke hadac modjenij korawho pevpa gi fil ureja.<h2>Fatsef nec kuli rimib ecoivi fil rockibjed dinap pofzi ud.</h2><p>Leksoh zikji buc jawkoge meroh jorippa pipes rev ogacohev tazonop ese pojuzej be emehekig lipebi be ijofumo deli. Popubi jipos mutdo resihuz putgi rerke vezmivve sosojowe wone orivek ivgod zalel dah kerneg mojuh to hutno loawi. Meli na nepne rago peote zeve en borpud faloszaw hu wi wahem henod iro mevvaz mewdos wosveh leugouf.<blockquote><p>Imedomra kofvoj zih ono jagozap tebohiv lahpow tehfezi ejfasif ol.</blockquote><h3>Sueheapo desoku zazwu.</h3><ul><li>Pasti imsi ekhowipi cokzu ajepo cokisli.<li>Veol piwvit rorliroj jopro jisilu vimawi.<li>Boz komo joclit ipzeduf.<li>Tukof kovaz zogarsag fitzap.</ul><div layout="row center-spread" style="margin-top: 56px; margin-bottom: 56px; padding-left: 8px; padding-right: 8px; font-size: 140%"><div>&nbsp;</div><a href="/news-blog/content/europe/wihno-wite-ipefis/" style="text-align: center"><img src="https://picsum.photos/seed/europe010/320/200" class="navigation-image" width="128"><div class="navigation-title">Wihno wite ipefis.</div><div layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</div></a></div><style>.navigation-image {
}</style><body layout="column stretch-center"><div self="size-large" style="position: relative;width: 100%;;display: block"><img class="image-cover" src="https://picsum.photos/seed/europe015/320/200" alt="Cover image preview" style="position: absolute;display: block"> <img class="image-cover" src="https://picsum.photos/seed/europe015/960/600" alt="Cover image" style="position: relative;display: block; z-index: 1"></div><h1 class="title animate__animated animate__fadeIn">Ag zoh kuvoh.</h1><div self="size-large" layout="column top-stretch" style="padding-right: 12px;padding-left: 12px"><strong>BY J. DOE</strong><small>20 Mar 2022</small></div><main self="size-large center" class="main-content animate__animated animate__fadeIn" layout="column top-stretch"><p>Ecobuded rone nevapi ohozib lewroj romgi soot ho wohidcom odi lezralru umo viko egza urji silhi ano tinas. Fow avsi seirpok rodje roik nuwoc so ma mo hoc cohagi osolija je ihak lokip cirzeg li ojeta.<br>Fecu fuwpise vic wuwaw haj jikibos ik ajavohta pirwaani papumi ke hadac modjenij korawho pevpa gi fil ureja.<h2>Fatsef nec kuli rimib ecoivi fil rockibjed dinap pofzi ud.</h2><p>Leksoh zikji buc jawkoge meroh jorippa pipes rev ogacohev tazonop ese pojuzej be emehekig lipebi be ijofumo deli. Popubi jipos mutdo resihuz putgi rerke vezmivve sosojowe wone orivek ivgod zalel dah kerneg mojuh to hutno loawi. Meli na nepne rago peote zeve en borpud faloszaw hu wi wahem henod iro mevvaz mewdos wosveh leugouf.<blockquote><p>Imedomra kofvoj zih ono jagozap tebohiv lahpow tehfezi ejfasif ol.</blockquote><h3>Sueheapo desoku zazwu.</h3><ul><li>Pasti imsi ekhowipi cokzu ajepo cokisli.<li>Veol piwvit rorliroj jopro jisilu vimawi.<li>Boz komo joclit ipzeduf.<li>Tukof kovaz zogarsag fitzap.</ul><div layout="row center-spread" style="margin-top: 56px; margin-bottom: 56px; padding-left: 8px; padding-right: 8px; font-size: 140%"><div>&nbsp;</div><a href="/news-blog/content/europe/wihno-wite-ipefis/" style="text-align: center"><img src="https://picsum.photos/seed/europe010/320/200" class="navigation-image" width="128"><div class="navigation-title">Wihno wite ipefis.</div><div layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</div></a></div><style>.navigation-image {
border-radius: 32px;
border-color: rgba(200,200,200,0.5);
}
Expand Down
5 changes: 2 additions & 3 deletions docs/content/europe/alvedpi-re-jeej/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -206,8 +206,7 @@
}
.image-cover {
width: 100%;
aspect-ratio: 1.5;
height: auto;
aspect-ratio: 1.6;
max-width: 960px;
}

Expand Down Expand Up @@ -594,7 +593,7 @@
.theme-dark [z-load="listview/items-list/item"] .summary {
background-color: rgba(20, 20, 20, 0.7);
transition: background-color 0.3s ease-in-out;
}</style><body layout="column stretch-center"><img class="image-cover" src="https://picsum.photos/seed/europe06/320/200" alt="Cover image preview" style="position: absolute"> <img class="image-cover" src="https://picsum.photos/seed/europe06/960/600" alt="Cover image" style="z-index: 1"><h1 class="title animate__animated animate__fadeIn">Alvedpi re jeej.</h1><div self="size-large" layout="column top-stretch" style="padding-right: 12px;padding-left: 12px"><strong>BY J. DOE</strong><small>11 Apr 2021</small></div><main self="size-large center" class="main-content animate__animated animate__fadeIn" layout="column top-stretch"><p>Nuzu kunac apose hozow vuke argebhob es cov amepo vajiz ridup pif tocpopon icaic rec ruchupize ke zeku. Kosezhof nangaunu li ka ihiwoh pihomfiv zemid mohom mose ceknim dulez ka ga jipiov pehe fezojab pepig lilmil.<br>Ehwec rurhud reji adupen nelad jugicos orno do fipbef elvo dukesi omtesere dogim hetmoz ehmi um di haroj.<h2>Re giho moseg ajohige zupruwze ovkime uczen ves pof lekle.</h2><p>Lon feup siji wodde zati nukkep jul hih detogi sijiwo co fumdovati siat ezizub won ko naek wef. Zofrortat lezit dohi pi tifsir mahi hiscor ifo vopef ezzes ijadehil umatuhop sokeszu ove cope lohgo kog terohosit. Are difwi pahjek uh zola tael fafono wuswin torpo kofdiw lisog upeci mila gosav koes meh pit asaze.<blockquote><p>Jusoino ozo ecec akefid olo poepe kogak woca wewsem jekivo.</blockquote><h3>Lid kirut dico sovfel selal fipur.</h3><ul><li>Tus emopi vesmantid.<li>Watde datvotov fima nacotki togrud sofa.<li>Zejubgi verli pego zu.<li>Do bedli gufo.</ul><div layout="row center-spread" style="margin-top: 56px; margin-bottom: 56px; padding-left: 8px; padding-right: 8px; font-size: 140%"><a href="/news-blog/content/europe/cogiv-zuzo-guguku/" style="text-align: center"><img src="https://picsum.photos/seed/europe023/320/200" class="navigation-image" width="128"><div class="navigation-title">Cogiv zuzo guguku.</div><div layout="row center-center"><i class="material-icons">arrow_left</i>&nbsp; <span style="padding-right: 24px">Previous</span></div></a><a href="/news-blog/content/europe/nuhjip-zuowo-ajgi-rifuwsi/" style="text-align: center"><img src="https://picsum.photos/seed/europe018/320/200" class="navigation-image" width="128"><div class="navigation-title">Nuhjip zuowo ajgi rifuwsi.</div><div layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</div></a></div><style>.navigation-image {
}</style><body layout="column stretch-center"><div self="size-large" style="position: relative;width: 100%;;display: block"><img class="image-cover" src="https://picsum.photos/seed/europe06/320/200" alt="Cover image preview" style="position: absolute;display: block"> <img class="image-cover" src="https://picsum.photos/seed/europe06/960/600" alt="Cover image" style="position: relative;display: block; z-index: 1"></div><h1 class="title animate__animated animate__fadeIn">Alvedpi re jeej.</h1><div self="size-large" layout="column top-stretch" style="padding-right: 12px;padding-left: 12px"><strong>BY J. DOE</strong><small>11 Apr 2021</small></div><main self="size-large center" class="main-content animate__animated animate__fadeIn" layout="column top-stretch"><p>Nuzu kunac apose hozow vuke argebhob es cov amepo vajiz ridup pif tocpopon icaic rec ruchupize ke zeku. Kosezhof nangaunu li ka ihiwoh pihomfiv zemid mohom mose ceknim dulez ka ga jipiov pehe fezojab pepig lilmil.<br>Ehwec rurhud reji adupen nelad jugicos orno do fipbef elvo dukesi omtesere dogim hetmoz ehmi um di haroj.<h2>Re giho moseg ajohige zupruwze ovkime uczen ves pof lekle.</h2><p>Lon feup siji wodde zati nukkep jul hih detogi sijiwo co fumdovati siat ezizub won ko naek wef. Zofrortat lezit dohi pi tifsir mahi hiscor ifo vopef ezzes ijadehil umatuhop sokeszu ove cope lohgo kog terohosit. Are difwi pahjek uh zola tael fafono wuswin torpo kofdiw lisog upeci mila gosav koes meh pit asaze.<blockquote><p>Jusoino ozo ecec akefid olo poepe kogak woca wewsem jekivo.</blockquote><h3>Lid kirut dico sovfel selal fipur.</h3><ul><li>Tus emopi vesmantid.<li>Watde datvotov fima nacotki togrud sofa.<li>Zejubgi verli pego zu.<li>Do bedli gufo.</ul><div layout="row center-spread" style="margin-top: 56px; margin-bottom: 56px; padding-left: 8px; padding-right: 8px; font-size: 140%"><a href="/news-blog/content/europe/cogiv-zuzo-guguku/" style="text-align: center"><img src="https://picsum.photos/seed/europe023/320/200" class="navigation-image" width="128"><div class="navigation-title">Cogiv zuzo guguku.</div><div layout="row center-center"><i class="material-icons">arrow_left</i>&nbsp; <span style="padding-right: 24px">Previous</span></div></a><a href="/news-blog/content/europe/nuhjip-zuowo-ajgi-rifuwsi/" style="text-align: center"><img src="https://picsum.photos/seed/europe018/320/200" class="navigation-image" width="128"><div class="navigation-title">Nuhjip zuowo ajgi rifuwsi.</div><div layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</div></a></div><style>.navigation-image {
border-radius: 32px;
border-color: rgba(200,200,200,0.5);
}
Expand Down
Loading

0 comments on commit 7e05f11

Please sign in to comment.