/*
* 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; }