nexus-timers/src/styles/main.sass

/**
 * Only add in this file pure sass code (like variables, functions and mixins) that don't get rendered
 * Otherwise, this code will be duplicated in each component in the final css file
 */

// ############
// ## Colors ##
// ############

$blizzard-background-color: #0A020F
$blizzard-background-color-transparent: #0A020FCC
$blizzard-font-color: #6CF

@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