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

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

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

16
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 {
::slotted(h1) {
@include margin(0, 0, 2px);
font-size: dynamic-font(24px);
font-weight: normal;
}
h2 {
::slotted(h2) {
@include margin(2px, 0);
font-size: dynamic-font(16px);
font-weight: normal;
}
h3,
h4,
h5,
h6 {
::slotted(h3),
::slotted(h4),
::slotted(h5),
::slotted(h6) {
@include margin(2px, 0);
font-size: dynamic-font(14px);
font-weight: normal;
}
p {
::slotted(p) {
@include margin(0, 0, 2px);
font-size: dynamic-font(14px);
}
}

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

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