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