scssphp/tests/inputs/variables.scss at dev · bastianjoel/scssphp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

$color: red, two, three;

div {
    height: $color;
}

$a: 1000;

div {
    $a: 2000 !default;
    num: $a;
}

div {
    $b: 2000 !default;
    num: $b;
}

$cool_color: null;
$cool_color: blue !default;

pre {
    color: $cool_color;
}

$something_man: 100px;
cool: $something_man;


del {
    $something: blue;

    div {
        $something: red;
        pre {
            color: $something;
        }
    }

    color: $something;
}

$font-family-simple: Arial !default;
$font-family-spaces: Helvetica Neue !default;
$font-family-quotes: "Helvetica Neue" !default;
$font-family-commas: Helvetica, Arial, sans-serif !default;
$font-family-sans:      "Helvetica Neue", Helvetica, Arial, sans-serif !default;

body {
    font-family: $font-family-simple;
    font-family: $font-family-spaces;
    font-family: $font-family-quotes;
    font-family: $font-family-commas;
    font-family: $font-family-sans;
}

#main {
  $width: 5em !global;
  width: $width;
}

#sidebar {
  width: $width;
}

@mixin example {
    $color: red;
}

A {
    $color: green;
    @include example;
    color: $color;
}

$цвет : #000;

body
{
	color: $цвет;
}

$test: 12 !default !global;

*   {
    // Expected: 12
    data: $test;
}