← Back to branch summary

~ubuntu-branches/ubuntu/wily/phabricator/wily

« back to all changes in this revision

Viewing changes to src/lint/linter/__tests__/lessc/selectors.lint-test

  • Committer: Package Import Robot
  • Author(s): Richard Sellam
  • Date: 2014-11-01 23:20:06 UTC
  • mto: This revision was merged to the branch mainline in revision 4.
  • Revision ID: package-import@ubuntu.com-20141101232006-mvlnp0cil67tsboe
Tags: upstream-0~git20141101/arcanist
Import upstream version 0~git20141101, component arcanist

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/lint/linter/__tests__/lessc/selectors.lint-test
 
1
h1, h2, h3 {
 
2
  a, p {
 
3
    &:hover {
 
4
      color: red;
 
5
    }
 
6
  }
 
7
}
 
8
 
 
9
#all { color: blue; }
 
10
#the { color: blue; }
 
11
#same { color: blue; }
 
12
 
 
13
ul, li, div, q, blockquote, textarea {
 
14
  margin: 0;
 
15
}
 
16
 
 
17
td {
 
18
  margin: 0;
 
19
  padding: 0;
 
20
}
 
21
 
 
22
td, input {
 
23
  line-height: 1em;
 
24
}
 
25
 
 
26
a {
 
27
  color: red;
 
28
 
 
29
  &:hover { color: blue; }
 
30
 
 
31
  div & { color: green; }
 
32
 
 
33
  p & span { color: yellow; }
 
34
}
 
35
 
 
36
.foo {
 
37
  .bar, .baz {
 
38
    & .qux {
 
39
      display: block;
 
40
    }
 
41
    .qux & {
 
42
      display: inline;
 
43
    }
 
44
        .qux& {
 
45
          display: inline-block;
 
46
        }
 
47
    .qux & .biz {
 
48
      display: none;
 
49
    }
 
50
  }
 
51
}
 
52
 
 
53
.b {
 
54
 &.c {
 
55
  .a& {
 
56
   color: red;
 
57
  }
 
58
 }
 
59
}
 
60
 
 
61
.b {
 
62
 .c & {
 
63
  &.a {
 
64
   color: red;
 
65
  }
 
66
 }
 
67
}
 
68
 
 
69
.p {
 
70
  .foo &.bar {
 
71
    color: red;
 
72
  }
 
73
}
 
74
 
 
75
.p {
 
76
  .foo&.bar {
 
77
    color: red;
 
78
  }
 
79
}
 
80
 
 
81
.foo {
 
82
  .foo + & {
 
83
    background: amber;
 
84
  }
 
85
  & + & {
 
86
    background: amber;
 
87
  }
 
88
}
 
89
 
 
90
.foo, .bar {
 
91
  & + & {
 
92
    background: amber;
 
93
  }
 
94
}
 
95
 
 
96
.foo, .bar {
 
97
  a, b {
 
98
    & > & {
 
99
      background: amber;
 
100
    }
 
101
  }
 
102
}
 
103
 
 
104
.other ::fnord { color: red }
 
105
.other::fnord { color: red }
 
106
.other {
 
107
  ::bnord {color: red }
 
108
  &::bnord {color: red }
 
109
}
 
110
// selector interpolation
 
111
@theme: blood;
 
112
@selector: ~".@{theme}";
 
113
@{selector} {
 
114
  color:red;
 
115
}
 
116
@{selector}red {
 
117
  color: green;
 
118
}
 
119
.red {
 
120
  #@{theme}.@{theme}&.black {
 
121
    color:black;
 
122
  }
 
123
}
 
124
@num: 3;
 
125
:nth-child(@{num}) {
 
126
        selector: interpolated;
 
127
}
 
128
.test {
 
129
  &:nth-child(odd):not(:nth-child(3)) {
 
130
    color: #ff0000;
 
131
  }
 
132
}
 
133
[prop],
 
134
[prop=10%],
 
135
[prop="value@{num}"],
 
136
[prop*="val@{num}"],
 
137
[|prop~="val@{num}"],
 
138
[*|prop$="val@{num}"],
 
139
[ns|prop^="val@{num}"],
 
140
[@{num}^="val@{num}"],
 
141
[@{num}=@{num}],
 
142
[@{num}] {
 
143
  attributes: yes;
 
144
}
 
145
 
 
146
/*
 
147
Large comment means chunk will be emitted after } which means chunk will begin with whitespace...
 
148
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
 
149
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
 
150
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
 
151
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
 
152
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
 
153
*/
 
154
@{selector} {
 
155
  color: red;
 
156
}
 
157
~~~~~~~~~~