Skip to content

Commit 6260629

Browse files
committed
docs(item-divider): update comments
1 parent d9db79f commit 6260629

1 file changed

Lines changed: 12 additions & 18 deletions

File tree

core/src/components/item-divider/item-divider.scss

Lines changed: 12 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -138,23 +138,26 @@
138138
);
139139
}
140140

141+
// Item Divider Slotted Elements
142+
// ---------------------------------------------
143+
144+
// Slotted Start
141145
::slotted([slot="start"]) {
142146
@include mixins.margin-horizontal(
143147
var(--ion-item-divider-leading-edge-margin-start, revert-layer),
144148
var(--ion-item-divider-leading-edge-margin-end, revert-layer)
145149
); // for ionic this should be 0
146150
}
147151

152+
// Slotted End
148153
::slotted([slot="end"]) {
149154
@include mixins.margin-horizontal(
150155
var(--ion-item-divider-trailing-edge-margin-start, revert-layer),
151156
var(--ion-item-divider-trailing-edge-margin-end, revert-layer)
152157
);
153158
}
154159

155-
// Slotted Label
156-
// --------------------------------------------------
157-
160+
// Label
158161
::slotted(ion-label) {
159162
@include mixins.margin(
160163
var(--ion-item-divider-label-margin-top),
@@ -164,9 +167,7 @@
164167
);
165168
}
166169

167-
// Slotted Icon
168-
// --------------------------------------------------
169-
170+
// Icon
170171
::slotted(ion-icon) {
171172
color: var(--ion-item-divider-icon-default-color);
172173

@@ -195,9 +196,7 @@
195196
);
196197
}
197198

198-
// Slotted Note
199-
// --------------------------------------------------
200-
199+
// Note
201200
::slotted(ion-note) {
202201
@include mixins.margin(
203202
var(--ion-item-divider-note-margin-top),
@@ -220,9 +219,7 @@
220219
);
221220
}
222221

223-
// Slotted Avatar
224-
// --------------------------------------------------
225-
222+
// Avatar
226223
::slotted(ion-avatar) {
227224
@include mixins.margin(
228225
var(--ion-item-divider-avatar-margin-top),
@@ -249,9 +246,7 @@
249246
);
250247
}
251248

252-
// Slotted Thumbnail
253-
// --------------------------------------------------
254-
249+
// Thumbnail
255250
::slotted(ion-thumbnail) {
256251
// TODO(FW-6862): separate width and height tokens for thumbnails
257252
--size: var(--ion-item-divider-thumbnail-width);
@@ -278,9 +273,7 @@
278273
);
279274
}
280275

281-
// Slotted Content
282-
// --------------------------------------------------
283-
276+
// Headers
284277
::slotted(h1) {
285278
@include mixins.margin(
286279
var(--ion-item-divider-header1-margin-top),
@@ -380,6 +373,7 @@
380373
);
381374
}
382375

376+
// Paragraph
383377
::slotted(p) {
384378
@include mixins.margin(
385379
var(--ion-item-divider-paragraph-margin-top),

0 commit comments

Comments
 (0)