resources/mediawiki.ui/vector.less

   1 /**
   2  * Provide Agora appearance for mw-ui-* classes when using the Vector skin.
   3  */
   4
   5 // FIXME: remove import for button styles as soon as extensions using mediawiki.ui are
   6 // updated to use mediawiki.ui.button as well.
   7
   8 // Typography
   9 //
  10 // We prefer the usage of Georgia Bold for all headings. Georgia Regular is used to place emphasis on pull-out or short quotations. This latter usage should be used sparingly.
  11 //
  12 // We prefer the use of Helvetica Neue Regular for body copy. Helvetiva Neue Bold for sub-headers. Pull-out quotes within the body copy should use Helvetica Neue Bold. Helvetica Neue is an not open-source font. Hence, below is a list of preferred alternate choices.
  13 //
  14 // Second choice: Helvetica
  15 //
  16 // Third choice: Arial
  17 //
  18 // Our content is predominantly text, hence visual hierarchy must be clear. Use these recommended type sizes to inform and establish information hierarchy and organization.
  19 //
  20 // Unless if you plan to put extra attention and manually adjust spacing, avoid justifying texts and paragraphs as they are harder to read and create unnecessary visual distractions. Along with centered text, they convey a formal and less friendly environment.
  21 //
  22 // It will be important to talk about other languages, scripts and writing direction - with the same level as importance, not as an afterthought.
  23 //
  24 // Styleguide 1.
  25
  26 @import "components/utilities";
  27 @import "components/vector/buttons";
  28 @import "components/vector/forms";
  29 @import "components/vector/containers";