MOBILE-3833 style: Normalize font-size on cards
parent
c7a5b8589b
commit
c40b792f5d
|
@ -17,7 +17,7 @@
|
||||||
.addon-calendar-months {
|
.addon-calendar-months {
|
||||||
background-color: var(--contrast-background);
|
background-color: var(--contrast-background);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.addon-calendar-day {
|
.addon-calendar-day {
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
ion-item > p[slot="end"] {
|
ion-item > p[slot="end"] {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
.addon-mod_scorm-attempt-summary ion-item > p {
|
.addon-mod_scorm-attempt-summary ion-item > p {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.addon-mod_scorm-toc {
|
.addon-mod_scorm-toc {
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
--even-background: var(--gray-200);
|
--even-background: var(--gray-200);
|
||||||
|
|
||||||
.option-name {
|
.option-name {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.addon-mod_survey-question {
|
.addon-mod_survey-question {
|
||||||
|
|
|
@ -5,7 +5,7 @@ ion-item {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
p.item-heading {
|
p.item-heading {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
-webkit-line-clamp: 3;
|
-webkit-line-clamp: 3;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
|
|
||||||
.core-notification-body {
|
.core-notification-body {
|
||||||
core-format-text {
|
core-format-text {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
|
|
@ -74,7 +74,7 @@ ion-item.item {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.restricted {
|
&.restricted {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -98,7 +98,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.expandable-status-icon {
|
.expandable-status-icon {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
@include margin-horizontal(0, 2px);
|
@include margin-horizontal(0, 2px);
|
||||||
@include core-transition(transform, 200ms);
|
@include core-transition(transform, 200ms);
|
||||||
|
|
||||||
|
|
|
@ -210,7 +210,7 @@ core-rich-text-editor .core-rte-editor {
|
||||||
|
|
||||||
p, ul, ol, li {
|
p, ul, ol, li {
|
||||||
// Normalize font-size inside formatted text.
|
// Normalize font-size inside formatted text.
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
|
|
@ -96,7 +96,7 @@ body {
|
||||||
&.item-heading-secondary {
|
&.item-heading-secondary {
|
||||||
@include margin(2px, 0);
|
@include margin(2px, 0);
|
||||||
|
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
|
@ -112,7 +112,7 @@ body {
|
||||||
&.item-heading-secondary {
|
&.item-heading-secondary {
|
||||||
@include margin(0, 0, 3px);
|
@include margin(0, 0, 3px);
|
||||||
|
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
|
@ -222,7 +222,7 @@ ion-header {
|
||||||
|
|
||||||
h1 + h2,
|
h1 + h2,
|
||||||
h1 + .subheading {
|
h1 + .subheading {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -242,7 +242,7 @@ ion-header {
|
||||||
|
|
||||||
h1 + h2,
|
h1 + h2,
|
||||||
h1 + .subheading {
|
h1 + .subheading {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -690,7 +690,7 @@ body.core-iframe-fullscreen ion-router-outlet {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Item styles
|
// Item styles
|
||||||
|
@ -714,7 +714,7 @@ body.core-iframe-fullscreen ion-router-outlet {
|
||||||
}
|
}
|
||||||
|
|
||||||
p.item-heading {
|
p.item-heading {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
@ -767,6 +767,7 @@ body.core-iframe-fullscreen ion-router-outlet {
|
||||||
--color: var(--color-shade);
|
--color: var(--color-shade);
|
||||||
--inner-border-width: 0px;
|
--inner-border-width: 0px;
|
||||||
--border-width: 0px;
|
--border-width: 0px;
|
||||||
|
font-size: var(--text-size);
|
||||||
|
|
||||||
ion-label, ion-label > p {
|
ion-label, ion-label > p {
|
||||||
--color: var(--color-shade);
|
--color: var(--color-shade);
|
||||||
|
@ -1227,6 +1228,7 @@ audio.core-media-adapt-width {
|
||||||
}
|
}
|
||||||
|
|
||||||
ion-item {
|
ion-item {
|
||||||
|
font-size: var(--text-size);
|
||||||
--inner-border-width: 0px;
|
--inner-border-width: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1283,7 +1285,7 @@ html.md div.fake-ion-item {
|
||||||
h6 {
|
h6 {
|
||||||
@include margin(2px, 0);
|
@include margin(2px, 0);
|
||||||
|
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
|
@ -1291,7 +1293,7 @@ html.md div.fake-ion-item {
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@include margin(0, 0, 2px);
|
@include margin(0, 0, 2px);
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
text-overflow: inherit;
|
text-overflow: inherit;
|
||||||
overflow: inherit;
|
overflow: inherit;
|
||||||
|
@ -1299,7 +1301,7 @@ html.md div.fake-ion-item {
|
||||||
}
|
}
|
||||||
|
|
||||||
html.ios div.fake-ion-item {
|
html.ios div.fake-ion-item {
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
@include padding(null, 10px, null, 20px);
|
@include padding(null, 10px, null, 20px);
|
||||||
@include margin(10px, 8px, 10px, null);
|
@include margin(10px, 8px, 10px, null);
|
||||||
|
|
||||||
|
@ -1320,14 +1322,14 @@ html.ios div.fake-ion-item {
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
@include margin(0, 0, 3px);
|
@include margin(0, 0, 3px);
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@include margin(0, 0, 2px 0);
|
@include margin(0, 0, 2px 0);
|
||||||
font-size: 14px;
|
font-size: var(--text-size);
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
text-overflow: inherit;
|
text-overflow: inherit;
|
||||||
overflow: inherit;
|
overflow: inherit;
|
||||||
|
|
|
@ -59,6 +59,7 @@
|
||||||
--huge-radius: 24px;
|
--huge-radius: 24px;
|
||||||
|
|
||||||
--text-color: #{$text-color};
|
--text-color: #{$text-color};
|
||||||
|
--text-size: 14px;
|
||||||
--background-color: #{$background-color};
|
--background-color: #{$background-color};
|
||||||
--stroke: var(--gray-300);
|
--stroke: var(--gray-300);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue