resources/src/mediawiki.ui/components/text.less

   1 @import "mediawiki.mixins";
   2 @import "mediawiki.ui/variables";
   3 @import "mediawiki.ui/mixins";
   4
   5 /*
   6 Text & Anchors
   7
   8 Allows you to give text a context as to the type of action it is indicating.
   9
  10 Styleguide 6.
  11 */
  12
  13 /*
  14 Text
  15
  16 Context classes may be used on elements with only plain-text content with the mw-ui-text base. When the context classes
  17 are used on interactive and block-level elements, the appropriate alternative base type classes should also be used. For
  18 example, mw-ui-anchor with A, or mw-ui-button with buttons.
  19
  20 Markup:
  21 <span class="mw-ui-text mw-ui-progressive">Progressive</span>
  22 <span class="mw-ui-text mw-ui-constructive">Constructive</span>
  23 <span class="mw-ui-text mw-ui-destructive">Destructive</span>
  24
  25 Styleguide 6.1.
  26 */
  27
  28 .mw-ui-text {
  29         // The selector order is like this on purpose; IE 6 ignores the second selector,
  30         // so we don't want to accidentally apply this color on all mw-ui-CONTEXT classes
  31         .mw-ui-progressive& {
  32                 color: @colorProgressive;
  33         }
  34         .mw-ui-constructive& {
  35                 color: @colorConstructive;
  36         }
  37         .mw-ui-destructive& {
  38                 color: @colorDestructive;
  39         }
  40 }