2015-02-25 10:15:51 -05:00
|
|
|
/*
|
|
|
|
* Background Colors
|
|
|
|
*
|
|
|
|
* Background utility classes to add color to elements
|
|
|
|
*/
|
|
|
|
|
|
|
|
.background-sky {
|
2016-09-12 11:34:29 -04:00
|
|
|
background-color: $blue-700;
|
|
|
|
background: linear-gradient(145deg, $blue-900, $blue-400);
|
2015-02-25 10:15:51 -05:00
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
2016-09-12 11:34:29 -04:00
|
|
|
.background-midnight {
|
|
|
|
background: $blue-grey-900;
|
2015-02-25 10:15:51 -05:00
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2015-02-26 09:45:32 -05:00
|
|
|
/*
|
|
|
|
* Background Images
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
2015-12-15 01:00:17 -05:00
|
|
|
.background-superhero-paper {
|
2016-09-12 11:34:29 -04: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-15 01:00:17 -05:00
|
|
|
background-size: 100%;
|
2015-02-25 10:15:51 -05:00
|
|
|
}
|