title: Is there a way to create a vertical carousel in Google's Materialize CSS without having to build it custom?
body: <p>I am looking to have a vertical scrolling "carousel" using Google's Materialize CSS library, I understand the steps to build a carousel</p>
  
  <pre><code># haml
  %ul.carousel
    %li.carousel-item
       Some Content
    %li.carousel-item
       Some other Content
    ...
  
  $(document).ready(function(){
    %('.carousel').carousel({
      some: 'option',
    })
  })
  </code></pre>
  
  <p>Is there some option that could be passed either in the HTML or js that would allow for a vertical scroll to be achieved?</p>
  
  <p>From what I see the js adds the class '.scrolling' to the '.carousel' when the animation starts which add the styles </p>
  
  <pre><code>.carousel.scrolling{style="z-index: 0; opacity: 1; visibility: visible; 
    transform: translateX(0px) translateX(5.64957px) translateX(0px) 
    translateZ(0px);"}
  </code></pre>
  
  <p>Is there a way to override the translateX to a translateY?
  I have also tried to add styles such as</p>
  
  <pre><code>.carousel{
    display: flex;
    flex-direction: column;
  }
  </code></pre>