Skip to content

Commit f72f753

Browse files
fix(accordion): update design and tokens (#30606)
Issue number: internal --------- ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> - update tokens; - fix item content padding; ## Does this introduce a breaking change? - [ ] Yes - [x] No <!-- If this introduces a breaking change: 1. Describe the impact and migration path for existing applications below. 2. Update the BREAKING.md file with the breaking change. 3. Add "BREAKING CHANGE: [...]" to the commit description when merging. See https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer for more information. --> ## Other information <!-- Any other information that is important to this PR such as screenshots of how the component looks before and after the change. --> [basic](https://ionic-framework-git-rou-12135-ionic1.vercel.app/src/components/accordion/test/basic?ionic:theme=ionic) [states](https://ionic-framework-git-rou-12135-ionic1.vercel.app/src/components/accordion/test/states?ionic:theme=ionic) [Group States](https://ionic-framework-git-rou-12135-ionic1.vercel.app/src/components/accordion-group/test/states?ionic:theme=ionic) --------- Co-authored-by: ionitron <[email protected]>
1 parent 6a70082 commit f72f753

File tree

60 files changed

+8
-8
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+8
-8
lines changed

core/src/components/accordion-group/accordion-group.ionic.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,19 +19,19 @@
1919
}
2020

2121
:host(.accordion-group-expand-inset.accordion-group-shape-round) {
22-
--border-radius: #{globals.$ion-border-radius-400};
22+
--border-radius: #{globals.$ion-round-xl};
2323

24-
@include globals.border-radius(globals.$ion-border-radius-400);
24+
@include globals.border-radius(globals.$ion-round-xl);
2525
}
2626

2727
:host(.accordion-group-expand-inset.accordion-group-shape-soft) {
28-
--border-radius: #{globals.$ion-border-radius-200};
28+
--border-radius: #{globals.$ion-soft-xl};
2929

30-
@include globals.border-radius(globals.$ion-border-radius-200);
30+
@include globals.border-radius(globals.$ion-soft-xl);
3131
}
3232

3333
:host(.accordion-group-expand-inset.accordion-group-shape-rectangular) {
34-
--border-radius: #{globals.$ion-border-radius-0};
34+
--border-radius: #{globals.$ion-rectangular-xl};
3535

36-
@include globals.border-radius(globals.$ion-border-radius-0);
36+
@include globals.border-radius(globals.$ion-rectangular-xl);
3737
}
-223 Bytes
136 Bytes
86 Bytes
-960 Bytes
157 Bytes
74 Bytes
-225 Bytes
131 Bytes
86 Bytes

0 commit comments

Comments
 (0)