addons/theme_bootswatch/static/src/less/spacelab/bootswatch.less

   1 // Spacelab 3.2.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
   6
   7 .btn-shadow(@color) {
   8   #gradient > .vertical-three-colors(lighten(@color, 15%), @color, 50%, darken(@color, 4%));
   9   filter: none;
  10   border: 1px solid darken(@color, 10%);
  11 }
  12
  13 // Navbar =====================================================================
  14
  15 .navbar {
  16
  17   .btn-shadow(@navbar-default-bg);
  18   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  19
  20   &-inverse {
  21     .btn-shadow(@navbar-inverse-bg);
  22     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  23
  24     .badge {
  25       background-color: #fff;
  26       color: @navbar-inverse-bg;
  27     }
  28   }
  29
  30   .badge {
  31     text-shadow: none;
  32   }
  33
  34   &-nav > li > a,
  35   &-nav > li > a:hover {
  36     padding-top: @navbar-padding-vertical + 2px;
  37     padding-bottom: @navbar-padding-vertical - 2px;
  38     .transition(color ease-in-out .2s);
  39   }
  40
  41   &-brand,
  42   &-brand:hover {
  43     .transition(color ease-in-out .2s);
  44   }
  45
  46   .caret,
  47   .caret:hover {
  48     .transition(border-color ease-in-out .2s);
  49   }
  50
  51   .dropdown-menu {
  52     text-shadow: none;
  53   }
  54 }
  55
  56 // Buttons ====================================================================
  57
  58 .btn {
  59   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  60
  61   &-default {
  62     .btn-shadow(@btn-default-bg);
  63
  64     &:hover {
  65       .btn-shadow(darken(@btn-default-bg, 4%));
  66     }
  67   }
  68
  69   &-primary {
  70     .btn-shadow(@btn-primary-bg);
  71
  72     &:hover {
  73       .btn-shadow(darken(@btn-primary-bg, 4%));
  74     }
  75   }
  76
  77   &-success {
  78     .btn-shadow(@btn-success-bg);
  79
  80     &:hover {
  81       .btn-shadow(darken(@btn-success-bg, 4%));
  82     }
  83   }
  84
  85   &-info {
  86     .btn-shadow(@btn-info-bg);
  87
  88     &:hover {
  89       .btn-shadow(darken(@btn-info-bg, 4%));
  90     }
  91   }
  92
  93   &-warning {
  94     .btn-shadow(@btn-warning-bg);
  95
  96     &:hover {
  97       .btn-shadow(darken(@btn-warning-bg, 4%));
  98     }
  99   }
 100
 101   &-danger {
 102     .btn-shadow(@btn-danger-bg);
 103
 104     &:hover {
 105       .btn-shadow(darken(@btn-danger-bg, 4%));
 106     }
 107   }
 108
 109   &:active,
 110   &.active {
 111     background-image: none;
 112     .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
 113   }
 114 }
 115
 116
 117
 118 // Typography =================================================================
 119
 120 // Tables =====================================================================
 121
 122 // Forms ======================================================================
 123
 124 // Navs =======================================================================
 125
 126 // Indicators =================================================================
 127
 128 // Progress bars ==============================================================
 129
 130 // Containers =================================================================
 131
 132 .panel {
 133
 134   &-primary {
 135     .panel-title {
 136       color: #fff;
 137     }
 138   }
 139 }