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

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