@syncfusion/blazor-themes 31.1.23 → 31.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (251) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +20 -5
  2. package/Compiled-Themes/bds-dark.css +22 -7
  3. package/Compiled-Themes/bds-lite.css +20 -5
  4. package/Compiled-Themes/bds.css +22 -7
  5. package/Compiled-Themes/bootstrap-dark-lite.css +20 -5
  6. package/Compiled-Themes/bootstrap-dark.css +22 -7
  7. package/Compiled-Themes/bootstrap-lite.css +20 -5
  8. package/Compiled-Themes/bootstrap.css +22 -7
  9. package/Compiled-Themes/bootstrap4-lite.css +20 -5
  10. package/Compiled-Themes/bootstrap4.css +22 -7
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +20 -5
  12. package/Compiled-Themes/bootstrap5-dark.css +22 -7
  13. package/Compiled-Themes/bootstrap5-lite.css +20 -5
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +20 -5
  15. package/Compiled-Themes/bootstrap5.3-dark.css +22 -7
  16. package/Compiled-Themes/bootstrap5.3-lite.css +20 -5
  17. package/Compiled-Themes/bootstrap5.3.css +22 -7
  18. package/Compiled-Themes/bootstrap5.css +22 -7
  19. package/Compiled-Themes/fabric-dark-lite.css +20 -5
  20. package/Compiled-Themes/fabric-dark.css +22 -7
  21. package/Compiled-Themes/fabric-lite.css +20 -5
  22. package/Compiled-Themes/fabric.css +22 -7
  23. package/Compiled-Themes/fluent-dark-lite.css +20 -5
  24. package/Compiled-Themes/fluent-dark.css +22 -7
  25. package/Compiled-Themes/fluent-lite.css +20 -5
  26. package/Compiled-Themes/fluent.css +22 -7
  27. package/Compiled-Themes/fluent2-dark-lite.css +20 -5
  28. package/Compiled-Themes/fluent2-dark.css +22 -7
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +20 -5
  30. package/Compiled-Themes/fluent2-highcontrast.css +22 -7
  31. package/Compiled-Themes/fluent2-lite.css +20 -5
  32. package/Compiled-Themes/fluent2.css +22 -7
  33. package/Compiled-Themes/highcontrast-lite.css +20 -5
  34. package/Compiled-Themes/highcontrast.css +22 -7
  35. package/Compiled-Themes/material-dark-lite.css +20 -5
  36. package/Compiled-Themes/material-dark.css +22 -7
  37. package/Compiled-Themes/material-lite.css +20 -5
  38. package/Compiled-Themes/material.css +22 -7
  39. package/Compiled-Themes/material3-dark-lite.css +20 -5
  40. package/Compiled-Themes/material3-dark.css +22 -7
  41. package/Compiled-Themes/material3-lite.css +20 -5
  42. package/Compiled-Themes/material3.css +22 -7
  43. package/Compiled-Themes/tailwind-dark-lite.css +20 -5
  44. package/Compiled-Themes/tailwind-dark.css +22 -7
  45. package/Compiled-Themes/tailwind-lite.css +20 -5
  46. package/Compiled-Themes/tailwind.css +22 -7
  47. package/Compiled-Themes/tailwind3-dark-lite.css +20 -5
  48. package/Compiled-Themes/tailwind3-dark.css +22 -7
  49. package/Compiled-Themes/tailwind3-lite.css +20 -5
  50. package/Compiled-Themes/tailwind3.css +22 -7
  51. package/SCSS-Themes/bds-dark-lite.scss +20 -3
  52. package/SCSS-Themes/bds-dark.scss +21 -4
  53. package/SCSS-Themes/bds-lite.scss +20 -3
  54. package/SCSS-Themes/bds.scss +21 -4
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +20 -3
  56. package/SCSS-Themes/bootstrap-dark.scss +21 -4
  57. package/SCSS-Themes/bootstrap-lite.scss +20 -3
  58. package/SCSS-Themes/bootstrap.scss +21 -4
  59. package/SCSS-Themes/bootstrap4-lite.scss +20 -3
  60. package/SCSS-Themes/bootstrap4.scss +21 -4
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +20 -3
  62. package/SCSS-Themes/bootstrap5-dark.scss +21 -4
  63. package/SCSS-Themes/bootstrap5-lite.scss +20 -3
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +20 -3
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +21 -4
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +20 -3
  67. package/SCSS-Themes/bootstrap5.3.scss +21 -4
  68. package/SCSS-Themes/bootstrap5.scss +21 -4
  69. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +4 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +4 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +4 -0
  72. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +4 -0
  73. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +4 -0
  74. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +4 -0
  75. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +4 -0
  76. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +4 -0
  77. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +4 -0
  78. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +4 -0
  79. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +4 -0
  80. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +4 -0
  81. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +4 -0
  82. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +4 -0
  83. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +4 -0
  84. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +4 -0
  85. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +4 -0
  86. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +4 -0
  87. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +4 -0
  88. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +4 -0
  89. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +4 -0
  90. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +4 -0
  91. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +4 -0
  92. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +4 -0
  93. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +4 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +4 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +4 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +4 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +4 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +4 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +4 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +4 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +4 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +4 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +4 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +4 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +4 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +4 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +4 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +4 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +4 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +4 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +4 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +4 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +4 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +4 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +4 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +4 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +4 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +4 -0
  119. package/SCSS-Themes/fabric-dark-lite.scss +20 -3
  120. package/SCSS-Themes/fabric-dark.scss +21 -4
  121. package/SCSS-Themes/fabric-lite.scss +20 -3
  122. package/SCSS-Themes/fabric.scss +21 -4
  123. package/SCSS-Themes/fluent-dark-lite.scss +20 -3
  124. package/SCSS-Themes/fluent-dark.scss +21 -4
  125. package/SCSS-Themes/fluent-lite.scss +20 -3
  126. package/SCSS-Themes/fluent.scss +21 -4
  127. package/SCSS-Themes/fluent2-dark-lite.scss +20 -3
  128. package/SCSS-Themes/fluent2-dark.scss +21 -4
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +20 -3
  130. package/SCSS-Themes/fluent2-highcontrast.scss +21 -4
  131. package/SCSS-Themes/fluent2-lite.scss +20 -3
  132. package/SCSS-Themes/fluent2.scss +21 -4
  133. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +14 -1
  134. package/SCSS-Themes/grids/grid/bds-dark.scss +14 -1
  135. package/SCSS-Themes/grids/grid/bds-lite.scss +14 -1
  136. package/SCSS-Themes/grids/grid/bds.scss +14 -1
  137. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +14 -1
  138. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +14 -1
  139. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +14 -1
  140. package/SCSS-Themes/grids/grid/bootstrap.scss +14 -1
  141. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +14 -1
  142. package/SCSS-Themes/grids/grid/bootstrap4.scss +14 -1
  143. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +14 -1
  144. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +14 -1
  145. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +14 -1
  146. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +14 -1
  147. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +14 -1
  148. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +14 -1
  149. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +14 -1
  150. package/SCSS-Themes/grids/grid/bootstrap5.scss +14 -1
  151. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +14 -1
  152. package/SCSS-Themes/grids/grid/fabric-dark.scss +14 -1
  153. package/SCSS-Themes/grids/grid/fabric-lite.scss +14 -1
  154. package/SCSS-Themes/grids/grid/fabric.scss +14 -1
  155. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +14 -1
  156. package/SCSS-Themes/grids/grid/fluent-dark.scss +14 -1
  157. package/SCSS-Themes/grids/grid/fluent-lite.scss +14 -1
  158. package/SCSS-Themes/grids/grid/fluent.scss +14 -1
  159. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +14 -1
  160. package/SCSS-Themes/grids/grid/fluent2-dark.scss +14 -1
  161. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +14 -1
  162. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +14 -1
  163. package/SCSS-Themes/grids/grid/fluent2-lite.scss +14 -1
  164. package/SCSS-Themes/grids/grid/fluent2.scss +14 -1
  165. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +14 -1
  166. package/SCSS-Themes/grids/grid/highcontrast.scss +14 -1
  167. package/SCSS-Themes/grids/grid/material-dark-lite.scss +14 -1
  168. package/SCSS-Themes/grids/grid/material-dark.scss +14 -1
  169. package/SCSS-Themes/grids/grid/material-lite.scss +14 -1
  170. package/SCSS-Themes/grids/grid/material.scss +14 -1
  171. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +14 -1
  172. package/SCSS-Themes/grids/grid/material3-dark.scss +14 -1
  173. package/SCSS-Themes/grids/grid/material3-lite.scss +14 -1
  174. package/SCSS-Themes/grids/grid/material3.scss +14 -1
  175. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +14 -1
  176. package/SCSS-Themes/grids/grid/tailwind-dark.scss +14 -1
  177. package/SCSS-Themes/grids/grid/tailwind-lite.scss +14 -1
  178. package/SCSS-Themes/grids/grid/tailwind.scss +14 -1
  179. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +14 -1
  180. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +14 -1
  181. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +14 -1
  182. package/SCSS-Themes/grids/grid/tailwind3.scss +14 -1
  183. package/SCSS-Themes/highcontrast-lite.scss +20 -3
  184. package/SCSS-Themes/highcontrast.scss +21 -4
  185. package/SCSS-Themes/layouts/timeline/bds-dark-lite.scss +2 -2
  186. package/SCSS-Themes/layouts/timeline/bds-dark.scss +3 -3
  187. package/SCSS-Themes/layouts/timeline/bds-lite.scss +2 -2
  188. package/SCSS-Themes/layouts/timeline/bds.scss +3 -3
  189. package/SCSS-Themes/layouts/timeline/bootstrap-dark-lite.scss +2 -2
  190. package/SCSS-Themes/layouts/timeline/bootstrap-dark.scss +3 -3
  191. package/SCSS-Themes/layouts/timeline/bootstrap-lite.scss +2 -2
  192. package/SCSS-Themes/layouts/timeline/bootstrap.scss +3 -3
  193. package/SCSS-Themes/layouts/timeline/bootstrap4-lite.scss +2 -2
  194. package/SCSS-Themes/layouts/timeline/bootstrap4.scss +3 -3
  195. package/SCSS-Themes/layouts/timeline/bootstrap5-dark-lite.scss +2 -2
  196. package/SCSS-Themes/layouts/timeline/bootstrap5-dark.scss +3 -3
  197. package/SCSS-Themes/layouts/timeline/bootstrap5-lite.scss +2 -2
  198. package/SCSS-Themes/layouts/timeline/bootstrap5.3-dark-lite.scss +2 -2
  199. package/SCSS-Themes/layouts/timeline/bootstrap5.3-dark.scss +3 -3
  200. package/SCSS-Themes/layouts/timeline/bootstrap5.3-lite.scss +2 -2
  201. package/SCSS-Themes/layouts/timeline/bootstrap5.3.scss +3 -3
  202. package/SCSS-Themes/layouts/timeline/bootstrap5.scss +3 -3
  203. package/SCSS-Themes/layouts/timeline/fabric-dark-lite.scss +2 -2
  204. package/SCSS-Themes/layouts/timeline/fabric-dark.scss +3 -3
  205. package/SCSS-Themes/layouts/timeline/fabric-lite.scss +2 -2
  206. package/SCSS-Themes/layouts/timeline/fabric.scss +3 -3
  207. package/SCSS-Themes/layouts/timeline/fluent-dark-lite.scss +2 -2
  208. package/SCSS-Themes/layouts/timeline/fluent-dark.scss +3 -3
  209. package/SCSS-Themes/layouts/timeline/fluent-lite.scss +2 -2
  210. package/SCSS-Themes/layouts/timeline/fluent.scss +3 -3
  211. package/SCSS-Themes/layouts/timeline/fluent2-dark-lite.scss +2 -2
  212. package/SCSS-Themes/layouts/timeline/fluent2-dark.scss +3 -3
  213. package/SCSS-Themes/layouts/timeline/fluent2-highcontrast-lite.scss +2 -2
  214. package/SCSS-Themes/layouts/timeline/fluent2-highcontrast.scss +3 -3
  215. package/SCSS-Themes/layouts/timeline/fluent2-lite.scss +2 -2
  216. package/SCSS-Themes/layouts/timeline/fluent2.scss +3 -3
  217. package/SCSS-Themes/layouts/timeline/highcontrast-lite.scss +2 -2
  218. package/SCSS-Themes/layouts/timeline/highcontrast.scss +3 -3
  219. package/SCSS-Themes/layouts/timeline/material-dark-lite.scss +2 -2
  220. package/SCSS-Themes/layouts/timeline/material-dark.scss +3 -3
  221. package/SCSS-Themes/layouts/timeline/material-lite.scss +2 -2
  222. package/SCSS-Themes/layouts/timeline/material.scss +3 -3
  223. package/SCSS-Themes/layouts/timeline/material3-dark-lite.scss +2 -2
  224. package/SCSS-Themes/layouts/timeline/material3-dark.scss +3 -3
  225. package/SCSS-Themes/layouts/timeline/material3-lite.scss +2 -2
  226. package/SCSS-Themes/layouts/timeline/material3.scss +3 -3
  227. package/SCSS-Themes/layouts/timeline/tailwind-dark-lite.scss +2 -2
  228. package/SCSS-Themes/layouts/timeline/tailwind-dark.scss +3 -3
  229. package/SCSS-Themes/layouts/timeline/tailwind-lite.scss +2 -2
  230. package/SCSS-Themes/layouts/timeline/tailwind.scss +3 -3
  231. package/SCSS-Themes/layouts/timeline/tailwind3-dark-lite.scss +2 -2
  232. package/SCSS-Themes/layouts/timeline/tailwind3-dark.scss +3 -3
  233. package/SCSS-Themes/layouts/timeline/tailwind3-lite.scss +2 -2
  234. package/SCSS-Themes/layouts/timeline/tailwind3.scss +3 -3
  235. package/SCSS-Themes/material-dark-lite.scss +20 -3
  236. package/SCSS-Themes/material-dark.scss +21 -4
  237. package/SCSS-Themes/material-lite.scss +20 -3
  238. package/SCSS-Themes/material.scss +21 -4
  239. package/SCSS-Themes/material3-dark-lite.scss +20 -3
  240. package/SCSS-Themes/material3-dark.scss +21 -4
  241. package/SCSS-Themes/material3-lite.scss +20 -3
  242. package/SCSS-Themes/material3.scss +21 -4
  243. package/SCSS-Themes/tailwind-dark-lite.scss +20 -3
  244. package/SCSS-Themes/tailwind-dark.scss +21 -4
  245. package/SCSS-Themes/tailwind-lite.scss +20 -3
  246. package/SCSS-Themes/tailwind.scss +21 -4
  247. package/SCSS-Themes/tailwind3-dark-lite.scss +20 -3
  248. package/SCSS-Themes/tailwind3-dark.scss +21 -4
  249. package/SCSS-Themes/tailwind3-lite.scss +20 -3
  250. package/SCSS-Themes/tailwind3.scss +21 -4
  251. package/package.json +1 -1
