rubydesign
/
webdev.camp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix carousel

This commit is contained in:
Torsten Ruger 2017-07-12 14:13:25 +03:00
parent e07abedaca
commit 51d96ccc04
2 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/_camp.sass
View File

@ -16,3 +16,14 @@
@include parallax_mixin
background:
image: image-url("camp/camp_garden.jpg")
.carousel-inner
.container
padding: 0px
.carousel-indicators > li
border-radius: 100%
max-width: 20px
height: 10px
margin-right: 6px
margin-left: 6px

26
app/views/pages/camp.html.haml
View File

@ -37,22 +37,28 @@
%li{"data-slide-to" => "5", "data-target" => "#camp-carousel"}
.carousel-inner{:role => "listbox"}
.carousel-item.active
=image_tag("camp/orange.jpg")
.container
=image_tag("camp/orange.jpg" , class: "img-fluid")
.carousel-item
=image_tag("camp/green.jpg")
.container
=image_tag("camp/green.jpg", class: "img-fluid")
.carousel-item
=image_tag("camp/rose.jpg")
.container
=image_tag("camp/rose.jpg", class: "img-fluid")
.carousel-item
=image_tag("camp/sky.jpg")
.container
=image_tag("camp/sky.jpg", class: "img-fluid")
.carousel-item
=image_tag("camp/lootus.jpg")
.container
=image_tag("camp/lootus.jpg", class: "img-fluid")
.carousel-item
=image_tag("camp/saffron.jpg")
%a.left.carousel-control{"data-slide" => "prev", :href => "#camp-carousel", :role => "button"}
%span.icon-prev{"aria-hidden" => "true"}
.container
=image_tag("camp/saffron.jpg", class: "img-fluid")
%a.left.carousel-control-prev{"data-slide" => "prev", :href => "#camp-carousel", :role => "button"}
%span.carousel-control-prev-icon{"aria-hidden" => "true"}
%span.sr-only Previous
%a.right.carousel-control{"data-slide" => "next", :href => "#camp-carousel", :role => "button"}
%span.icon-next{"aria-hidden" => "true"}
%a.right.carousel-control-next{"data-slide" => "next", :href => "#camp-carousel", :role => "button"}
%span.carousel-control-next-icon{"aria-hidden" => "true"}
%span.sr-only Next
%p