not-gwent-online/site/client/assets/sass/_mixins.scss

$main: #d96f1f;

@mixin mainGradient() {
  background: #da7020;
  background: -moz-linear-gradient(left, #da7020 0%, #ca5907 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#da7020), color-stop(100%,#ca5907));
  background: -webkit-linear-gradient(left, #da7020 0%,#ca5907 100%);
  background: -o-linear-gradient(left, #da7020 0%,#ca5907 100%);
  background: -ms-linear-gradient(left, #da7020 0%,#ca5907 100%);
  background: linear-gradient(to right, #da7020 0%,#ca5907 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da7020', endColorstr='#ca5907',GradientType=1 );
}

@mixin secondGradient() {
  background: #243141;
  background: -moz-linear-gradient(left, #243141 0%, #334152 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#243141), color-stop(100%,#334152));
  background: -webkit-linear-gradient(left, #243141 0%,#334152 100%);
  background: -o-linear-gradient(left, #243141 0%,#334152 100%);
  background: -ms-linear-gradient(left, #243141 0%,#334152 100%);
  background: linear-gradient(to right, #243141 0%,#334152 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243141', endColorstr='#334152',GradientType=1 );
}

@mixin contentGradient() {
  background: #080d14;
  background: -moz-linear-gradient(top, rgba(8,13,20,1) 4%, rgba(8,13,20,0.56) 46%, rgba(239,239,239,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgba(8,13,20,1)), color-stop(46%,rgba(8,13,20,0.56)), color-stop(100%,rgba(239,239,239,0)));
  background: -webkit-linear-gradient(top, rgba(8,13,20,1) 4%,rgba(8,13,20,0.56) 46%,rgba(239,239,239,0) 100%);
  background: -o-linear-gradient(top, rgba(8,13,20,1) 4%,rgba(8,13,20,0.56) 46%,rgba(239,239,239,0) 100%);
  background: -ms-linear-gradient(top, rgba(8,13,20,1) 4%,rgba(8,13,20,0.56) 46%,rgba(239,239,239,0) 100%);
  background: linear-gradient(to bottom, rgba(8,13,20,1) 4%,rgba(8,13,20,0.56) 46%,rgba(239,239,239,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080d14', endColorstr='#00efefef',GradientType=0 );
}

@mixin transition($type: all) {
  transition: $type .3s ease-in-out 0s;
}

@mixin mq($point) {
  @if $point == big {
    @media (max-width: 1600px) { @content; }
  }
  @else if $point == medium {
    @media (max-width: 1450px) { @content; }
  }
  @else if $point == small {
    @media (max-width: 600px)  { @content; }
  }
}