2015-02-25 10:15:51 -05:00
|
|
|
/*
|
|
|
|
* Background Colors
|
|
|
|
*
|
|
|
|
* Background utility classes to add color to elements
|
|
|
|
*/
|
|
|
|
|
|
|
|
.background-sky {
|
2015-03-05 13:02:21 -05:00
|
|
|
background-color: $ocean;
|
|
|
|
background: linear-gradient($ocean, $regal);
|
2015-02-25 10:15:51 -05:00
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
|
|
|
.background-regal {
|
|
|
|
background: $regal;
|
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
|
|
|
.background-coal {
|
|
|
|
background: $coal;
|
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
|
|
|
.background-steel {
|
|
|
|
background: $steel;
|
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
|
|
|
.background-silver {
|
|
|
|
background: $silver;
|
|
|
|
color: $snow;
|
|
|
|
}
|
|
|
|
|
2016-04-28 15:31:38 -04:00
|
|
|
.background-blue-grey-900 {
|
|
|
|
background: #263238;
|
|
|
|
color: $snow;
|
|
|
|
}
|
2015-02-25 10:15:51 -05:00
|
|
|
|
2015-02-26 09:45:32 -05:00
|
|
|
/*
|
|
|
|
* Background Images
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
2015-10-15 03:41:57 -04:00
|
|
|
.background-lon-paper {
|
|
|
|
background: url('/resources/images/backgrounds/lon-paper.png') bottom center no-repeat;
|
2015-02-26 09:45:32 -05:00
|
|
|
background-size: 100%;
|
|
|
|
background-position: fixed;
|
|
|
|
}
|
2015-12-15 01:00:17 -05:00
|
|
|
.background-superhero-paper {
|
|
|
|
background: url('/resources/images/backgrounds/superhero-paper.png') bottom center no-repeat;
|
|
|
|
background-size: 100%;
|
|
|
|
background-position: fixed;
|
|
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
|
|
background-image: url('/resources/images/backgrounds/superhero-paper-large.png');
|
|
|
|
}
|
|
|
|
}
|
2015-02-26 09:45:32 -05:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2015-02-25 10:15:51 -05:00
|
|
|
/*
|
|
|
|
* Text Colors
|
|
|
|
*
|
|
|
|
* Text color utility color classes
|
|
|
|
*/
|
|
|
|
|
|
|
|
.text-snow {
|
|
|
|
color: $snow;
|
|
|
|
}
|