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

refactor(card): convert styles to shadow

Browse Source 
TODO font size does not work due to global styles
This commit is contained in:
Brandy Smith
2025-11-05 10:30:05 -05:00
parent 11d8e67bd0
commit d2ecc6843b
3 changed files with 67 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/card-content/card-content.ionic.scss
View File

@ -13,8 +13,8 @@
flex-direction: column; flex-direction: column;
gap: globals.$ion-space-400; gap: globals.$ion-space-400;
}
img {
@include globals.margin(globals.$ion-space-200, 0, globals.$ion-space-200, 0); ::slotted(img) {
} @include globals.margin(globals.$ion-space-200, 0, globals.$ion-space-200, 0);
} }

22
core/src/components/card-content/card-content.ios.scss
View File

@ -10,34 +10,34 @@
font-size: $card-ios-font-size; font-size: $card-ios-font-size;
line-height: 1.4; line-height: 1.4;
}
h1 { ::slotted(h1) {
@include margin(0, 0, 2px); @include margin(0, 0, 2px);
font-size: dynamic-font(24px); font-size: dynamic-font(24px);
font-weight: normal; font-weight: normal;
} }
h2 { ::slotted(h2) {
@include margin(2px, 0); @include margin(2px, 0);
font-size: dynamic-font(16px); font-size: dynamic-font(16px);
font-weight: normal; font-weight: normal;
} }
h3, ::slotted(h3),
h4, ::slotted(h4),
h5, ::slotted(h5),
h6 { ::slotted(h6) {
@include margin(2px, 0); @include margin(2px, 0);
font-size: dynamic-font(14px); font-size: dynamic-font(14px);
font-weight: normal; font-weight: normal;
} }
p { ::slotted(p) {
@include margin(0, 0, 2px); @include margin(0, 0, 2px);
font-size: dynamic-font(14px); font-size: dynamic-font(14px);
}
} }

22
core/src/components/card-content/card-content.md.scss
View File

@ -10,37 +10,37 @@
font-size: $card-md-font-size; font-size: $card-md-font-size;
line-height: $card-md-line-height; line-height: $card-md-line-height;
}
h1 { ::slotted(h1) {
@include margin(0, 0, 2px); @include margin(0, 0, 2px);
font-size: dynamic-font(24px); font-size: dynamic-font(24px);
font-weight: normal; font-weight: normal;
} }
h2 { ::slotted(h2) {
@include margin(2px, 0); @include margin(2px, 0);
font-size: dynamic-font(16px); font-size: dynamic-font(16px);
font-weight: normal; font-weight: normal;
} }
h3, ::slotted(h3),
h4, ::slotted(h4),
h5, ::slotted(h5),
h6 { ::slotted(h6) {
@include margin(2px, 0); @include margin(2px, 0);
font-size: dynamic-font(14px); font-size: dynamic-font(14px);
font-weight: normal; font-weight: normal;
} }
p { ::slotted(p) {
@include margin(0, 0, 2px); @include margin(0, 0, 2px);
font-size: dynamic-font(14px); font-size: dynamic-font(14px);
font-weight: normal; font-weight: normal;
line-height: 1.5; line-height: 1.5;
}
} }