ebook-previewer

© 2020 Rosetta

Included in:

Not included in any file!

Local variables:

--module-max-width: 1200px

component

Related Ebooks

<section class="module related-ebooks" data-theme="light"> <div class="wrapper is-grid gap-lg">  <div class="heading"> <h2 class="heading__title"> Lorem ipsum dolor sit amet consectetur adipiscing </h2> <p class="heading__subtitle"> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt </p> </div>  <div class="module__body"> <ul class="module__listing is-grid grid-fit-md lg:gap-x-xl lg:gap-y-sm gap-sm">  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li>  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li>  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li>  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li> </ul> </div> </div> </section>

<section class="module related-ebooks" data-theme="light"> <div class="wrapper is-grid gap-lg">  <div class="heading"> <h2 class="heading__title"> Lorem ipsum dolor sit amet consectetur adipiscing </h2> <p class="heading__subtitle"> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt </p> </div>  <div class="module__body"> <ul class="module__listing is-grid grid-fit-md lg:gap-x-xl lg:gap-y-sm gap-sm">  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li>  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li>  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li>  <li class="module__item"> <a href="#" class="module__item-link has-text-center" title="Ebook title"> <figure class="image is-rounded-sm"> <img class="module__item-image" src="https://www.inboundcycle.com/hubfs/0-media/it/hs-tpl-ebook-viewer-cover.png" alt=""> </figure> <p class="module__item-title margin-top-xs"> Related ebook </p> </a> </li> </ul> </div> </div> </section>

4

Total declarations

0

Important
declarations

1

Vendor
prefix

--module-max-width1200px

0

Floats
declared

1 --module-max-width

1 box-shadow

1 transform

1 transition

Component structure

.related-ebooks {...}

.module__item {...}

&-link {...}

figure {...}

&-link:hover {...}

figure {...}