third-party/watchman/src/website/_sass/_slideshow.scss

   1 .slideshow {
   2   position: relative;
   3
   4   .slide {
   5     display: none;
   6
   7     img {
   8       display: block;
   9       margin: 0 auto;
  10     }
  11
  12     &.slideActive {
  13       display: block;
  14     }
  15
  16     a {
  17       border: none;
  18       display: block;
  19     }
  20   }
  21
  22   .pagination {
  23     display: block;
  24     margin: -10px;
  25     padding: 1em 0;
  26     text-align: center;
  27     width: 100%;
  28
  29     .pager {
  30       background: transparent;
  31       border: 2px solid rgba(255, 255, 255, 0.5);
  32       border-radius: 50%;
  33       cursor: pointer;
  34       display: inline-block;
  35       height: 12px;
  36       margin: 10px;
  37       transition: background-color 0.3s, border-color 0.3s;
  38       width: 12px;
  39
  40       &.pagerActive {
  41         background: rgba(255, 255, 255, 0.5);
  42         border-width: 4px;
  43         height: 8px;
  44         width: 8px;
  45       }
  46     }
  47   }
  48 }