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

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