resources/mediawiki.ui/sourcefiles/scss/components/default/_buttons.scss

   1 $buttonBorderRadius: 3px;
   2
   3 // Button styling
   4 .mw-ui-button {
   5     // Container layout
   6     @include inline-block;
   7     padding: 0.4em 1em 0.4em 1em;
   8     margin: 0;
   9
  10     // Container styling
  11     @include buttonColors($agoraGray);
  12     @include border-radius($buttonBorderRadius);
  13
  14     // Content styling
  15     vertical-align: middle;
  16
  17     text: {
  18         align: center;
  19         decoration: none;
  20     }
  21
  22     font: {
  23         weight: bold;
  24     }
  25
  26     // Interaction styling
  27     cursor: pointer;
  28
  29     &:disabled,
  30     &.mw-ui-disabled {
  31         cursor: default;
  32     }
  33
  34     // Button sizes and displays
  35     // -----------------------------------------
  36     &.mw-ui-big {
  37         font: {
  38             size: $baseFontSize * 1.3;
  39         }
  40     }
  41     &.mw-ui-block {
  42         display: block;
  43         width: 100%;
  44     }
  45 }
  46
  47 // This overrides an underline declaration on a:hover and a:focus in commonElements.css, which the
  48 // class alone isn't specific enough to do
  49 a.mw-ui-button {
  50     text: {
  51         decoration: none;
  52     }
  53 }
  54
  55 // Button groups
  56 .mw-ui-button-group > * {
  57   @include border-radius(0);
  58   float: left;
  59
  60   &:first-child{
  61     @include border-top-left-radius($buttonBorderRadius);
  62     @include border-bottom-left-radius($buttonBorderRadius);
  63   }
  64
  65   &:last-child{
  66     @include border-top-right-radius($buttonBorderRadius);
  67     @include border-bottom-right-radius($buttonBorderRadius);
  68   }
  69 }