ionic-framework/core/src/components/item-options/item-options.ionic.scss at 01ff52ef5d4d33ed173615ec144040ddd49a0ec0 · ionic-team/ionic-framework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
@use "../../themes/ionic/ionic.globals.scss" as globals;
@import "./item-options.common";

// Ionic Item Options
// --------------------------------------------------

ion-item-options {
  z-index: 1;
}

.item-options-ionic {
  align-items: center;

  background: #{globals.$ion-bg-surface-default};

  gap: globals.$ion-space-100;
}

/* stylelint-disable property-disallowed-list */
[dir="ltr"] .item-options-start ion-item-option:last-child,
[dir="rtl"] .item-options-start ion-item-option:first-child {
  margin-right: globals.$ion-space-200;
}

[dir="ltr"] .item-options-start ion-item-option:first-child,
[dir="rtl"] .item-options-start ion-item-option:last-child {
  margin-left: calc(globals.$ion-space-200 + var(--ion-safe-area-left, 0));

  padding-left: initial;
}

[dir="ltr"] .item-options-end ion-item-option:first-child,
[dir="rtl"] .item-options-end ion-item-option:last-child {
  margin-left: globals.$ion-space-200;
}

[dir="ltr"] .item-options-end ion-item-option:last-child,
[dir="rtl"] .item-options-end ion-item-option:first-child {
  margin-right: calc(globals.$ion-space-200 + var(--ion-safe-area-right, 0));

  padding-right: initial;
}
/* stylelint-enable property-disallowed-list */