2015-02-25 07:15:51 -08:00
|
|
|
/*
|
|
|
|
* Background Colors
|
|
|
|
*
|
|
|
|
* Background utility classes to add color to elements
|
|
|
|
*/
|
|
|
|
|
|
|
|
.background-sky {
|
2016-09-12 08:34:29 -07:00
|
|
|
background-color: $blue-700;
|
|
|
|
background: linear-gradient(145deg, $blue-900, $blue-400);
|
2015-02-25 07:15:51 -08:00
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
2016-09-12 08:34:29 -07:00
|
|
|
.background-midnight {
|
|
|
|
background: $blue-grey-900;
|
2015-02-25 07:15:51 -08:00
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2015-02-26 06:45:32 -08:00
|
|
|
/*
|
|
|
|
* Background Images
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
2015-12-14 22:00:17 -08:00
|
|
|
.background-superhero-paper {
|
2016-09-12 08:34:29 -07:00
|
|
|
background: url('/resources/images/backgrounds/super-hero-large.png') no-repeat bottom center , linear-gradient(145deg, $blue-900, $blue-400);
|
|
|
|
background-blend-mode: multiply;
|
2015-12-14 22:00:17 -08:00
|
|
|
background-size: 100%;
|
2015-02-25 07:15:51 -08:00
|
|
|
}
|