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