javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(item-option): add default styles (#29635)

Browse Source
This commit is contained in:
Maria Hutt
2024-06-20 11:03:10 -07:00
committed by GitHub
parent 3c7a00e57d
commit 5055bdcc96
96 changed files with 114 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
core/src/components/item-option/item-option.ionic.scss Normal file
View File

@ -0,0 +1,47 @@
@use "../../themes/ionic/ionic.globals.scss" as globals;
@import "./item-option";
// Ionic Item Option
// --------------------------------------------------
:host {
@include globals.padding(0);
min-width: globals.$ionic-scale-1600;
height: globals.$ionic-scale-1600;
font-size: globals.$ionic-font-size-350;
font-weight: globals.$ionic-font-weight-medium;
line-height: globals.$ionic-line-height-500;
}
.button-native {
@include globals.padding(globals.$ionic-space-200);
}
::slotted([slot="top"]) {
@include globals.margin(0, 0, globals.$ionic-space-100, 0);
}
::slotted([slot="bottom"]) {
@include globals.margin(globals.$ionic-space-100, 0, 0, 0);
}
::slotted([slot="start"]) {
@include margin(0, globals.$ionic-space-100, 0, 0);
}
::slotted([slot="end"]) {
@include margin(0, 0, 0, globals.$ionic-space-100);
}
::slotted(ion-icon),
::slotted([slot="icon-only"]) {
@include globals.margin(0);
width: globals.$ionic-scale-500;
min-width: initial;
height: globals.$ionic-scale-500;
}

2
core/src/components/item-option/item-option.tsx
View File

@ -24,7 +24,7 @@ import type { Color } from '../../interface';
styleUrls: {
ios: 'item-option.ios.scss',
md: 'item-option.md.scss',
ionic: 'item-option.md.scss',
ionic: 'item-option.ionic.scss',
},
shadow: true,
})