git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/site/jumbotron-carousel.less

   1 @size: 220px;
   2 #icon-carousel {
   3   margin-top: @buffer-sm;
   4   font-size: @size;
   5   text-align: center;
   6   line-height: @size + 5;
   7   text-shadow: 0 2px 0 rgba(0,0,0,0.15);
   8 }
   9 .carousel-control {
  10   top: @size + 10px;
  11   .square(30px);
  12   border-width: 0;
  13   font-size: 30px;
  14   line-height: 25px;
  15   left: 300/2 - 36px;
  16   &.right {
  17     left: auto;
  18     right: 300/2 - 36px;
  19   }
  20   &.right, &.left {
  21     background-image: none;
  22     filter: none;
  23   }
  24 }
  25
  26
  27 .jumbotron-carousel {
  28   padding-top: 40px;
  29   .btn {
  30     margin-top: @buffer-lg;
  31     font-family: @font-family-serif;
  32     font-size: 24px;
  33     padding: 17px 30px;
  34     color: @jumbotron-color;
  35     border-color: mix(@jumbotron-color, @jumbotron-bg, 75%);
  36     background-color: transparent;
  37     text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  38     &:hover {
  39       background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
  40       border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
  41       color: @jumbotron-bg;
  42       text-shadow: 0 -1px 0 @jumbotron-color;
  43     }
  44   }
  45   .shameless-self-promotion {
  46     margin-top: @buffer-lg;
  47     font-size: @font-size-base;
  48     line-height: @line-height-base;
  49     color: mix(@jumbotron-color, @jumbotron-bg, 60%);
  50     text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  51     a {
  52       color: mix(@jumbotron-color, @jumbotron-bg, 80%);
  53       border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%);
  54       &:hover {
  55         color: @jumbotron-color;
  56         text-decoration: none;
  57         border-bottom: solid 1px @jumbotron-color;
  58       }
  59     }
  60   }
  61 }