Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / carousels.pug
diff options
context:
space:
mode:
Commitef6d8056d26fe952891e47660f1cb0d1ed7041f1 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-11-08 07:42:33 +0800
Committer
 GitHub <noreply@github.com>
2018-11-08 07:42:33 +0800
Files26e1a053ee953a570e54939ef30c2c89636a6acf /docs/src/contents/carousels.pug
Spectre-Dark-Gruvbox-0.5.5.tar
Spectre-Dark-Gruvbox-0.5.5.tar.gz
Spectre-Dark-Gruvbox-0.5.5.zip
Parent0a6c76429b294c26d318479c05736537f3d95abb (diff)
Parenteb7fd9d2538accfe5d291ca93d2ce7dd6e62fefa (diff)
Merge pull request #522 from picturepan2/0.5.5 v0.5.5
0.5.5
1 files changed, 0 insertions, 78 deletions
-rw-r--r--docs/src/contents/carousels.pug78
diff --git a/docs/src/contents/carousels.pug b/docs/src/contents/carousels.pug
deleted file mode 100644
index 5d09532..0000000
--- a/docs/src/contents/carousels.pug
+++ /dev/null
@@ -1,78 +0,0 @@
-p Carousels are slideshows for cycling images. It is built in pure CSS.
-
-.docs-demo.columns
- .column.col-12
- .carousel
- input#slide-1.carousel-locator(type="radio" name="carousel-radio" hidden="" checked="")
- input#slide-2.carousel-locator(type="radio" name="carousel-radio" hidden="")
- input#slide-3.carousel-locator(type="radio" name="carousel-radio" hidden="")
- input#slide-4.carousel-locator(type="radio" name="carousel-radio" hidden="")
- .carousel-container
- figure.carousel-item
- label.item-prev.btn.btn-action.btn-lg(for="slide-4")
- i.icon.icon-arrow-left
- label.item-next.btn.btn-action.btn-lg(for="slide-2")
- i.icon.icon-arrow-right
- img.img-responsive.rounded(src="img/osx-yosemite.jpg" alt="macOS Yosemite Wallpaper")
- figure.carousel-item
- label.item-prev.btn.btn-action.btn-lg(for="slide-1")
- i.icon.icon-arrow-left
- label.item-next.btn.btn-action.btn-lg(for="slide-3")
- i.icon.icon-arrow-right
- img.img-responsive.rounded(src="img/osx-yosemite-2.jpg" alt="macOS Yosemite Wallpaper")
- figure.carousel-item
- label.item-prev.btn.btn-action.btn-lg(for="slide-2")
- i.icon.icon-arrow-left
- label.item-next.btn.btn-action.btn-lg(for="slide-4")
- i.icon.icon-arrow-right
- img.img-responsive.rounded(src="img/osx-el-capitan.jpg" alt="macOS Yosemite Wallpaper")
- figure.carousel-item
- label.item-prev.btn.btn-action.btn-lg(for="slide-3")
- i.icon.icon-arrow-left
- label.item-next.btn.btn-action.btn-lg(for="slide-1")
- i.icon.icon-arrow-right
- img.img-responsive.rounded(src="img/osx-el-capitan-2.jpg" alt="macOS Yosemite Wallpaper")
- .carousel-nav
- label.nav-item.text-hide.c-hand(for="slide-1") 1
- label.nav-item.text-hide.c-hand(for="slide-2") 2
- label.nav-item.text-hide.c-hand(for="slide-3") 3
- label.nav-item.text-hide.c-hand(for="slide-4") 4
-
-pre.code(data-lang='HTML')
- code
- :highlight(lang="html")
- <div class="carousel">
- <!-- carousel locator -->
- <input class="carousel-locator" id="slide-1" type="radio" name="carousel-radio" hidden="" checked="">
- <input class="carousel-locator" id="slide-2" type="radio" name="carousel-radio" hidden="">
- <input class="carousel-locator" id="slide-3" type="radio" name="carousel-radio" hidden="">
- <input class="carousel-locator" id="slide-4" type="radio" name="carousel-radio" hidden="">
-
- <!-- carousel container -->
- <div class="carousel-container">
- <!-- carousel item -->
- <figure class="carousel-item">
- <label class="item-prev btn btn-action btn-lg" for="slide-4"><i class="icon icon-arrow-left"></i></label>
- <label class="item-next btn btn-action btn-lg" for="slide-2"><i class="icon icon-arrow-right"></i></label><img class="img-responsive rounded" src="img/osx-yosemite.jpg" alt="macOS Yosemite Wallpaper">
- </figure>
- <figure class="carousel-item">
- <label class="item-prev btn btn-action btn-lg" for="slide-1"><i class="icon icon-arrow-left"></i></label>
- <label class="item-next btn btn-action btn-lg" for="slide-3"><i class="icon icon-arrow-right"></i></label><img class="img-responsive rounded" src="img/osx-yosemite-2.jpg" alt="macOS Yosemite Wallpaper">
- </figure>
- <figure class="carousel-item">
- <label class="item-prev btn btn-action btn-lg" for="slide-2"><i class="icon icon-arrow-left"></i></label>
- <label class="item-next btn btn-action btn-lg" for="slide-4"><i class="icon icon-arrow-right"></i></label><img class="img-responsive rounded" src="img/osx-el-capitan.jpg" alt="macOS Yosemite Wallpaper">
- </figure>
- <figure class="carousel-item">
- <label class="item-prev btn btn-action btn-lg" for="slide-3"><i class="icon icon-arrow-left"></i></label>
- <label class="item-next btn btn-action btn-lg" for="slide-1"><i class="icon icon-arrow-right"></i></label><img class="img-responsive rounded" src="img/osx-el-capitan-2.jpg" alt="macOS Yosemite Wallpaper">
- </figure>
- </div>
- <!-- carousel navigation -->
- <div class="carousel-nav">
- <label class="nav-item text-hide c-hand" for="slide-1">1</label>
- <label class="nav-item text-hide c-hand" for="slide-2">2</label>
- <label class="nav-item text-hide c-hand" for="slide-3">3</label>
- <label class="nav-item text-hide c-hand" for="slide-4">4</label>
- </div>
- </div> \ No newline at end of file