EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2505 ux: Format headings on core-format-text

main
Pau Ferrer Ocaña 2018-08-03 14:02:39 +02:00
parent 44917ca99d
commit c05f56b4d6
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/app.scss
View File

@ -69,6 +69,29 @@
} }
} }
@mixin core-headings() {
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2.6rem;
}
h4 {
font-size: 2.2rem;
}
h5 {
font-size: 1.8rem;
}
h6 {
font-size: 1.4rem;
}
}
// Define an alternative way to set a heading in an item without using a heading tag. // Define an alternative way to set a heading in an item without using a heading tag.
// This is done for accessibility reasons when a heading is semantically incorrect. // This is done for accessibility reasons when a heading is semantically incorrect.
.item .item-heading { .item .item-heading {
@ -340,6 +363,12 @@ core-format-text {
height: initial !important; height: initial !important;
display: inline-block !important; display: inline-block !important;
} }
@include core-headings();
}
.item core-format-text {
@include core-headings();
} }
// Images in ion-card have width 100% and display block. Remove that when the image is in core-format-text. // Images in ion-card have width 100% and display block. Remove that when the image is in core-format-text.