Increase base font size, update heading levels, use rem, and increase width

[Kristina Hoeppner]

As part of our accessibility review, we are going to increase the base font size from 14px to 16px. In addition, there are some elements that do not yet have font size variables. They will be changed to allow for flexibility.

We'll also need to review the line height at the same time and the hover background and whether and if so where we are going to keep it. UX will be needed for that.

All these changes are to be looked at alongside the WCAG 2.1 guidelines after 20.10.

[Kristina Hoeppner (kris-hoeppner)]

Should be mostly complete. We'll need to make decisions for each of them from an accessibility and UX perspective.

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/11078

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/11078
Committed: https://git.mahara.org/mahara/mahara/commit/1d324796cf8e51467a8e7074a1ea2d5ffcfe6cce
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: master

commit 1d324796cf8e51467a8e7074a1ea2d5ffcfe6cce
Author: Evonne <email address hidden>
Date: Tue Jul 21 18:33:05 2020 +1200

Bug 1845053 Font size and size variable

Base font has been increased to 16px, and as a result, variables
have had to be recalculated.

Max browser width has been increased to 1440px to allow the
larger font to have more characters in a line.

As a part of accessibility, headings H1-H6 have had to be rejigged.
Note that for elements such as popup/modals, the heading restarts
at H1 again as advised by Julius.

Page heading is H1, block heading is H2, everything else should be
H3. Trying to attempt to reserve H4-H6 for user content, but it is
still existing in some places as some things can't be changed.

Attachment markups have been unified and added to styleguide.

Removed H3/H4 from fieldset legends.

behatnotneeded

Change-Id: I69273c9775d658f03738c29be8d230b59c189790

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/11285

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/11286

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/11288

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/11285
Committed: https://git.mahara.org/mahara/mahara/commit/d7411e02456f01c14a0e726590092a1736511d87
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit d7411e02456f01c14a0e726590092a1736511d87
Author: Evonne <email address hidden>
Date: Fri Sep 18 12:56:17 2020 +1200

Bug 1845053 Theme bugs in Customisable Theme

Changed some elements to inherit a fixed gray toned colour scheme
instead of using customised values.

Changed focus outline to use customised value.

behatnotneeded

Change-Id: I055b3f7829d98b81e9f55f6a02d9262f6dcf15e1

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/11286
Committed: https://git.mahara.org/mahara/mahara/commit/e1fb00582607ade4874106e854902200f7f5412a
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit e1fb00582607ade4874106e854902200f7f5412a
Author: Evonne <email address hidden>
Date: Fri Sep 18 14:16:11 2020 +1200

Bug 1845053 Theme updates to Maroon

Chrome bugs for slanted header/footer background, some contrast
issues with nav menu and alignment of dashboard-widgets.

behatnotneeded

Change-Id: I6457bc0fa2c9ecedc7df438eb5109e3d2fcffd37

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/11288
Committed: https://git.mahara.org/mahara/mahara/commit/68791d820b5e87ab7f881aecb9afadecb077ab12
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit 68791d820b5e87ab7f881aecb9afadecb077ab12
Author: Evonne <email address hidden>
Date: Fri Sep 18 15:41:29 2020 +1200

Bug 1845053 Theme updates for Raw theme

Removed dashboard boxes hide link.

Corrected style for import form button.

Reset headings for SmartEvidence popovers.

Removed line between customised theme color selector form.

Increase gap between dashboard boxes and edit button.

Changes collection title from h2 to div.collection-title.

Realign left when two select boxes are vertically after one another,
rather than horizontally after one another.

Took away smaller font sizes in skins, put default as medium.

Brought back .card-half to make managing collection pages side by
side. Icon on add pages button changed to a plus, and turned to
secondary button.

behatnotneeded

Change-Id: I114d1b022300b075d2df26a14d3b55cc255cc3af

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/11310

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/11311

[Cecilia Vela Gurovic (ceciliavg)]

border in institutions that are not suspended

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/11310
Committed: https://git.mahara.org/mahara/mahara/commit/106fe3c85f13aed8cea22553fc5304cec88adc3b
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: master

commit 106fe3c85f13aed8cea22553fc5304cec88adc3b
Author: Evonne <email address hidden>
Date: Wed Sep 30 15:36:49 2020 +1300

Bug 1845053 Suspended institution card header color contrast

Moved class .bg-warning into parent div to correct the colouring
and put in a condition so it only shows when institution is
suspended.

behatnotneeded

Change-Id: Ia93c27f7a05ed303279b7f9f807ba95b3cadd60b

[Mahara Bot (dev-mahara)]

Patch for "20.10_STABLE" branch: https://reviews.mahara.org/11324

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/11324
Committed: https://git.mahara.org/mahara/mahara/commit/7d307ee7feaed60dc73c9915a3ae3e0e72111a3e
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: 20.10_STABLE

commit 7d307ee7feaed60dc73c9915a3ae3e0e72111a3e
Author: Evonne <email address hidden>
Date: Wed Sep 30 15:36:49 2020 +1300

Bug 1845053 Suspended institution card header color contrast

Moved class .bg-warning into parent div to correct the colouring
and put in a condition so it only shows when institution is
suspended.

behatnotneeded

Change-Id: Ia93c27f7a05ed303279b7f9f807ba95b3cadd60b
(cherry picked from commit 106fe3c85f13aed8cea22553fc5304cec88adc3b)