git.roojs.org Git - bootswatch/blob - spacelab/bootswatch.less

   1 // Spacelab 3.0.3
   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
  25         &-nav > li > a,
  26         &-nav > li > a:hover {
  27                 padding-top: @navbar-padding-vertical + 2px;
  28                 padding-bottom: @navbar-padding-vertical - 2px;
  29                 .transition(color ease-in-out .2s);
  30         }
  31
  32         &-brand,
  33         &-brand:hover {
  34                 .transition(color ease-in-out .2s);
  35         }
  36
  37         .caret,
  38         .caret:hover {
  39                 .transition(border-color ease-in-out .2s);
  40         }
  41
  42         .dropdown-menu {
  43                 text-shadow: none;
  44         }
  45 }
  46
  47 // Buttons ====================================================================
  48
  49 .btn {
  50         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  51 }
  52
  53 .btn-default,
  54 .btn-default:hover {
  55         .btn-shadow(@btn-default-bg);
  56 }
  57
  58 .btn-primary,
  59 .btn-primary:hover {
  60         .btn-shadow(@btn-primary-bg);
  61 }
  62
  63 .btn-success,
  64 .btn-success:hover {
  65         .btn-shadow(@btn-success-bg);
  66 }
  67
  68 .btn-info,
  69 .btn-info:hover {
  70         .btn-shadow(@btn-info-bg);
  71 }
  72
  73 .btn-warning,
  74 .btn-warning:hover {
  75         .btn-shadow(@btn-warning-bg);
  76 }
  77
  78 .btn-danger,
  79 .btn-danger:hover {
  80         .btn-shadow(@btn-danger-bg);
  81 }
  82
  83 // Typography =================================================================
  84
  85 // Tables =====================================================================
  86
  87 // Forms ======================================================================
  88
  89 // Navs =======================================================================
  90
  91 .pagination {
  92
  93         .active > a,
  94         .active > a:hover {
  95                 border-color: #ddd;
  96         }
  97 }
  98
  99 // Indicators =================================================================
 100
 101 // Progress bars ==============================================================
 102
 103 // Containers =================================================================
 104
 105 .panel {
 106
 107         &-primary {
 108                 .panel-title {
 109                         color: #fff;
 110                 }
 111         }
 112 }