You are here

Home » API reference » Slick extras 7.3

slick.theme--boxed.css in Slick extras 7.3

Same filename and directory in other branches
  1. 8 css/theme/slick.theme--boxed.css

Detailed stylings are all yours, get yourself dirty.

File

css/theme/slick.theme--boxed.css
View source 
  1. /**

  2.  * @file

  3.  * Detailed stylings are all yours, get yourself dirty.

  4.  */

  5. 

  6. .slick--skin--boxed .slide__content {

  7.   background: #fff;

  8.   border: 1px solid #f3f3f3;

  9.   border-bottom: 2px solid #f3f3f3;

  10.   border-radius: 4px;

  11.   margin: 10px;

  12.   overflow: hidden;

  13.   padding: 20px;

  14.   position: relative;

  15.   transition: box-shadow 0.3s 0.5s ease, border 0.3s 0.5s ease;

  16. }

  17. 

  18. .slick--skin--boxed .slide__content:hover {

  19.   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);

  20.   transition-delay: 0s;

  21.   border-color: #9bacc3;

  22. }

  23. 

  24. .slick--skin--boxed .slide__caption {

  25.   padding: 0;

  26. }

  27. 

  28. .slick--skin--boxed.slick--slider .slick__slide .slide__caption {

  29.   visibility: hidden;

  30. }

  31. 

  32. .slick--skin--boxed.slick--slider .slick__slide.slick-active .slide__caption {

  33.   visibility: visible;

  34. }

  35. 

  36. @media (min-width: 48em) {

  37.   .slick--skin--boxed > .slick__slider > .slick-list {

  38.     margin: 0 60px;

  39.   }

  40. }