|
98 | 98 | } |
99 | 99 |
|
100 | 100 | // Checkbox Bottom Content |
101 | | -// ---------------------------------------------------------------- |
| 101 | +// -------------------------------------------------- |
102 | 102 |
|
103 | 103 | .checkbox-bottom { |
104 | 104 | display: flex; |
|
109 | 109 | } |
110 | 110 |
|
111 | 111 | // Checkbox Hint Text |
112 | | -// ---------------------------------------------------------------- |
| 112 | +// -------------------------------------------------- |
113 | 113 |
|
114 | 114 | /** |
115 | 115 | * Error text should only be shown when .ion-invalid is |
|
133 | 133 | } |
134 | 134 |
|
135 | 135 | // Label Placement - Start |
136 | | -// ---------------------------------------------------------------- |
| 136 | +// -------------------------------------------------- |
137 | 137 |
|
138 | 138 | /** |
139 | 139 | * Label is on the left of the checkbox in LTR and |
|
144 | 144 | } |
145 | 145 |
|
146 | 146 | // Label Placement - End |
147 | | -// ---------------------------------------------------------------- |
| 147 | +// -------------------------------------------------- |
148 | 148 |
|
149 | 149 | /** |
150 | 150 | * Label is on the right of the checkbox in LTR and |
|
155 | 155 | } |
156 | 156 |
|
157 | 157 | // Label Placement - Fixed |
158 | | -// ---------------------------------------------------------------- |
| 158 | +// -------------------------------------------------- |
159 | 159 |
|
160 | 160 | /** |
161 | 161 | * Label is on the left of the checkbox in LTR and |
|
170 | 170 | } |
171 | 171 |
|
172 | 172 | // Label Placement - Stacked |
173 | | -// ---------------------------------------------------------------- |
| 173 | +// -------------------------------------------------- |
174 | 174 |
|
175 | 175 | /** |
176 | 176 | * Label is on top of the checkbox. |
|
190 | 190 | } |
191 | 191 |
|
192 | 192 | // Justify Content |
193 | | -// --------------------------------------------- |
| 193 | +// -------------------------------------------------- |
194 | 194 |
|
195 | 195 | :host(.checkbox-justify-space-between) .checkbox-wrapper { |
196 | 196 | justify-content: space-between; |
|
205 | 205 | } |
206 | 206 |
|
207 | 207 | // Align Items |
208 | | -// --------------------------------------------- |
| 208 | +// -------------------------------------------------- |
209 | 209 |
|
210 | 210 | :host(.checkbox-alignment-start) .checkbox-wrapper { |
211 | 211 | align-items: start; |
|
216 | 216 | } |
217 | 217 |
|
218 | 218 | // Justify Content & Align Items |
219 | | -// --------------------------------------------- |
| 219 | +// -------------------------------------------------- |
220 | 220 |
|
221 | 221 | // The checkbox should be displayed as block when either justify |
222 | 222 | // or alignment is set; otherwise, these properties will have no |
|
230 | 230 | } |
231 | 231 |
|
232 | 232 | // Checked / Indeterminate Checkbox |
233 | | -// --------------------------------------------- |
| 233 | +// -------------------------------------------------- |
234 | 234 |
|
235 | 235 | :host(.checkbox-checked) .checkbox-icon, |
236 | 236 | :host(.checkbox-indeterminate) .checkbox-icon { |
|
0 commit comments