|
|
@@ -6,12 +6,29 @@ |
|
|
|
// ############ |
|
|
|
// ## Colors ## |
|
|
|
// ############ |
|
|
|
|
|
|
|
$blizzard-background-color: #0A020F |
|
|
|
$blizzard-background-color-transparent: #0A020FCC |
|
|
|
$blizzard-font-color: #fff |
|
|
|
$blizzard-font-color: #6CF |
|
|
|
|
|
|
|
=blizzard-header-gradient |
|
|
|
@mixin blizzard-header-gradient |
|
|
|
background: #0d39a0 /* Old browsers */ |
|
|
|
background: -moz-linear-gradient(left, #0d39a0 0%, #2f099b 100%) /* FF3.6-15 */ |
|
|
|
background: -webkit-linear-gradient(left, #0d39a0 0%,#2f099b 100%) /* Chrome10-25,Safari5.1-6 */ |
|
|
|
background: linear-gradient(to right, #0d39a0 0%,#2f099b 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ |
|
|
|
|
|
|
|
|
|
|
|
// ################# |
|
|
|
// ## Breakpoints ## |
|
|
|
// ################# |
|
|
|
|
|
|
|
$xs: 0px |
|
|
|
$sm: 576px |
|
|
|
$md: 768px |
|
|
|
$lg: 992px |
|
|
|
$xl: 1200px |
|
|
|
|
|
|
|
/// A shortcut for media queries |
|
|
|
@mixin breakpoint($point) |
|
|
|
@media (min-width: $point) |
|
|
|
@content |