3 $footer-link-color: darken(theme-color("success"), 10%);
4 $footer-link-hover-color: darken($footer-link-color, 10%);
6 // apply this to a div inside the body tag
7 // prevents page shifting to left/right as scrollbar appears/disappears
8 // it works by calculating the width of the scrollbar and then adding
9 // the corresponding amount of padding to left to keep things centered
10 // see https://stackoverflow.com/questions/45524214/how-do-i-stop-my-web-content-from-shifting-left-when-the-vertical-scrollbar-appe
12 padding-left: calc(100vw - 100%);
15 // needed for svg icons inside card headers
16 // creates an inline element with correct width but no height
17 // the svg is positioned at an arbitrary position within this
19 display: inline-block;
21 width: calc(32px + 1rem);
29 // apply this to svg, see _svg/icon_search.svg
31 display: inline-block;
41 // use this to display the pi symbol without horrible blocky look in Sans
43 font-family: $font-family-serif;
46 // apply this to table to get an icon with vertically centred text next to it
48 vertical-align: middle;
61 background-color: $gray-400;
63 color: $footer-link-color;
67 color: $footer-link-hover-color;
68 //background-color: $footer-link-hover-bg;