javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +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;
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);
}

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

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

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

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