mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
50 lines
2.4 KiB
SCSS
50 lines
2.4 KiB
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; }
|
|
}
|
|
} |