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

   1 // Cerulean 3.0.3
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 .btn-shadow(@color) {
   6         #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
   7         filter: none;
   8         border-bottom: 1px solid darken(@color, 10%);
   9 }
  10
  11 // Navbar =====================================================================
  12
  13 .navbar {
  14         .btn-shadow(@navbar-default-bg);
  15         filter: none;
  16         .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
  17
  18         .navbar-nav > li > a,
  19         &-brand {
  20                 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  21         }
  22 }
  23
  24 .navbar-inverse {
  25         #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
  26         filter: none;
  27         border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
  28 }
  29
  30 // Buttons ====================================================================
  31
  32 .btn {
  33
  34         text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  35
  36         .caret {
  37                 border-top-color: #fff;
  38         }
  39 }
  40
  41 .btn-default {
  42
  43         .btn-shadow(@btn-default-bg);
  44
  45         &:hover {
  46                 color: @btn-default-color;
  47         }
  48
  49         .caret {
  50                 border-top-color: @text-color;
  51         }
  52 }
  53
  54 .btn-default {
  55         .btn-shadow(@btn-default-bg);
  56 }
  57
  58 .btn-primary {
  59         .btn-shadow(@btn-primary-bg);
  60 }
  61
  62 .btn-success {
  63         .btn-shadow(@btn-success-bg);
  64 }
  65
  66 .btn-info {
  67         .btn-shadow(@btn-info-bg);
  68 }
  69
  70 .btn-warning {
  71         .btn-shadow(@btn-warning-bg);
  72 }
  73
  74 .btn-danger {
  75         .btn-shadow(@btn-danger-bg);
  76 }
  77
  78 // Typography =================================================================
  79
  80 // Tables =====================================================================
  81
  82 // Forms ======================================================================
  83
  84 // Navs =======================================================================
  85
  86 .pagination {
  87
  88         .active > a,
  89         .active > a:hover {
  90                 border-color: #ddd;
  91         }
  92 }
  93
  94 // Indicators =================================================================
  95
  96 // Progress bars ==============================================================
  97
  98 // Containers =================================================================
  99
 100 .panel-primary,
 101 .panel-success,
 102 .panel-warning,
 103 .panel-danger,
 104 .panel-info {
 105
 106         .panel-heading,
 107         .panel-title {
 108                 color: #fff;
 109         }
 110 }