css/bootstrap/_custom.scss

   1 // Nick
   2
   3 $footer-link-color: darken(theme-color("success"), 10%);
   4 $footer-link-hover-color: darken($footer-link-color, 10%);
   5
   6 // apply this to svg, see _svg/icon_search.svg
   7 .svg-icon {
   8   display: inline-block;
   9   width: 1em;
  10   height: 1em;
  11   stroke-width: 0;
  12   stroke: currentColor;
  13   fill: currentColor;
  14   position: relative;
  15   //bottom: -.125em;
  16 }
  17
  18 // use this to display the pi symbol without horrible blocky look in Sans
  19 .serif {
  20   font-family: $font-family-serif;
  21 }
  22
  23 // apply this to table to get an icon with vertically centred text next to it
  24 .icon-and-text {
  25   vertical-align: middle;
  26   td {
  27     padding: .25em .5em;
  28   }
  29 }
  30
  31 .search-results li {
  32   margin-bottom: .5em;
  33 }
  34
  35 // see https://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
  36 .vcenter {
  37   display: inline-block;
  38   vertical-align: center;
  39   float: none;
  40 }
  41 .vbottom {
  42   display: inline-block;
  43   vertical-align: bottom;
  44   float: none;
  45 }
  46
  47 .footer {
  48   padding-top: 35px;
  49   padding-bottom: 25px;
  50   background-color: $gray-400;
  51   a {
  52     color: $footer-link-color;
  53
  54     &:hover,
  55     &:focus {
  56       color: $footer-link-hover-color;
  57       //background-color: $footer-link-hover-bg;
  58     }
  59   }
  60 }