CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

Merge pull request #1471 from crazyserver/MOBILE-2505

Browse Source 
MOBILE-2505 ux: Format headings on core-format-text
This commit is contained in:
Juan Leyva 2018-08-22 15:19:48 +01:00 committed by GitHub
commit 70492f8c72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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

@ -68,6 +68,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.
// This is done for accessibility reasons when a heading is semantically incorrect.
.item .item-heading {
@ -341,6 +364,12 @@ core-format-text {
height: initial !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.