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

   1 // Readable 3.0.3
   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         &-nav > .active > a,
  18         &-nav > .active > a:hover {
  19                 text-decoration: underline;
  20         }
  21
  22         &-default .navbar-nav > .active > a:hover {
  23                 color: @navbar-default-link-hover-color;
  24         }
  25
  26         &-inverse .navbar-nav > .active > a:hover {
  27                 color: @navbar-inverse-link-hover-color;
  28         }
  29
  30         &-brand {
  31                 padding-top: @navbar-padding-vertical + 5px;
  32         }
  33 }
  34
  35 // Buttons ====================================================================
  36
  37 .btn {
  38         font-family: @headings-font-family;
  39         text-transform: uppercase;
  40 }
  41
  42 // Typography =================================================================
  43
  44 h1, h2, h3, h4, h5, h6 {
  45         text-transform: uppercase;
  46 }
  47
  48 p {
  49         margin-bottom: 1.4em;
  50 }
  51
  52 // Tables =====================================================================
  53
  54 // Forms ======================================================================
  55
  56 // Navs =======================================================================
  57
  58 .pagination {
  59
  60         .active > a,
  61         .active > a:hover {
  62                 border-color: #ddd;
  63         }
  64
  65         &-lg > li > a,
  66         &-lg > li > span {
  67                 padding: 14px 24px;
  68         }
  69 }
  70
  71 // Indicators =================================================================
  72
  73 .alert {
  74         a,
  75         .alert-link {
  76                 color: @alert-success-text;
  77                 text-decoration: underline;
  78         }
  79 }
  80
  81 // Progress bars ==============================================================
  82
  83 // Containers =================================================================
  84
  85 .panel {
  86
  87         &-primary,
  88         &-success,
  89         &-warning,
  90         &-danger,
  91         &-info {
  92                 .panel-heading {
  93                         color: #fff;
  94                 }
  95         }
  96 }