User:Locke/Sandbox: Difference between revisions

Want an adless experience? Log in or Create an account.
→‎PagedGallery: some styling
(start PagedGallery testing)
(→‎PagedGallery: some styling)
Line 1: Line 1:
==PagedGallery==
==PagedGallery==
<div class="zdw-paged-gallery">
<div class="zdw-box zdw-paged-gallery" style="width: 600px;">
   <div>
   <div class="zdw-paged-gallery__navigation">
     <div class="zdw-button zdw-button--paging" style="display: inline-block;" data-nav="first">&lt;&lt; First</div>
     <div class="zdw-button zdw-button--paging" data-nav="first">&lt;&lt; First</div>
     <div class="zdw-button zdw-button--paging" style="display: inline-block;" data-nav="prev">&lt; Previous</div>
     <div class="zdw-button zdw-button--paging" data-nav="prev">&lt; Previous</div>
     <div class="zdw-button zdw-button--paging" style="display: inline-block;" data-nav="next">Next &gt;</div>
     <div class="zdw-button zdw-button--paging" data-nav="next">Next &gt;</div>
     <div class="zdw-button zdw-button--paging" style="display: inline-block;" data-nav="last">Last &gt;&gt;</div>
     <div class="zdw-button zdw-button--paging" data-nav="last">Last &gt;&gt;</div>
   </div>
   </div>
   <div class="zdw-paged-gallery__page">Page 1</div>
   <div class="zdw-paged-gallery__page active">Page 1</div>
   <div class="zdw-paged-gallery__page">Page 2</div>
   <div class="zdw-paged-gallery__page">Page 2</div>
   <div class="zdw-paged-gallery__page">Page 3</div>
   <div class="zdw-paged-gallery__page">Page 3</div>