Initial commit

resources/styles/nextbestnetwork/_buttons.scss

@@ -0,0 +1,130 @@
+input[type=submit], input[type=button] {
+  @extend .btn;
+  @extend .btn-secondary;
+
+  &[name=wpUpload] {
+    @extend .btn-primary;
+  }
+}
+
+// UI buttons (e.g. in the login form)
+#maincontentwrapper {
+  .mw-ui-button.mw-ui-progressive {
+    @extend .btn;
+    @extend .btn-primary;
+  }
+}
+
+/*.btn-default:active,
+.btn-default.active,*/
+input[type=submit]:active, input[type=button]:active,
+input[type=submit].active, input[type=button].active {
+  // @extend .btn;
+  // @extend .btn-secondary;
+}
+
+/*.btn-default {* /
+input[type=submit], input[type=button] {
+  text-shadow: 0 1px 0 #fff;
+  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
+  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  border-color: #ccc;
+}
+/*.btn-default:hover,
+.btn-default:focus {* /
+input[type=submit]:hover, input[type=button]:hover,
+input[type=submit]:focus, input[type=button]:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+/*.btn-default:active,
+.btn-default.active {* /
+input[type=submit]:active, input[type=button]:active,
+input[type=submit].active, input[type=button].active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+/*.btn-default.disabled,
+.btn-default:disabled,
+.btn-default[disabled] {* /
+input[type=submit]:disabled, input[type=button]:disabled,
+input[type=submit].disabled, input[type=button].disabled,
+input[type=submit][disabled], input[type=button][disabled] {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+/**/
+
+
+
+body #contentwrapper #maincontentwrapper {
+  .oo-ui-buttonElement {
+    & > * {
+      font-weight: normal !important;
+    }
+  }
+
+  // Buttons on page edit
+  input.oo-ui-buttonElement-button,
+  button.oo-ui-buttonElement-button {
+    @extend .btn;
+    @extend .btn-primary;
+  }
+
+  // Buttons in preferences (e.g. for changing password)
+  label a.oo-ui-buttonElement-button {
+    @extend .btn;
+    @extend .btn-secondary;
+  }
+
+  // Cancel link on page edit
+  .cancelLink .oo-ui-buttonElement-button {
+    @extend .btn-link;
+
+    &:hover,
+    &:active,
+    &.active,
+    &:focus,
+    &.focus {
+      background-color:transparent;
+    }
+  }
+
+  // Button and icons on page forms
+  input, button {
+    &[name=wpPreview], &[name=wpDiff], &[name=add_section] {
+      @extend .btn-primary;
+    }
+  }
+  .oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
+    @extend .btn-danger;
+  }
+
+  button .oo-ui-iconElement-icon {
+    // Apply fa styles for icons inside buttons
+    display: contents;
+
+    &:before {
+      font-family: "Font Awesome 5 Free";
+      font-weight: $font-weight-bold;
+    }
+
+    &.oo-ui-icon-subtract:before {
+      content: "\f068"; // fa-minus
+    }
+
+    &.oo-ui-icon-add:before {
+      content: "\2b"; // fa-plus
+    }
+
+    &+.oo-ui-labelElement-label::before {
+      content: " ";
+    }
+  }
+}