mediawiki-skins-Citizen/skinStyles/oojs-ui-core.less

/*
 * Citizen - OOJS-UI Styles
 * https://starcitizen.tools
*/

@import '../resources/variables.less';
@import '../resources/mixins.less';

/*!
 * Based on OOUI v0.26.4
 * https://www.mediawiki.org/wiki/OOUI
 *
 * Copyright 2011–2018 OOUI Team and other contributors.
 * Released under the MIT license
 * http://oojs.mit-license.org
 *
 * Date: 2018-04-17T22:24:02Z
 */

.oo-ui-popupWidget-popup {
 border: 0;
 border-radius: 0;
 .boxshadow(4);
}

.oo-ui-buttonElement > .oo-ui-buttonElement-button {
  border-radius: 0;
}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 border-radius: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: @base-90;
    border-color: @base-90;

    &:hover {
      border-color: @base-100;
      .boxshadow(3);
    }
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  border-color: #c8ccd1;
}

.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
  border-color: @base-80;
  border-radius: 0;
  .boxshadow(1);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
  .boxshadow(1);

  &:focus {
    .boxshadow(3);
  }
}