stylance 0.7.1

Scoped CSS for rust projects
Documentation 
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

@charset "utf-8";

// Line comment

/* block comment 
.class {
	{ // Invalid syntax inside the comment to ensure this isn't parsed.
}
*/

div.style1.style2[value="thing"] {
	color: red; // line comment after declaration
	background-color: black;
}

.style-with-dashes {
	color: red;
}

@media (max-width: 600px) {
	.style3 {
		background-color: #87ceeb;
	}
}

@font-face {
	font-family: "Trickster";
	src:
		local("Trickster"),
		url("trickster-COLRv1.otf") format("opentype") tech(color-COLRv1),
		url("trickster-outline.otf") format("opentype"),
		url("trickster-outline.woff") format("woff");
}

.style4 {
	.nested-style {
		color: red;
	}

	@media (max-width: 600px) {
		// scss style nested media query with declarations inside
		color: blue;
	}
}

:global(.global-class) {
	color: red;
}

$some-scss-variable: 10px; // Scss variable declarations in top scope.

.style5 // comment in between selector

.style6

/* comment in between selector */
.style7 {
	$some-scss-variable: 10px; // Scss variable declarations inside style rules block.
	color: red;
}

.style1 {
	// Repeated style
	color: blue;
}

// scss placeholder class should parse
%scss-class {
	color: red;
}

@layer test-layer {
	.style8 {
		color: red;
	}
}

@layer test-layer2;

@layer;

@container (min-width: #{$screen-md}) {
	h2 {
		font-size: 1.5em;
	}

	.style9 {
		font-size: 1.5em;
	}
}

//eof