aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/slick/css/theme/slick.theme--full.css

   1 /**
   2  * @file
   3  * Re-used rules for Fullscreen and Fullwidth.
   4  */
   5
   6 .slide__constrained {
   7   height: 100%;
   8   min-height: 210px;
   9   padding-top: 10%;
  10   pointer-events: none;
  11   top: 0;
  12   z-index: 2;
  13 }
  14
  15 .slide__constrained::after {
  16   content: "";
  17   display: table;
  18   clear: both;
  19 }
  20
  21 .slide__constrained > .slide__caption {
  22   pointer-events: auto;
  23 }
  24
  25 .slide__constrained .slide__link a {
  26   text-decoration: none;
  27 }
  28
  29 @media (min-width: 64em) {
  30   .slide__constrained > .slide__caption {
  31     position: absolute;
  32   }
  33
  34   .slide--caption--center .slide__constrained > .slide__caption {
  35     margin-top: -16%;
  36     top: 50%;
  37   }
  38
  39   .slide--caption--center .slide__constrained > .slide__caption,
  40   .slide--caption--center-top .slide__constrained > .slide__caption {
  41     left: 50%;
  42     margin-left: -21%;
  43     padding: 0;
  44     text-align: center;
  45   }
  46
  47   .slide--caption--right .slide__constrained > .slide__caption {
  48     left: auto;
  49     right: 0;
  50   }
  51
  52   .slide--caption--top .slide__constrained > .slide__caption,
  53   .slide--caption--bottom .slide__constrained > .slide__caption {
  54     width: 100%;
  55   }
  56
  57   .slide--caption--top .slide__constrained > .slide__caption {
  58     top: 0;
  59   }
  60
  61   .slide--caption--bottom .slide__constrained > .slide__caption {
  62     bottom: 0;
  63     top: auto;
  64   }
  65
  66   .slick--has-arrow-down .slide--caption--bottom .slide__constrained > .slide__caption {
  67     padding-bottom: 80px;
  68   }
  69
  70   .slide--caption--stage-left .slide__constrained > .slide__caption,
  71   .slide--caption--stage-right .slide__constrained > .slide__caption,
  72   .slide--caption--stage-zebra .slide__constrained > .slide__caption {
  73     left: 50%;
  74     margin-left: -41%;
  75     padding: 0;
  76     width: 82%;
  77   }
  78
  79   .slide--caption--stage-left .slide__constrained > .slide__caption > .slide__data,
  80   .slide--caption--stage-zebra:nth-child(odd) .slide__constrained > .slide__caption > .slide__data {
  81     margin-right: 56%;
  82   }
  83
  84   .slide--caption--stage-right .slide__constrained > .slide__caption > .slide__data,
  85   .slide--caption--stage-zebra:nth-child(even) .slide__constrained > .slide__caption > .slide__data {
  86     margin-left: 56%;
  87   }
  88
  89   .slide--caption--stage-left .slide__constrained > .slide__caption > .slide__overlay,
  90   .slide--caption--stage-zebra:nth-child(odd) .slide__constrained > .slide__caption > .slide__overlay {
  91     float: right;
  92     width: 52%;
  93   }
  94
  95   .slide--caption--stage-right .slide__constrained > .slide__caption > .slide__overlay,
  96   .slide--caption--stage-zebra:nth-child(even) .slide__constrained > .slide__caption > .slide__overlay {
  97     float: left;
  98     width: 52%;
  99   }
 100
 101   .slide--caption--below .slide__constrained > .slide__caption {
 102     padding: 20px 0;
 103     position: relative;
 104     top: auto;
 105     width: 100%;
 106   }
 107 }