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