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

   1 // Spacelab 3.0.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         border: 1px solid darken(@color, 10%);
  10 }
  11
  12 // Navbar =====================================================================
  13
  14 .navbar {
  15
  16         .btn-shadow(@navbar-default-bg);
  17         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  18         filter: none;
  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 h1, h2, h3, h4, h5, h6 {
  86         color: @gray-darker;
  87 }
  88
  89 // Tables =====================================================================
  90
  91 // Forms ======================================================================
  92
  93 // Navs =======================================================================
  94
  95 .pagination {
  96
  97         .active > a,
  98         .active > a:hover {
  99                 border-color: #ddd;
 100         }
 101 }
 102
 103 // Indicators =================================================================
 104
 105 // Progress bars ==============================================================
 106
 107 // Containers =================================================================