/*

* Generic. This includes all the third-party CSS used throughout the site.
* See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
*/

// taken from mrmrs.io/links/ a {

transition: color .4s;
color: $material900;
text-underline-position: under;

}

a:link, a:visited {

color: $material700;

} a:hover {

color: $materialA400;

} a:active {

transition: color .3s;
color: $materialA700;

}

.link { text-decoration: none; }

// Taken from webaim.org/techniques/css/invisiblecontent/#skipnavlinks skip_link a {

position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;

}

skip_link a:focus {

position:static;
width:auto; 
height:auto;

}

// Taken from clrs.cc /* Backgrounds */

.bg-materialWhite { background-color: $materialWhite; } .bg-material50 { background-color: $material50; } .bg-material200 { background-color: $material200; }

/* Colors */

.material300 { color: $material300; } .material400 { color: $material400; } .material500 { color: $material500; } .material700 { color: $material700; } .material900 { color: $material900; }

/* Border colors

Use with another border utility that sets border-width and style 
i.e .border { border-width: 1px; border-style: solid; }

*/

.border-material400 { border-color: $material400; } .border-materialBlack { border-color: $materialBlack; }