...
1non container: {
2 Default.class: icon
3
4 OutsideTopLeft.class: [icon; OutsideTopLeft]
5 OutsideTopCenter.class: [icon; OutsideTopCenter]
6 OutsideTopRight.class: [icon; OutsideTopRight]
7
8 OutsideLeftTop.class: [icon; OutsideLeftTop]
9 OutsideLeftMiddle.class: [icon; OutsideLeftMiddle]
10 OutsideLeftBottom.class: [icon; OutsideLeftBottom]
11
12 OutsideRightTop.class: [icon; OutsideRightTop]
13 OutsideRightMiddle.class: [icon; OutsideRightMiddle]
14 OutsideRightBottom.class: [icon; OutsideRightBottom]
15
16 OutsideBottomLeft.class: [icon; OutsideBottomLeft]
17 OutsideBottomCenter.class: [icon; OutsideBottomCenter]
18 OutsideBottomRight.class: [icon; OutsideBottomRight]
19
20 InsideTopLeft.class: [icon; InsideTopLeft]
21 InsideTopCenter.class: [icon; InsideTopCenter]
22 InsideTopRight.class: [icon; InsideTopRight]
23
24 InsideMiddleLeft.class: [icon; InsideMiddleLeft]
25 InsideMiddleCenter.class: [icon; InsideMiddleCenter]
26 InsideMiddleRight.class: [icon; InsideMiddleRight]
27
28 InsideBottomLeft.class: [icon; InsideBottomLeft]
29 InsideBottomCenter.class: [icon; InsideBottomCenter]
30 InsideBottomRight.class: [icon; InsideBottomRight]
31}
32
33container: {
34 Default.class: icon
35 Default.Default
36
37 OutsideTopLeft.class: [icon; OutsideTopLeft]
38 OutsideTopCenter.class: [icon; OutsideTopCenter]
39 OutsideTopRight.class: [icon; OutsideTopRight]
40
41 OutsideLeftTop.class: [icon; OutsideLeftTop]
42 OutsideLeftMiddle.class: [icon; OutsideLeftMiddle]
43 OutsideLeftBottom.class: [icon; OutsideLeftBottom]
44
45 OutsideRightTop.class: [icon; OutsideRightTop]
46 OutsideRightMiddle.class: [icon; OutsideRightMiddle]
47 OutsideRightBottom.class: [icon; OutsideRightBottom]
48
49 OutsideBottomLeft.class: [icon; OutsideBottomLeft]
50 OutsideBottomCenter.class: [icon; OutsideBottomCenter]
51 OutsideBottomRight.class: [icon; OutsideBottomRight]
52
53 InsideTopLeft.class: [icon; InsideTopLeft]
54 InsideTopCenter.class: [icon; InsideTopCenter]
55 InsideTopRight.class: [icon; InsideTopRight]
56
57 InsideMiddleLeft.class: [icon; InsideMiddleLeft]
58 InsideMiddleCenter.class: [icon; InsideMiddleCenter]
59 InsideMiddleRight.class: [icon; InsideMiddleRight]
60
61 InsideBottomLeft.class: [icon; InsideBottomLeft]
62 InsideBottomCenter.class: [icon; InsideBottomCenter]
63 InsideBottomRight.class: [icon; InsideBottomRight]
64
65 OutsideTopLeft.OutsideTopLeft
66 OutsideTopCenter.OutsideTopCenter
67 OutsideTopRight.OutsideTopRight
68
69 OutsideLeftTop.OutsideLeftTop
70 OutsideLeftMiddle.OutsideLeftMiddle
71 OutsideLeftBottom.OutsideLeftBottom
72
73 OutsideRightTop.OutsideRightTop
74 OutsideRightMiddle.OutsideRightMiddle
75 OutsideRightBottom.OutsideRightBottom
76
77 OutsideBottomLeft.OutsideBottomLeft
78 OutsideBottomCenter.OutsideBottomCenter
79 OutsideBottomRight.OutsideBottomRight
80
81 InsideTopLeft.InsideTopLeft
82 InsideTopCenter.InsideTopCenter
83 InsideTopRight.InsideTopRight
84
85 InsideMiddleLeft.InsideMiddleLeft
86 InsideMiddleCenter.InsideMiddleCenter
87 InsideMiddleRight.InsideMiddleRight
88
89 InsideBottomLeft.InsideBottomLeft
90 InsideBottomCenter.InsideBottomCenter
91 InsideBottomRight.InsideBottomRight
92}
93
94image: {
95 Default.class: [icon; image]
96
97 OutsideTopLeft.class: [icon; image; OutsideTopLeft]
98 OutsideTopCenter.class: [icon; image; OutsideTopCenter]
99 OutsideTopRight.class: [icon; image; OutsideTopRight]
100
101 OutsideLeftTop.class: [icon; image; OutsideLeftTop]
102 OutsideLeftMiddle.class: [icon; image; OutsideLeftMiddle]
103 OutsideLeftBottom.class: [icon; image; OutsideLeftBottom]
104
105 OutsideRightTop.class: [icon; image; OutsideRightTop]
106 OutsideRightMiddle.class: [icon; image; OutsideRightMiddle]
107 OutsideRightBottom.class: [icon; image; OutsideRightBottom]
108
109 OutsideBottomLeft.class: [icon; image; OutsideBottomLeft]
110 OutsideBottomCenter.class: [icon; image; OutsideBottomCenter]
111 OutsideBottomRight.class: [icon; image; OutsideBottomRight]
112
113 InsideTopLeft.class: [icon; image; InsideTopLeft]
114 InsideTopCenter.class: [icon; image; InsideTopCenter]
115 InsideTopRight.class: [icon; image; InsideTopRight]
116
117 InsideMiddleLeft.class: [icon; image; InsideMiddleLeft]
118 InsideMiddleCenter.class: [icon; image; InsideMiddleCenter]
119 InsideMiddleRight.class: [icon; image; InsideMiddleRight]
120
121 InsideBottomLeft.class: [icon; image; InsideBottomLeft]
122 InsideBottomCenter.class: [icon; image; InsideBottomCenter]
123 InsideBottomRight.class: [icon; image; InsideBottomRight]
124}
125
126non container -> container -> image
127
128classes: {
129 image.shape: image
130 icon.icon: https://icons.terrastruct.com/essentials/time.svg
131
132 OutsideTopLeft.icon.near: outside-top-left
133 OutsideTopCenter.icon.near: outside-top-center
134 OutsideTopRight.icon.near: outside-top-right
135
136 OutsideLeftTop.icon.near: outside-left-top
137 OutsideLeftMiddle.icon.near: outside-left-center
138 OutsideLeftBottom.icon.near: outside-left-bottom
139
140 OutsideRightTop.icon.near: outside-right-top
141 OutsideRightMiddle.icon.near: outside-right-center
142 OutsideRightBottom.icon.near: outside-right-bottom
143
144 OutsideBottomLeft.icon.near: outside-bottom-left
145 OutsideBottomCenter.icon.near: outside-bottom-center
146 OutsideBottomRight.icon.near: outside-bottom-right
147
148 InsideTopLeft.icon.near: top-left
149 InsideTopCenter.icon.near: top-center
150 InsideTopRight.icon.near: top-right
151
152 InsideMiddleLeft.icon.near: center-left
153 InsideMiddleCenter.icon.near: center-center
154 InsideMiddleRight.icon.near: center-right
155
156 InsideBottomLeft.icon.near: bottom-left
157 InsideBottomCenter.icon.near: bottom-center
158 InsideBottomRight.icon.near: bottom-right
159}
View as plain text