yaffs.net Git - yaffs-website/blob - web/modules/contrib/slick/css/theme/slick.theme--fullwidth.css

   1 /**
   2  * @file
   3  * Detailed stylings are all yours, get yourself dirty.
   4  */
   5
   6 .slick--skin--fullwidth .slide__caption {
   7   font-size: 22px;
   8   font-size: 1.375rem;
   9 }
  10
  11 .slick--skin--fullwidth .slide__media img {
  12   width: 100%;
  13 }
  14
  15 .slick--skin--fullwidth .slide__title {
  16   font-size: 48px;
  17   font-size: 3rem;
  18   line-height: 1;
  19   text-transform: uppercase;
  20 }
  21
  22 .slick--skin--fullwidth .slide__link a {
  23   border-bottom: 2px solid rgba(255, 255, 255, 0.8);
  24   border-top: 2px solid rgba(255, 255, 255, 0.8);
  25 }
  26
  27 .slick--skin--fullwidth .slide__link a:hover {
  28   border-color: #fff;
  29   text-decoration: none;
  30 }
  31
  32 @media (min-width: 64em) {
  33   .slick--skin--fullwidth .slide__constrained {
  34     height: 100%;
  35     left: 50%;
  36     margin-left: -49%;
  37     position: absolute;
  38     width: 98%;
  39   }
  40
  41   /* Prevents collapsing captions when no image is available */
  42   .slick--skin--fullwidth .slide--text .slide__content {
  43     height: 0;
  44     overflow: hidden;
  45     padding-bottom: 100%;
  46     position: relative;
  47   }
  48 }
  49
  50 @media (min-width: 90em) {
  51   .slick--skin--fullwidth .slide__constrained {
  52     margin-left: -585px;
  53     width: 1170px;
  54   }
  55 }