Skip to content

Commit ad76d36

Browse files
committed
docs(item-divider): format CSS variables comments
1 parent d001758 commit ad76d36

1 file changed

Lines changed: 66 additions & 66 deletions

File tree

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

Lines changed: 66 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -33,72 +33,72 @@
3333
*
3434
* Slotted Label
3535
* @prop --ion-item-divider-label-margin-top: Top margin of the slotted ion-label
36-
* @prop --ion-item-divider-label-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-label
37-
* @prop --ion-item-divider-label-margin-bottom: Bottom margin of the slotted ion-label
38-
* @prop --ion-item-divider-label-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-label
39-
*
40-
* Slotted Icon
41-
* @prop --ion-item-divider-icon-default-color: Color of the slotted ion-icon
42-
* @prop --ion-item-divider-icon-semantic-default-color: Color of the slotted ion-icon when the item divider has a semantic color applied
43-
* @prop --ion-item-divider-icon-font-size: Font size of the slotted ion-icon
44-
* @prop --ion-item-divider-icon-start-slotted-margin-top: Top margin of the slotted ion-icon when it is in the start slot of the item divider
45-
* @prop --ion-item-divider-icon-start-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-icon when it is in the start slot of the item divider
46-
* @prop --ion-item-divider-icon-start-slotted-margin-bottom: Bottom margin of the slotted ion-icon when it is in the start slot of the item divider
47-
* @prop --ion-item-divider-icon-start-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the start slot of the item divider
48-
* @prop --ion-item-divider-icon-end-slotted-margin-top: Top margin of the slotted ion-icon when it is in the end slot of the item divider
49-
* @prop --ion-item-divider-icon-end-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider
50-
* @prop --ion-item-divider-icon-end-slotted-margin-bottom: Bottom margin of the slotted ion-icon when it is in the end slot of the item divider
51-
* @prop --ion-item-divider-icon-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider
52-
*
53-
* Slotted Note
54-
* @prop --ion-item-divider-note-margin-top: Top margin of the slotted ion-note
55-
* @prop --ion-item-divider-note-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-note
56-
* @prop --ion-item-divider-note-margin-bottom: Bottom margin of the slotted ion-note
57-
* @prop --ion-item-divider-note-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-note
58-
* @prop --ion-item-divider-note-align-self: Align self of the slotted ion-note
59-
* @prop --ion-item-divider-note-font-size: Font size of the slotted ion-note
60-
* @prop --ion-item-divider-note-padding-top: Top padding of the slotted ion-note when it has a slot
61-
* @prop --ion-item-divider-note-padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the slotted ion-note when it has a slot
62-
* @prop --ion-item-divider-note-padding-bottom: Bottom padding of the slotted ion-note when it has a slot
63-
* @prop --ion-item-divider-note-padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the slotted ion-note when it has a slot
64-
*
65-
* Slotted Avatar
66-
* @prop --ion-item-divider-avatar-margin-top: Top margin of the slotted ion-avatar
67-
* @prop --ion-item-divider-avatar-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar
68-
* @prop --ion-item-divider-avatar-margin-bottom: Bottom margin of the slotted ion-avatar
69-
* @prop --ion-item-divider-avatar-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar
70-
* @prop --ion-item-divider-avatar-width: Width of the slotted ion-avatar
71-
* @prop --ion-item-divider-avatar-height: Height of the slotted ion-avatar
72-
* @prop --ion-item-divider-avatar-start-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar when it is in the start slot of the item divider
73-
* @prop --ion-item-divider-avatar-start-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar when it is in the start slot of the item divider
74-
* @prop --ion-item-divider-avatar-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar when it is in the end slot of the item divider
75-
* @prop --ion-item-divider-avatar-end-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar when it is in the end slot of the item divider
76-
*
77-
* Slotted Thumbnail
78-
* @prop --ion-item-divider-thumbnail-margin-top: Top margin of the slotted ion-thumbnail
79-
* @prop --ion-item-divider-thumbnail-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail
80-
* @prop --ion-item-divider-thumbnail-margin-bottom: Bottom margin of the slotted ion-thumbnail
81-
* @prop --ion-item-divider-thumbnail-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail
82-
* @prop --ion-item-divider-thumbnail-width: Width of the slotted ion-thumbnail
83-
* @prop --ion-item-divider-thumbnail-height: Height of the slotted ion-thumbnail
84-
* @prop --ion-item-divider-thumbnail-start-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail when it is in the start slot of the item divider
85-
* @prop --ion-item-divider-thumbnail-start-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail when it is in the start slot of the item divider
86-
* @prop --ion-item-divider-thumbnail-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail when it is in the end slot of the item divider
87-
* @prop --ion-item-divider-thumbnail-end-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail when it is in the end slot of the item divider
88-
*
89-
* Slotted Paragraph
90-
* @prop --ion-item-divider-paragraph-margin-top: Top margin of the slotted p
91-
* @prop --ion-item-divider-paragraph-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted p
92-
* @prop --ion-item-divider-paragraph-margin-bottom: Bottom margin of the slotted p
93-
* @prop --ion-item-divider-paragraph-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted p
94-
* @prop --ion-item-divider-paragraph-color: Color of the slotted p
95-
* @prop --ion-item-divider-paragraph-font-size: Font size of the slotted p
96-
* @prop --ion-item-divider-paragraph-text-overflow: Text overflow of the slotted p
97-
* @prop --ion-item-divider-paragraph-overflow: Overflow of the slotted p
98-
* @prop --ion-item-divider-paragraph-trailing-margin-top: Top margin of the slotted p when it is the last child
99-
* @prop --ion-item-divider-paragraph-trailing-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted p when it is the last child
100-
* @prop --ion-item-divider-paragraph-trailing-margin-bottom: Bottom margin of the slotted p when it is the last child
101-
* @prop --ion-item-divider-paragraph-trailing-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted p when it is the last child
36+
* @prop --ion-item-divider-label-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-label
37+
* @prop --ion-item-divider-label-margin-bottom: Bottom margin of the slotted ion-label
38+
* @prop --ion-item-divider-label-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-label
39+
*
40+
* Slotted Icon
41+
* @prop --ion-item-divider-icon-default-color: Color of the slotted ion-icon
42+
* @prop --ion-item-divider-icon-semantic-default-color: Color of the slotted ion-icon when the item divider has a semantic color applied
43+
* @prop --ion-item-divider-icon-font-size: Font size of the slotted ion-icon
44+
* @prop --ion-item-divider-icon-start-slotted-margin-top: Top margin of the slotted ion-icon when it is in the start slot of the item divider
45+
* @prop --ion-item-divider-icon-start-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-icon when it is in the start slot of the item divider
46+
* @prop --ion-item-divider-icon-start-slotted-margin-bottom: Bottom margin of the slotted ion-icon when it is in the start slot of the item divider
47+
* @prop --ion-item-divider-icon-start-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the start slot of the item divider
48+
* @prop --ion-item-divider-icon-end-slotted-margin-top: Top margin of the slotted ion-icon when it is in the end slot of the item divider
49+
* @prop --ion-item-divider-icon-end-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider
50+
* @prop --ion-item-divider-icon-end-slotted-margin-bottom: Bottom margin of the slotted ion-icon when it is in the end slot of the item divider
51+
* @prop --ion-item-divider-icon-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider
52+
*
53+
* Slotted Note
54+
* @prop --ion-item-divider-note-margin-top: Top margin of the slotted ion-note
55+
* @prop --ion-item-divider-note-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-note
56+
* @prop --ion-item-divider-note-margin-bottom: Bottom margin of the slotted ion-note
57+
* @prop --ion-item-divider-note-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-note
58+
* @prop --ion-item-divider-note-align-self: Align self of the slotted ion-note
59+
* @prop --ion-item-divider-note-font-size: Font size of the slotted ion-note
60+
* @prop --ion-item-divider-note-padding-top: Top padding of the slotted ion-note when it has a slot
61+
* @prop --ion-item-divider-note-padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the slotted ion-note when it has a slot
62+
* @prop --ion-item-divider-note-padding-bottom: Bottom padding of the slotted ion-note when it has a slot
63+
* @prop --ion-item-divider-note-padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the slotted ion-note when it has a slot
64+
*
65+
* Slotted Avatar
66+
* @prop --ion-item-divider-avatar-margin-top: Top margin of the slotted ion-avatar
67+
* @prop --ion-item-divider-avatar-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar
68+
* @prop --ion-item-divider-avatar-margin-bottom: Bottom margin of the slotted ion-avatar
69+
* @prop --ion-item-divider-avatar-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar
70+
* @prop --ion-item-divider-avatar-width: Width of the slotted ion-avatar
71+
* @prop --ion-item-divider-avatar-height: Height of the slotted ion-avatar
72+
* @prop --ion-item-divider-avatar-start-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar when it is in the start slot of the item divider
73+
* @prop --ion-item-divider-avatar-start-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar when it is in the start slot of the item divider
74+
* @prop --ion-item-divider-avatar-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-avatar when it is in the end slot of the item divider
75+
* @prop --ion-item-divider-avatar-end-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-avatar when it is in the end slot of the item divider
76+
*
77+
* Slotted Thumbnail
78+
* @prop --ion-item-divider-thumbnail-margin-top: Top margin of the slotted ion-thumbnail
79+
* @prop --ion-item-divider-thumbnail-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail
80+
* @prop --ion-item-divider-thumbnail-margin-bottom: Bottom margin of the slotted ion-thumbnail
81+
* @prop --ion-item-divider-thumbnail-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail
82+
* @prop --ion-item-divider-thumbnail-width: Width of the slotted ion-thumbnail
83+
* @prop --ion-item-divider-thumbnail-height: Height of the slotted ion-thumbnail
84+
* @prop --ion-item-divider-thumbnail-start-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail when it is in the start slot of the item divider
85+
* @prop --ion-item-divider-thumbnail-start-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail when it is in the start slot of the item divider
86+
* @prop --ion-item-divider-thumbnail-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-thumbnail when it is in the end slot of the item divider
87+
* @prop --ion-item-divider-thumbnail-end-slotted-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-thumbnail when it is in the end slot of the item divider
88+
*
89+
* Slotted Paragraph
90+
* @prop --ion-item-divider-paragraph-margin-top: Top margin of the slotted p
91+
* @prop --ion-item-divider-paragraph-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted p
92+
* @prop --ion-item-divider-paragraph-margin-bottom: Bottom margin of the slotted p
93+
* @prop --ion-item-divider-paragraph-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted p
94+
* @prop --ion-item-divider-paragraph-color: Color of the slotted p
95+
* @prop --ion-item-divider-paragraph-font-size: Font size of the slotted p
96+
* @prop --ion-item-divider-paragraph-text-overflow: Text overflow of the slotted p
97+
* @prop --ion-item-divider-paragraph-overflow: Overflow of the slotted p
98+
* @prop --ion-item-divider-paragraph-trailing-margin-top: Top margin of the slotted p when it is the last child
99+
* @prop --ion-item-divider-paragraph-trailing-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted p when it is the last child
100+
* @prop --ion-item-divider-paragraph-trailing-margin-bottom: Bottom margin of the slotted p when it is the last child
101+
* @prop --ion-item-divider-paragraph-trailing-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted p when it is the last child
102102
*/
103103
@include mixins.font-smoothing();
104104
@include mixins.padding(var(--ion-item-divider-padding-top), null, var(--ion-item-divider-padding-bottom), null);

0 commit comments

Comments
 (0)