blob: 1d10479cb36d1d8c6d9ab17e91aa56cc58d98e18 (
plain)
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
90
91
92
93
94
|
@import "a.css";
@import "a.css"; /* S1128 | no-duplicate-at-import-rules */
b a {
color: pink;; /* S1116 | no-extra-semicolons */
}
a { /* S4664 | no-descending-specificity */
color: red;
}
a::pseudo { /* S4660 | selector-pseudo-element-no-unknown */
color: red;
}
a:unknown { /* S4659 | selector-pseudo-class-no-unknown */
background-color: #ffw; /* S4647 | color-no-invalid-hex */
/* */ /* S4663 | comment-no-empty */
content: "first
second"; /* S4652 | string-no-newline */
color: pink;
color: pink; /* S4656 | declaration-block-no-duplicate-properties */
color: orange; /* S4656 | declaration-block-no-duplicate-properties | Not raised because property has a different value */
font: 1em/1.3 Times; /* S4649 | font-family-no-missing-generic-family-keyword */
font-family: serif, serif; /* S4648 | font-family-no-duplicate-names */
heigth: 100%; /* S4654 | property-no-unknown */
padding-left: 10px;
padding: 20px; /* S4657 | declaration-block-no-shorthand-property-overrides */
top: calc(1px+2px); /* S4650 | function-calc-no-unspaced-operator */ /* S4653 | unit-no-unknown */
width: calc(100% 80px); /* S5362 | function-calc-no-invalid */
}
// color: pink; /* S4668 | no-invalid-double-slash-comments | Doesn't raise for SCSS */
.class1 {
width: 100px;
background: linear-gradient(top, #fff, #000); /* S4651 | function-linear-gradient-no-nonstandard-direction */
}
.class1 { /* S4666 | no-duplicate-selectors */
padding: 100px;
}
unknown { /* S4670 | selector-type-no-unknown */
color: black;
}
@unknown { /* S4662 | at-rule-no-unknown */
width: 1px;
}
@keyframes important1 {
from {
margin-top: 50px;
}
to {
margin-top: 100px !important; /* S4655 | keyframe-declaration-no-important */
}
}
.class2 { } /* S4658 | block-no-empty */
@media screen and (unknown) { /* S4661 | media-feature-name-no-unknown */
width: 2px;
}
@mixin adjust-location($x, $y) {
@if unitless($x) {
color: blue;
@debug "";
@warn "";
@error "";
@at-root [dir="ltr"] { color: blue; }
} @else {
color: black;
}
}
@for $i from 1 through 3 {
.item-#{$i} { width: 2em * $i; }
}
@each $header, $size in (h1: 2em, h2: 1.5em, h3: 1.2em) {
#{$header} {
font-size: $size;
@include large-text;
}
}
$i: 6;
@while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
|
