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

   1 // Readable 3.0.2
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Raleway:700");
   6
   7 // Navbar =====================================================================
   8
   9 .navbar {
  10         font-family: @headings-font-family;
  11         text-transform: uppercase;
  12
  13         &-nav > li > a {
  14                 padding-top: @navbar-padding-vertical + 6px;
  15         }
  16
  17         &-brand {
  18                 padding-top: @navbar-padding-vertical + 5px;
  19         }
  20 }
  21
  22 // Buttons ====================================================================
  23
  24 .btn {
  25         font-family: @headings-font-family;
  26         text-transform: uppercase;
  27 }
  28
  29 // Typography =================================================================
  30
  31 h1, h2, h3, h4, h5, h6 {
  32         text-transform: uppercase;
  33 }
  34
  35 p {
  36         margin-bottom: 1.4em;
  37 }
  38
  39 // Tables =====================================================================
  40
  41 // Forms ======================================================================
  42
  43 // Navs =======================================================================
  44
  45 .pagination {
  46
  47         .active > a,
  48         .active > a:hover {
  49                 border-color: #ddd;
  50         }
  51
  52         &-lg > li > a,
  53         &-lg > li > span {
  54                 padding: 14px 24px;
  55         }
  56 }
  57
  58 // Indicators =================================================================
  59
  60 .alert {
  61         a,
  62         .alert-link {
  63                 color: @alert-success-text;
  64                 text-decoration: underline;
  65         }
  66 }
  67
  68 // Progress bars ==============================================================
  69
  70 // Containers =================================================================
  71
  72 .panel {
  73
  74         &-primary,
  75         &-success,
  76         &-warning,
  77         &-danger,
  78         &-info {
  79                 .panel-heading {
  80                         color: #fff;
  81                 }
  82         }
  83 }