Small device thumbnails left for box-vertical

27 May 2020
0 Comments
                
                    
%small-thumbnails-left {
  .box-vertical {
    display: table;
    width: 100%;

    .image-right {
      direction: rtl
    }

    .box-text {
      padding-left: 1.5em;
      padding-right: 1.5em;
      direction: ltr;
      display: table-cell;
      vertical-align: middle;
    }

    .box-image {
      width: 30% !important;
      direction: ltr;
      display: table-cell;
      vertical-align: middle;
    }

    &.align-top {
      .box-text {
        vertical-align: top
      }
    }
  }
}
                
            

Use: @extend %small-thumbnails-left;

Leave a Reply

This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.