css/bootstrap/custom.less

   1 // Nick
   2
   3 @import "variables.less";
   4
   5 @footer-link-color: darken(@brand-success, 10%);
   6 @footer-link-hover-color: darken(@footer-link-color, 10%);
   7
   8 // use these for heading-sized text when you don't want extra spacing
   9 .text-h1 {
  10   font-size: @font-size-h1;
  11 }
  12
  13 .text-h2 {
  14   font-size: @font-size-h2;
  15 }
  16
  17 .text-h3 {
  18   font-size: @font-size-h3;
  19 }
  20
  21 .text-h4 {
  22   font-size: @font-size-h4;
  23 }
  24
  25 .text-h5 {
  26   font-size: @font-size-h5;
  27 }
  28
  29 .text-h6 {
  30   font-size: @font-size-h6;
  31 }
  32
  33 // apply this to svg, see _svg/icon_search.svg
  34 .svg-icon {
  35   display: inline-block;
  36   width: 1em;
  37   height: 1em;
  38   stroke-width: 0;
  39   stroke: currentColor;
  40   fill: currentColor;
  41   position: relative;
  42   bottom: -.125em;
  43 }
  44
  45 // use this to display the pi symbol without horrible blocky look in Sans
  46 .text-serif {
  47   font-family: @font-family-serif;
  48 }
  49
  50 // apply this to table to get an icon with vertically centred text next to it
  51 .icon-and-text {
  52   vertical-align: middle;
  53   td {
  54     padding: .25em .5em;
  55   }
  56 }
  57
  58 .search-results li {
  59   margin-bottom: .5em;
  60 }
  61
  62 // see https://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
  63 .vbottom {
  64   display: inline-block;
  65   vertical-align: bottom;
  66   float: none;
  67 }
  68
  69 .footer {
  70   padding: 20px;
  71   background-color: @gray-light2;
  72   a {
  73     color: @footer-link-color;
  74
  75     &:hover,
  76     &:focus {
  77       color: @footer-link-hover-color;
  78       //background-color: @footer-link-hover-bg;
  79     }
  80   }
  81 }