Commit 7a7caacf authored by santiaago's avatar santiaago
Browse files

make examples responsive #61

parent c51ed1b7

app/assets/css/examples.css

+51 −0
Original line number Diff line number Diff line
@@ -2,6 +2,7 @@ 
    background: #FFF;

}



.examples--squareHeader,

.examples--square{

    padding-bottom: 50px;

    padding-top: 50px;
@@ -20,9 +21,38 @@ 
    -webkit-transform: translateY(-50%);

}



@media (max-width: 950px){

    .examples--squareHeader{

	padding-bottom: 0px;

	padding-top: 1px;

	height: 101px;

    }



    .examples--square{

	padding-bottom: 0;

	padding-top: 0;

	height: 202px;

    }

}



/* CUSTOMIZE CAROUSEL

-------------------------------------------------- */



.carousel .carousel-control{

    opacity: 1;

    background: transparent;

}



.carousel-control.right {

  left: auto;

  right: -60px;

}



.carousel-control.left {

  left: -60px;

  right: auto;

}



.carouselExamples {

  height: 182px;

  width: 660px;
@@ -51,3 +81,24 @@ 
    padding-bottom: 50px;

    padding-top: 50px;

}



@media (max-width: 950px){



    .carouselExamples {

	width: auto;

    }

    

    .carouselExamples .item {

	width: auto;

    }



    .carousel-control.right{

	right:0%;

	margin-right:0;

    }

    .carousel-control.left{

	left:0%;

	margin-left:0;

    }

}

app/partials/marketing/examples.html

+1 −1
Original line number Diff line number Diff line 
<div class="row examples--background">

  <div class="col-md-3 examples--square examples--backgroundGrey">

  <div class="col-md-3 examples--squareHeader examples--backgroundGrey">

    <div class="examples-content--position">

      <h1 id="examples">EXAMPLES</h1>

    </div>