@syncfusion/blazor-themes 24.2.3 → 24.2.5

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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +55 -14
  2. package/SCSS-Themes/bootstrap.scss +51 -10
  3. package/SCSS-Themes/bootstrap4.scss +58 -17
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -10
  5. package/SCSS-Themes/bootstrap5.scss +51 -10
  6. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +3 -3
  7. package/SCSS-Themes/calendars/calendar/bootstrap.scss +1 -1
  8. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +3 -3
  9. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +1 -1
  10. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +1 -1
  11. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  12. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  13. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +1 -1
  14. package/SCSS-Themes/calendars/calendar/fluent.scss +1 -1
  15. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  16. package/SCSS-Themes/calendars/calendar/material-dark.scss +2 -2
  17. package/SCSS-Themes/calendars/calendar/material.scss +2 -2
  18. package/SCSS-Themes/calendars/calendar/material3-dark.scss +2 -2
  19. package/SCSS-Themes/calendars/calendar/material3.scss +2 -2
  20. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +1 -1
  21. package/SCSS-Themes/calendars/calendar/tailwind.scss +1 -1
  22. package/SCSS-Themes/fabric-dark.scss +51 -10
  23. package/SCSS-Themes/fabric.scss +51 -10
  24. package/SCSS-Themes/fluent-dark.scss +52 -11
  25. package/SCSS-Themes/fluent.scss +52 -11
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +11 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +11 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +11 -0
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +11 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +11 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +11 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +11 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +11 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +11 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +11 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +11 -0
  37. package/SCSS-Themes/grids/grid/material.scss +11 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +11 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +11 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +11 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +11 -0
  42. package/SCSS-Themes/highcontrast.scss +51 -10
  43. package/SCSS-Themes/inputs/data-form/bootstrap-dark.scss +13 -2
  44. package/SCSS-Themes/inputs/data-form/bootstrap.scss +13 -2
  45. package/SCSS-Themes/inputs/data-form/bootstrap4.scss +13 -2
  46. package/SCSS-Themes/inputs/data-form/bootstrap5-dark.scss +13 -2
  47. package/SCSS-Themes/inputs/data-form/bootstrap5.scss +13 -2
  48. package/SCSS-Themes/inputs/data-form/fabric-dark.scss +13 -2
  49. package/SCSS-Themes/inputs/data-form/fabric.scss +13 -2
  50. package/SCSS-Themes/inputs/data-form/fluent-dark.scss +13 -2
  51. package/SCSS-Themes/inputs/data-form/fluent.scss +13 -2
  52. package/SCSS-Themes/inputs/data-form/highcontrast.scss +13 -2
  53. package/SCSS-Themes/inputs/data-form/material-dark.scss +13 -2
  54. package/SCSS-Themes/inputs/data-form/material.scss +13 -2
  55. package/SCSS-Themes/inputs/data-form/material3-dark.scss +13 -2
  56. package/SCSS-Themes/inputs/data-form/material3.scss +13 -2
  57. package/SCSS-Themes/inputs/data-form/tailwind-dark.scss +13 -2
  58. package/SCSS-Themes/inputs/data-form/tailwind.scss +13 -2
  59. package/SCSS-Themes/material-dark.scss +52 -11
  60. package/SCSS-Themes/material.scss +52 -11
  61. package/SCSS-Themes/material3-dark.scss +53 -12
  62. package/SCSS-Themes/material3.scss +53 -12
  63. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +2 -2
  64. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +2 -2
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +25 -5
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +25 -5
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +28 -8
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +25 -5
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +25 -5
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +25 -5
  71. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +25 -5
  72. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +26 -6
  73. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +26 -6
  74. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +25 -5
  75. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +25 -5
  76. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +25 -5
  77. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +26 -6
  78. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +26 -6
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +25 -5
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +25 -5
  81. package/SCSS-Themes/tailwind-dark.scss +51 -10
  82. package/SCSS-Themes/tailwind.scss +51 -10
  83. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +1 -2
  84. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +1 -2
  85. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +1 -2
  86. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +1 -2
  87. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +1 -2
  88. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +1 -2
  89. package/SCSS-Themes/treegrid/treegrid/fabric.scss +1 -2
  90. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +1 -2
  91. package/SCSS-Themes/treegrid/treegrid/fluent.scss +1 -2
  92. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +1 -2
  93. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +1 -2
  94. package/SCSS-Themes/treegrid/treegrid/material.scss +1 -2
  95. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +1 -2
  96. package/SCSS-Themes/treegrid/treegrid/material3.scss +1 -2
  97. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +1 -2
  98. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +1 -2
  99. package/package.json +1 -1
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {
@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
55
55
  display: grid;
56
56
  }