package/SCSS-Themes/layouts/timeline/fabric-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/fabric.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/fluent-dark-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/fluent-dark.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/fluent-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/fluent.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/fluent2-dark-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/fluent2-dark.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/fluent2-highcontrast-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/fluent2-highcontrast.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/fluent2-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/fluent2.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/highcontrast-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $selection-bg !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $selection-bg !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/highcontrast.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $selection-bg !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $selection-bg !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $selection-bg !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/material-dark-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: rgba($grey-white, .38) !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: rgba($grey-white, .38) !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/material-dark.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: rgba($grey-white, .38) !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: rgba($grey-white, .38) !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: rgba($grey-white, .38) !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/material-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: rgba($grey-black, .38) !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: rgba($grey-black, .38) !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/material.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: rgba($grey-black, .38) !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: rgba($grey-black, .38) !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: rgba($grey-black, .38) !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/material3-dark-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/material3-dark.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/material3-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/material3.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/tailwind-dark-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/tailwind-dark.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/tailwind-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/tailwind.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;
package/SCSS-Themes/layouts/timeline/tailwind3-dark-lite.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
package/SCSS-Themes/layouts/timeline/tailwind3-dark.scss CHANGED
@@ -29,7 +29,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
29
29
  height: inherit;
30
30
  width: 100%;
31
31
 
32
- [class ^= 'e-dot ']::before,
32
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
33
33
  .e-dot-item,
34
34
  .e-dot {
35
35
  display: flex;
@@ -37,7 +37,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
37
37
  justify-content: center;
38
38
  }
39
39
 
40
- [class ^= 'e-dot ']::before {
40
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
41
41
  min-width: $timeline-dot-icon-size;
42
42
  min-height: $timeline-dot-icon-size;
43
43
  border-radius: var(--dot-radius);
@@ -344,7 +344,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
344
344
  @include export-module('timeline-bigger') {
345
345
  .e-bigger.e-timeline,
346
346
  .e-bigger .e-timeline {
347
- [class ^= 'e-dot ']::before {
347
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
348
348
  min-width: $timeline-bigger-dot-icon-size;
349
349
  min-height: $timeline-bigger-dot-icon-size;
350
350
  font-size: $timeline-bigger-dot-font-size;