57
57
 
58
+ /* stylelint-disable property-no-vendor-prefix */
58
59
  #{if(&, '&', '*')} .e-grid-col-2 {
60
+ -ms-grid-columns: repeat(2, 1fr);
59
61
  grid-template-columns: repeat(2, minmax(0, 1fr));
60
62
  }
61
63
 
62
64
  #{if(&, '&', '*')} .e-grid-col-3 {
65
+ -ms-grid-columns: repeat(3, 1fr);
63
66
  grid-template-columns: repeat(3, minmax(0, 1fr));
64
67
  }
65
68
 
66
69
  #{if(&, '&', '*')} .e-grid-col-4 {
70
+ -ms-grid-columns: repeat(4, 1fr);
67
71
  grid-template-columns: repeat(4, minmax(0, 1fr));
68
72
  }
69
73
 
70
74
  #{if(&, '&', '*')} .e-grid-col-5 {
75
+ -ms-grid-columns: repeat(5, 1fr);
71
76
  grid-template-columns: repeat(5, minmax(0, 1fr));
72
77
  }
73
78
 
74
79
  #{if(&, '&', '*')} .e-grid-col-6 {
80
+ -ms-grid-columns: repeat(6, 1fr);
75
81
  grid-template-columns: repeat(6, minmax(0, 1fr));
76
82
  }
77
83
 
78
84
  #{if(&, '&', '*')} .e-grid-col-7 {
85
+ -ms-grid-columns: repeat(7, 1fr);
79
86
  grid-template-columns: repeat(7, minmax(0, 1fr));
80
87
  }
81
88
 
82
89
  #{if(&, '&', '*')} .e-grid-col-8 {
90
+ -ms-grid-columns: repeat(8, 1fr);
83
91
  grid-template-columns: repeat(8, minmax(0, 1fr));
84
92
  }
85
93
 
86
94
  #{if(&, '&', '*')} .e-grid-col-9 {
95
+ -ms-grid-columns: repeat(9, 1fr);
87
96
  grid-template-columns: repeat(9, minmax(0, 1fr));
88
97
  }
89
98
 
90
99
  #{if(&, '&', '*')} .e-grid-col-10 {
100
+ -ms-grid-columns: repeat(10, 1fr);
91
101
  grid-template-columns: repeat(10, minmax(0, 1fr));
92
102
  }
93
103
 
94
104
  #{if(&, '&', '*')} .e-grid-col-11 {
105
+ -ms-grid-columns: repeat(11, 1fr);
95
106
  grid-template-columns: repeat(11, minmax(0, 1fr));
96
107
  }
97
108
 
98
109
  #{if(&, '&', '*')} .e-grid-col-12 {
110
+ -ms-grid-columns: repeat(12, 1fr);
99
111
  grid-template-columns: repeat(12, minmax(0, 1fr));
100
112
  }
101
113
 
114
+ /* stylelint-enable property-no-vendor-prefix */
102
115
  #{if(&, '&', '*')} .e-colspan-1 {
103
116
  grid-column: span 1/span 1;
104
117
  }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
147
160
  grid-column: span 12/span 12;
148
161
  }
149
162
 
150
-
151
-
152
163
  .e-label-left {
153
164
 
154
165
  .e-form-item-wrapper {