Remove horizontal padding from filter input

@import (inline) "bootstrap-3.1.0.css";
@import (inline) "ionicons.css";
@import (inline) "vendor/tooltip.less";

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

/* ==============
 * Base
 * ==============
 */

body {
  background-color: #323539;
  color: #f6f6f6;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

code {
  color: #fff;
  background-color: #454a50;
}

hr {
  border-color: #2a2d2f;
}

dt,
th {
  color: #8e929b;
}

dd {
  color: #f6f6f6;
}

dt,
dd {
  line-height: 1.728571429;
}

a {
  color: #00b482;
}

a:hover,
a:focus {
  color: #00da9d;
}

a,
.btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.caret {
  border-width: 5px;
}

.badge {
  background-color: #323539;
  color: #8e929b;
}

.badge-default {
  background-color: #EEE;
  color: #444;
}

.badge-warning {
  background-color: #E8EF98;
}

.close,
.close:focus,
.close:hover {
  color: #bfc5cd;
  font-weight: 200;
  opacity: 1;
  text-shadow: none;
}

.close:focus,
.close:hover {
  color: #fff;
}

.help-block {
  color: #8e929b;
}

.modal {
  display: block;
}

.modal-header {
  background-color: #222224;
  border-bottom: none;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.modal-content {
  background-color: #323539;
}

.page-header {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
}

.page-header .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #d9534f;
}

.text-healthy {
  color: #7aff68;
}

.text-unhealthy {
  color: #ff7d64;
}

.breadcrumb {
  margin-top: -20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #2a2d2f;
}

.breadcrumb > li + li:before {
  content:"\0FF1E";
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: #3d4045;
}

.table > tbody > tr > td > .list-inline,
.table > thead > tr > th > .list-inline {
  margin-bottom: 0;
}

.table > tbody > tr > td > .list-inline > li,
.table > thead > tr > th > .list-inline > li {
  padding: 0 0 5px 5px;
}

.list-inline-subtext {
  color: #6f757D;
  display: inline-block;
  margin-left: 10px;
}

.text-info {
  color: #B8E8EF;
}

.text-warning {
  color: #e4f342;
}

.text-muted {
  color: #8e929b;
}

/* ==============
 * Helpers
 * ==============
 */
.control-label {
  font-weight: normal;
}

.form-control {
  background: #f6f6f6;
  border-color: #5e646c;
  color: #555;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2);
}

.text-align-top {
   vertical-align: text-top;
}

.btn {
  font-weight: 400;
}

.btn-sm {
  padding: 5px 14px;
}

.btn-link {
  color: #8e929b;
}

.btn-default {
  background-color: transparent;
  border-color: #f6f6f6;
  color: #f6f6f6;
}

.btn-default.disabled,
.btn-default[disabled] {
  background-color: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #f6f6f6;
  color: #323539;
}

.btn-success {
  background-color: #00b482;
  border-color: #00b482;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #00da9d;
  border-color: #007756;
}

.btn-danger {
  background-color: transparent;
  border-color: #d9534f;
  color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-info {
  background-color: #5b6067;
  border-color: #323539;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #8e929b;
  border-color: #323539;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  color: #838a93;
  background-color: #4d5157;
  border-color: #323539;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==============
 * Textures
 * ==============
 */

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

.navbar-inverse {
  background-color: #222426;
  border-color: transparent;
}

.navbar-inverse .navbar-nav > li > a {
  color: #8e929b;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #f6f6f6;
  background-color: transparent;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}

.navbar-brand {
  height: auto;
  padding-bottom: 12px;
  padding-top: 11px;
  padding-left: 0;
}

.panel-group .panel-inverse {
  border-radius: 0;
  border-top: solid 1px #3d4045;
  border-bottom-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-group .panel-header {
  color: #8e929b;
  font-weight: bold;
  border-top: solid 0 transparent;
  border-bottom: solid 1px #3d4045;
}

.panel-group .panel-inverse + .panel-inverse {
  margin-top: 0;
}

.panel-inverse {
  background-color: transparent;
  border-color: transparent;
}

.panel-body {
  background-color: #222224;
}

.panel-inverse:not(.panel-header) .panel-heading:hover {
  background-color: #454a50;
}

.panel-inverse .panel-body {
  border-radius: 0 0 4px 4px;
  margin-bottom: 15px;
}

.pagination-unstyled {
  margin-bottom: -9px;
  margin-top: -6px;
}

.item-numbers {
  padding: 5px 10px;
  margin: 0 0 10px;
}

.pagination > li:first-child > button {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > button {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > button {
  color: #f6f6f6;
  background-color: #5b6067;
  border: 1px solid #323539;
  line-height: 1.5;
  padding: 5px 10px;
}

.pagination > li > button:hover,
.pagination > li > button:focus {
  color: #f6f6f6;
  background-color: #8e929b;
}

.pagination > .disabled > button,
.pagination > .disabled > button:hover,
.pagination > .disabled > button:focus {
  color: #838a93;
  background-color: #454a50;
}

.pagination > .success > button,
.pagination > .success > button:hover,
.pagination > .success > button:focus {
  color: #f6f6f6;
  background-color: #00b482;
}

.nav-tabs {
  border-bottom: 2px solid #2a2d2f;
  margin-top: 0;
}

.nav-tabs-unbordered {
  border-bottom: 0 solid transparent;
}

.nav-tabs-unbordered > li {
  margin-bottom: 0;
  border-bottom: 0 solid transparent;
}

.nav-tabs > li > a {
  color: #8e929b;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-bottom: 13px;
  padding-top: 15px;
  border-bottom: 3px solid transparent;
  line-height: 19px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #f6f6f6;
  border-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  color: #f6f6f6;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #00b482;
}

.header-btn {
  margin-top: 14px;
}

.table-fixed {
  table-layout: fixed;
}

.table-unstyled {
  margin-bottom: 0;
}

.table > tbody > tr.active > td,
.table-hover > tbody > tr:hover > td {
  background-color: #454a50;
}

.table-selectable tr > td {
  cursor: pointer;
}

.dl-unstyled {
  margin-bottom: 0;
}

.badge {
   position: absolute;
   top: 5px;
   left: 1px;
   font-size: .7em;
   color: #2a2d2f;
   background: #e4f342;
   min-width: 18px;
   height: 18px;
   text-align: center;
   line-height: 18px;
   border-radius: 50%;
   box-shadow: 0 1px 1px #333;
   padding: 0 2px;
}

.progress {
  height: 10px;
  border-radius: 3px;
}

.progress-bar {
  line-height: 10px;
}

.progress-bar-info {
  background-color: #5e646b;
}

.health-dot {
  display: inline-block;
}

.health-dot:before {
  content: "\00a0";
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #51565d;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 6px;
  margin-bottom: 1px;
}

.health-dot-error:before {
  background-color: #ff7d64;
}

.health-dot-warning:before {
  background-color: #faef66
}

.health-dot-success:before {
  background-color: #7aff68;
}

.health-dot-unknown:before {
  background-color: #8e929b;
}

.health-bar-column {
  vertical-align: middle;
}

.health-bar-column .health-bar {
  width: 100%;
  max-width: 140px;
  display: inline-block;
  height: 8px;
  margin-bottom: 2px;
  background-color: #2a2c31;
  border-radius: 4px;
}

.health-bar-inner {
  border-left: 1px solid #2a2c31;
}

.health-bar-over-capacity {
  background-color: #4ca0ff; // blue
}

.health-bar-unhealthy {
  background-color: #ff7d64; // red
}

.health-bar-staged {
  background-color: #fff57a; // yellow
}

.health-bar-healthy {
  background-color: #29f6a0; // green
}

.health-bar-running {
  background-color: #8e929b; // light-grey
}

.health-bar-unscheduled {
  background-color: #2a2c31; // dark-grey
}

.clickable {
  cursor: pointer;
}

.modal-header-blend {
  background: transparent;
}

@media (min-width: 768px) {
  .dl-horizontal-lg dt {
    width: 190px;
  }

  .dl-horizontal-lg dd {
    margin-left: 210px;
  }
}

.app-list-controls {
  padding-top: 8px;
  padding-bottom: 8px;
}

.filter-box {
  max-width: 330px;

  .form-control {
    padding: 6px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #f6f6f6;
    background: transparent;
    border-color: #5e646c;
    border-width: 2px 0;
  }

  .input-group-addon {
    background: transparent;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    border-color: #5e646c;
    border-width: 2px;
  }

  .filter-box-clear {
    color: #5e646c;
  }
}

.filter-box-activated {
  .form-control {
    border-color: #00b482;
  }
  .input-group-addon {
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    color: #00b482;
    border-color: #00b482;
  }
}

/* ==============
 * PLEASE NOTE
 * The following styles are necessary due to tooltip.js using the same
 * classnames as Bootstrap, in particular for the padding property.
 * By setting the typeClass option we can pass an additional class name and
 * override the Bootstrap values for padding via a more speciific selector.
 * ==============
 */
.tooltip {
  background: #222426;
  text-transform: capitalize;

  &.default {
    padding: .8em 1em; /* this would be "10px 0" otherwise */
  }
}

@import (inline) "bootstrap-3.1.0.css";
@import (inline) "ionicons.css";
@import (inline) "vendor/tooltip.less";

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

/* ==============
 * Base
 * ==============
 */

body {
  background-color: #323539;
  color: #f6f6f6;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

code {
  color: #fff;
  background-color: #454a50;
}

hr {
  border-color: #2a2d2f;
}

dt,
th {
  color: #8e929b;
}

dd {
  color: #f6f6f6;
}

dt,
dd {
  line-height: 1.728571429;
}

a {
  color: #00b482;
}

a:hover,
a:focus {
  color: #00da9d;
}

a,
.btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.caret {
  border-width: 5px;
}

.badge {
  background-color: #323539;
  color: #8e929b;
}

.badge-default {
  background-color: #EEE;
  color: #444;
}

.badge-warning {
  background-color: #E8EF98;
}

.close,
.close:focus,
.close:hover {
  color: #bfc5cd;
  font-weight: 200;
  opacity: 1;
  text-shadow: none;
}

.close:focus,
.close:hover {
  color: #fff;
}

.help-block {
  color: #8e929b;
}

.modal {
  display: block;
}

.modal-header {
  background-color: #222224;
  border-bottom: none;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.modal-content {
  background-color: #323539;
}

.page-header {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
}

.page-header .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #d9534f;
}

.text-healthy {
  color: #7aff68;
}

.text-unhealthy {
  color: #ff7d64;
}

.breadcrumb {
  margin-top: -20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #2a2d2f;
}

.breadcrumb > li + li:before {
  content:"\0FF1E";
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: #3d4045;
}

.table > tbody > tr > td > .list-inline,
.table > thead > tr > th > .list-inline {
  margin-bottom: 0;
}

.table > tbody > tr > td > .list-inline > li,
.table > thead > tr > th > .list-inline > li {
  padding: 0 0 5px 5px;
}

.list-inline-subtext {
  color: #6f757D;
  display: inline-block;
  margin-left: 10px;
}

.text-info {
  color: #B8E8EF;
}

.text-warning {
  color: #e4f342;
}

.text-muted {
  color: #8e929b;
}

/* ==============
 * Helpers
 * ==============
 */
.control-label {
  font-weight: normal;
}

.form-control {
  background: #f6f6f6;
  border-color: #5e646c;
  color: #555;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2);
}

.text-align-top {
   vertical-align: text-top;
}

.btn {
  font-weight: 400;
}

.btn-sm {
  padding: 5px 14px;
}

.btn-link {
  color: #8e929b;
}

.btn-default {
  background-color: transparent;
  border-color: #f6f6f6;
  color: #f6f6f6;
}

.btn-default.disabled,
.btn-default[disabled] {
  background-color: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #f6f6f6;
  color: #323539;
}

.btn-success {
  background-color: #00b482;
  border-color: #00b482;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #00da9d;
  border-color: #007756;
}

.btn-danger {
  background-color: transparent;
  border-color: #d9534f;
  color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-info {
  background-color: #5b6067;
  border-color: #323539;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #8e929b;
  border-color: #323539;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  color: #838a93;
  background-color: #4d5157;
  border-color: #323539;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==============
 * Textures
 * ==============
 */

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

.navbar-inverse {
  background-color: #222426;
  border-color: transparent;
}

.navbar-inverse .navbar-nav > li > a {
  color: #8e929b;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #f6f6f6;
  background-color: transparent;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}

.navbar-brand {
  height: auto;
  padding-bottom: 12px;
  padding-top: 11px;
  padding-left: 0;
}

.panel-group .panel-inverse {
  border-radius: 0;
  border-top: solid 1px #3d4045;
  border-bottom-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-group .panel-header {
  color: #8e929b;
  font-weight: bold;
  border-top: solid 0 transparent;
  border-bottom: solid 1px #3d4045;
}

.panel-group .panel-inverse + .panel-inverse {
  margin-top: 0;
}

.panel-inverse {
  background-color: transparent;
  border-color: transparent;
}

.panel-body {
  background-color: #222224;
}

.panel-inverse:not(.panel-header) .panel-heading:hover {
  background-color: #454a50;
}

.panel-inverse .panel-body {
  border-radius: 0 0 4px 4px;
  margin-bottom: 15px;
}

.pagination-unstyled {
  margin-bottom: -9px;
  margin-top: -6px;
}

.item-numbers {
  padding: 5px 10px;
  margin: 0 0 10px;
}

.pagination > li:first-child > button {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > button {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > button {
  color: #f6f6f6;
  background-color: #5b6067;
  border: 1px solid #323539;
  line-height: 1.5;
  padding: 5px 10px;
}

.pagination > li > button:hover,
.pagination > li > button:focus {
  color: #f6f6f6;
  background-color: #8e929b;
}

.pagination > .disabled > button,
.pagination > .disabled > button:hover,
.pagination > .disabled > button:focus {
  color: #838a93;
  background-color: #454a50;
}

.pagination > .success > button,
.pagination > .success > button:hover,
.pagination > .success > button:focus {
  color: #f6f6f6;
  background-color: #00b482;
}

.nav-tabs {
  border-bottom: 2px solid #2a2d2f;
  margin-top: 0;
}

.nav-tabs-unbordered {
  border-bottom: 0 solid transparent;
}

.nav-tabs-unbordered > li {
  margin-bottom: 0;
  border-bottom: 0 solid transparent;
}

.nav-tabs > li > a {
  color: #8e929b;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-bottom: 13px;
  padding-top: 15px;
  border-bottom: 3px solid transparent;
  line-height: 19px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #f6f6f6;
  border-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  color: #f6f6f6;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #00b482;
}

.header-btn {
  margin-top: 14px;
}

.table-fixed {
  table-layout: fixed;
}

.table-unstyled {
  margin-bottom: 0;
}

.table > tbody > tr.active > td,
.table-hover > tbody > tr:hover > td {
  background-color: #454a50;
}

.table-selectable tr > td {
  cursor: pointer;
}

.dl-unstyled {
  margin-bottom: 0;
}

.badge {
   position: absolute;
   top: 5px;
   left: 1px;
   font-size: .7em;
   color: #2a2d2f;
   background: #e4f342;
   min-width: 18px;
   height: 18px;
   text-align: center;
   line-height: 18px;
   border-radius: 50%;
   box-shadow: 0 1px 1px #333;
   padding: 0 2px;
}

.progress {
  height: 10px;
  border-radius: 3px;
}

.progress-bar {
  line-height: 10px;
}

.progress-bar-info {
  background-color: #5e646b;
}

.health-dot {
  display: inline-block;
}

.health-dot:before {
  content: "\00a0";
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 2px #51565d;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 6px;
  margin-bottom: 1px;
}

.health-dot-error:before {
  background-color: #ff7d64;
}

.health-dot-warning:before {
  background-color: #faef66
}

.health-dot-success:before {
  background-color: #7aff68;
}

.health-dot-unknown:before {
  background-color: #8e929b;
}

.health-bar-column {
  vertical-align: middle;
}

.health-bar-column .health-bar {
  width: 100%;
  max-width: 140px;
  display: inline-block;
  height: 8px;
  margin-bottom: 2px;
  background-color: #2a2c31;
  border-radius: 4px;
}

.health-bar-inner {
  border-left: 1px solid #2a2c31;
}

.health-bar-over-capacity {
  background-color: #4ca0ff; // blue
}

.health-bar-unhealthy {
  background-color: #ff7d64; // red
}

.health-bar-staged {
  background-color: #fff57a; // yellow
}

.health-bar-healthy {
  background-color: #29f6a0; // green
}

.health-bar-running {
  background-color: #8e929b; // light-grey
}

.health-bar-unscheduled {
  background-color: #2a2c31; // dark-grey
}

.clickable {
  cursor: pointer;
}

.modal-header-blend {
  background: transparent;
}

@media (min-width: 768px) {
  .dl-horizontal-lg dt {
    width: 190px;
  }

  .dl-horizontal-lg dd {
    margin-left: 210px;
  }
}

.app-list-controls {
  padding-top: 8px;
  padding-bottom: 8px;
}

.filter-box {
  max-width: 330px;

  .form-control {
    left: -2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #f6f6f6;
    background: transparent;
    border-color: #5e646c;
    border-width: 2px 0;
  }

  .input-group-addon {
    background: transparent;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    border-color: #5e646c;
    border-width: 2px;
  }

  .filter-box-clear {
    color: #5e646c;
  }
}

.filter-box-activated {
  .form-control {
    border-color: #00b482;
  }
  .input-group-addon {
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    color: #00b482;
    border-color: #00b482;
  }
}

/* ==============
 * PLEASE NOTE
 * The following styles are necessary due to tooltip.js using the same
 * classnames as Bootstrap, in particular for the padding property.
 * By setting the typeClass option we can pass an additional class name and
 * override the Bootstrap values for padding via a more speciific selector.
 * ==============
 */
.tooltip {
  background: #222426;
  text-transform: capitalize;

  &.default {
    padding: .8em 1em; /* this would be "10px 0" otherwise */
  }
}


Ordering rules

Ordering rules

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/studiomotio/www1.git/'


optimized divider-icon

optimized divider-icon

fatal: unable to access 'https://github.com/aoimedia/uikit.git/': The requested URL returned error: 403


changed import style file name

changed import style file name

fatal: unable to access 'https://github.com/Digipalvelutehdas/APIKA.git/': The requested URL returned error: 403


Always set font-weight to normal when you're using webfonts.

@currencyFont: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;

body {
  color: #333;
}

.content {
  h1 {
    font: 35px 'OpenSansLight';
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  h2 {
    font: 34px 'OpenSansLight';
    margin: 0 0 30px;
  }

  h3 {
    font: 18px 'OpenSansBold';
    margin: 10px 0 0 0;
  }

  hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  group {
    display: block;
  }

  p {
  }

  label, p.label {
    font: 18px 'OpenSansRegular';
    color: #777;
  }

  p.literal {
    font: 16px 'OpenSansRegular';

    strong {
      font-family: 'OpenSansBold';
      font-weight: normal;
    }
  }

  p.hint {
    font-size: 1em;
    margin-top: 0;
  }

  p.lit-small {
    font-size: 14px;
  }

  .throbber {
    min-height: 24px;
    background-image: url(../../img/throbber.gif);
    background-repeat: no-repeat;
    padding-left: 24px + 10px;
  }

  .table {
    width: 100%;
    border-spacing: 0;

    caption {
      text-align: left;
      font: 20px 'OpenSansLight';
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee;
    }

    th {
      font: 16px 'OpenSansRegular';
      font-weight: normal;
      padding: 10px 5px;
      border-bottom: 2px solid #cbcbcb;
      text-align: left;
    }

    td {
      padding: 15px 5px;
      vertical-align: middle;
    }

    .editing td.command {
      padding: 15px 10px;
    }

    .editing td {
      padding: 9px 5px 8px;
    }

    // A class for formatting columns with currency amounts
    th.rpamount {
      text-align: right;

      &:after {
        color: #fff;
        content: "XXX";
        font-family: @currencyFont;
        font-size: 14px;
        padding-left: 5px;
      }
    }
    td.rpamount {
      text-align: right;

      .currency {
        display: inline-block;
        padding-left: 5px;
        //color: #999;
        opacity: 0.5;
        font-family: @currencyFont;
      }

      // Dealing with large values:
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  span.address {
    font-weight: bold;
  }

  // Transaction status
  //
  // This class is used to show the color-coded messages after submitting a
  // transaction on various pages.
  h2.tx-status {
    font: 34px 'OpenSansRegular';
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    .transition-duration(0.2s);
  }

  .result-success h2.tx-status {
    background-color: #8DC86A;
  }
  .result-error h2.tx-status,
  .result-malformed h2.tx-status,
  .result-failed h2.tx-status {
    background-color: #DC4D38;
  }

  // Tabs
  ul.filter-tabs {
    .clearfix;
    list-style-type: none;
    font: 18px 'OpenSansRegular';
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 20px;

    li {
      float: left;
      display: block;

      > a {
        display: block;
        position: relative;
        color: #333;
        line-height: 30px;
        padding-left: 8px;
        padding-right: 16px;
        .transition-duration(0.2s);

        margin-left: 6px;
        margin-right: 16px;

        /* Alternative Hanging indent
        margin-left: -8px;
        margin-right: 30px;
        /**/

        &:hover {
          text-decoration: none;
        }

        &:after {
          .virtualel;
          height: 100%;
          width: 6px;
          position: absolute;
          top: 0;
          left: -6px;
        }

        // Default color, override this for different colored tabs
        &.active, &:hover, &:after {
          background-color: #ddd;
        }
      }
    }
  }
}

// Tooltip
.tooltip-inner {
  min-width: 60px;
  max-width: 330px;
  padding: 3px 8px;
  border: 1px solid #c3c3c3;
  color: #333;
  padding: 10px 15px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  .border-radius(@baseBorderRadius);
  box-shadow: 2px 1px 10px #b5b5b5;
}
.tooltip {
  &.top .tooltip-arrow {
    display: none;
  }

  &.top:after {
    left: 50%;
    bottom: -4px;
    margin-left: -20px;
    border-top: 10px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }
  &.top:before {
    left: 50%;
    bottom: -5px;
    margin-left: -20px;
    border-top: 10px solid #c3c3c3;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }
}

// Popover
.popover {
  width: 400px;

  .popover-content {
    font-size: 14px;
    line-height: 20px;

    strong {
      font-weight: normal;
      font-family: OpenSansBold;
    }
  }
}

@currencyFont: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;

body {
  color: #333;
}

.content {
  h1 {
    font: 35px 'OpenSansLight';
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  h2 {
    font: 34px 'OpenSansLight';
    margin: 0 0 30px;
  }

  h3 {
    font: 18px 'OpenSansBold';
    margin: 10px 0 0 0;
  }

  hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  group {
    display: block;
  }

  p {
  }

  label, p.label {
    font: 18px 'OpenSansRegular';
    color: #777;
  }

  p.literal {
    font: 16px 'OpenSansRegular';

    strong {
      font-family: 'OpenSansBold';
      font-weight: normal;
    }
  }

  p.hint {
    font-size: 1em;
    margin-top: 0;
  }

  p.lit-small {
    font-size: 14px;
  }

  .throbber {
    min-height: 24px;
    background-image: url(../../img/throbber.gif);
    background-repeat: no-repeat;
    padding-left: 24px + 10px;
  }

  .table {
    width: 100%;
    border-spacing: 0;

    caption {
      text-align: left;
      font: 20px 'OpenSansLight';
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee;
    }

    th {
      font: 16px 'OpenSansRegular';
      font-weight: normal;
      padding: 10px 5px;
      border-bottom: 2px solid #cbcbcb;
      text-align: left;
    }

    td {
      padding: 15px 5px;
      vertical-align: middle;
    }

    .editing td.command {
      padding: 15px 10px;
    }

    .editing td {
      padding: 9px 5px 8px;
    }

    // A class for formatting columns with currency amounts
    th.rpamount {
      text-align: right;

      &:after {
        color: #fff;
        content: "XXX";
        font-family: @currencyFont;
        font-size: 14px;
        padding-left: 5px;
      }
    }
    td.rpamount {
      text-align: right;

      .currency {
        display: inline-block;
        padding-left: 5px;
        //color: #999;
        opacity: 0.5;
        font-family: @currencyFont;
      }

      // Dealing with large values:
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  span.address {
    font-weight: bold;
  }

  // Transaction status
  //
  // This class is used to show the color-coded messages after submitting a
  // transaction on various pages.
  h2.tx-status {
    font: 34px 'OpenSansRegular';
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    .transition-duration(0.2s);
  }

  .result-success h2.tx-status {
    background-color: #8DC86A;
  }
  .result-error h2.tx-status,
  .result-malformed h2.tx-status,
  .result-failed h2.tx-status {
    background-color: #DC4D38;
  }

  // Tabs
  ul.filter-tabs {
    .clearfix;
    list-style-type: none;
    font: 18px 'OpenSansRegular';
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 20px;

    li {
      float: left;
      display: block;

      > a {
        display: block;
        position: relative;
        color: #333;
        line-height: 30px;
        padding-left: 8px;
        padding-right: 16px;
        .transition-duration(0.2s);

        margin-left: 6px;
        margin-right: 16px;

        /* Alternative Hanging indent
        margin-left: -8px;
        margin-right: 30px;
        /**/

        &:hover {
          text-decoration: none;
        }

        &:after {
          .virtualel;
          height: 100%;
          width: 6px;
          position: absolute;
          top: 0;
          left: -6px;
        }

        // Default color, override this for different colored tabs
        &.active, &:hover, &:after {
          background-color: #ddd;
        }
      }
    }
  }
}

// Tooltip
.tooltip-inner {
  min-width: 60px;
  max-width: 330px;
  padding: 3px 8px;
  border: 1px solid #c3c3c3;
  color: #333;
  padding: 10px 15px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  .border-radius(@baseBorderRadius);
  box-shadow: 2px 1px 10px #b5b5b5;
}
.tooltip {
  &.top .tooltip-arrow {
    display: none;
  }

  &.top:after {
    left: 50%;
    bottom: -4px;
    margin-left: -20px;
    border-top: 10px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }
  &.top:before {
    left: 50%;
    bottom: -5px;
    margin-left: -20px;
    border-top: 10px solid #c3c3c3;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }
}

// Popover
.popover {
  width: 400px;

  .popover-content {
    font-size: 14px;
    line-height: 20px;

    strong {
      font-family: OpenSansBold;
    }
  }
}


Including all files using relative path

Including all files using relative path

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/wUFr/LUI.git/'


SDC-16284. Health Inspector doesn't properly display YELLOW status<Paste>

-- Remove background color for body
-- Add Yellow color for YELLOW severity

Change-Id: I593c0b57941479f0aea817dbd4debbc638798786
Reviewed-on: https://review.streamsets.net/c/datacollector/+/36414
Reviewed-by: Jarcec Cecho <df2d427dacaa504f2ede0aed47c4cdf043778b95@streamsets.com>

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/streamsets/datacollector.git/'


Format fix.

Format fix.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Scotchester/cf-core.git/'


Used for js plugins' styles.

Used for js plugins' styles.

fatal: unable to access 'https://github.com/kylegeminden/satus.git/': The requested URL returned error: 403


:bug: load the bootstrap style for thumbnails

// Core variables and mixins
@import "../node_modules/bootstrap/less/variables.less";
@import "../node_modules/bootstrap/less/mixins.less";

// Reset
@import "../node_modules/bootstrap/less/normalize.less";

// Core CSS
@import "../node_modules/bootstrap/less/scaffolding.less";
@import "../node_modules/bootstrap/less/type.less";
@import "../node_modules/bootstrap/less/code.less";
@import "../node_modules/bootstrap/less/grid.less";
@import "../node_modules/bootstrap/less/tables.less";
@import "../node_modules/bootstrap/less/forms.less";
@import "../node_modules/bootstrap/less/buttons.less";

// Components
@import "../node_modules/bootstrap/less/button-groups.less";
@import "../node_modules/bootstrap/less/input-groups.less";
@import "../node_modules/bootstrap/less/navs.less";
@import "../node_modules/bootstrap/less/labels.less";
@import "../node_modules/bootstrap/less/badges.less";
@import "../node_modules/bootstrap/less/alerts.less";
@import "../node_modules/bootstrap/less/list-group.less";
@import "../node_modules/bootstrap/less/thumbnails.less";

// Components w/ JavaScript
@import "../node_modules/bootstrap/less/tooltip.less";

// Utility classes
@import "../node_modules/bootstrap/less/utilities.less";

// Core variables and mixins
@import "../node_modules/bootstrap/less/variables.less";
@import "../node_modules/bootstrap/less/mixins.less";

// Reset
@import "../node_modules/bootstrap/less/normalize.less";

// Core CSS
@import "../node_modules/bootstrap/less/scaffolding.less";
@import "../node_modules/bootstrap/less/type.less";
@import "../node_modules/bootstrap/less/code.less";
@import "../node_modules/bootstrap/less/grid.less";
@import "../node_modules/bootstrap/less/tables.less";
@import "../node_modules/bootstrap/less/forms.less";
@import "../node_modules/bootstrap/less/buttons.less";

// Components
@import "../node_modules/bootstrap/less/button-groups.less";
@import "../node_modules/bootstrap/less/input-groups.less";
@import "../node_modules/bootstrap/less/navs.less";
@import "../node_modules/bootstrap/less/labels.less";
@import "../node_modules/bootstrap/less/badges.less";
@import "../node_modules/bootstrap/less/alerts.less";
@import "../node_modules/bootstrap/less/list-group.less";

// Components w/ JavaScript
@import "../node_modules/bootstrap/less/tooltip.less";

// Utility classes
@import "../node_modules/bootstrap/less/utilities.less";


Tweak permissions page styles

Tweak permissions page styles

.PermissionsPage-groups {
  background: @control-bg;
  padding: 20px 0;
}
.Group {
  width: 90px;
  display: inline-block;
  text-align: center;
  color: @text-color;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}
.Group-name {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Group--add {
  color: @muted-color;
  width: auto;
  margin-left: 10px;
  font-weight: normal;

  .Group-icon {
    font-size: 14px;
    margin-top: 5px;
  }
}

.PermissionsPage-permissions {
  padding: 20px 0 200px;
  overflow: auto;
}

.PermissionGrid {
  white-space: nowrap;

  td, th {
    padding: 10px 0;
    text-align: left;
  }
  td {
    color: @muted-color;
  }
  thead th {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: @muted-color;
    min-width: 140px;

    &:not(:hover) .PermissionGrid-removeScope {
      display: none;
    }
  }
  tbody {
    th {
      padding-right: 50px;
    }
    tr:last-child {
      td, th {
        padding-bottom: 15px !important;
      }
    }
    select {
      background: transparent;
      padding: 0 30px 0 0;
      height: auto;
      border: 0;
      width: 100%;
    }
    .Button {
      text-decoration: none;

      .Badge {
        margin: -3px 0;
        vertical-align: 0;
      }
    }
    td:not(:hover) .Select-caret,
    td:not(:hover) .Dropdown:not(.open) .Button-caret {
      display: none;
    }
    .open .Dropdown-toggle {
      .box-shadow(none);
    }
  }
}
.PermissionGrid-removeScope {
  margin: -1px 0;
}
.PermissionDropdown {
  .Badge {
    margin: -3px 3px -3px 0;
    vertical-align: 1px;
  }
}
.PermissionGrid-section {
  td, th {
    padding-top: 15px;
    border-top: 1px solid @control-bg;
  }
}
.PermissionGrid-child {
  td, th {
    padding: 5px 0;
  }
  th {
    font-weight: normal;
  }
}

.PermissionsPage-groups {
  background: @control-bg;
  padding: 30px 0;
}
.Group {
  width: 90px;
  display: inline-block;
  text-align: center;
  color: @text-color;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}
.Group-name {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Group-icon {
  font-size: 14px;
  margin-top: 2px;
}
.Group--add {
  color: @muted-color;
  width: auto;
  margin-left: 10px;
  font-weight: normal;

  .Group-icon {
    margin-top: 8px;
  }
}

.PermissionsPage-permissions {
  padding: 30px 0 200px;
  overflow: auto;
}

.PermissionGrid {
  white-space: nowrap;

  td, th {
    padding: 10px 0;
    text-align: left;
  }
  td {
    color: @muted-color;
  }
  thead th {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: @muted-color;
    min-width: 140px;

    &:not(:hover) .PermissionGrid-removeScope {
      display: none;
    }
  }
  tbody {
    th {
      padding-right: 50px;
    }
    tr:last-child {
      td, th {
        padding-bottom: 15px !important;
      }
    }
    select {
      background: transparent;
      padding: 0 30px 0 0;
      height: auto;
      border: 0;
      width: 100%;
    }
    .Button {
      text-decoration: none;

      .Badge {
        margin: -3px 0;
        vertical-align: 0;
      }
    }
    td:not(:hover) .Select-caret,
    td:not(:hover) .Dropdown:not(.open) .Button-caret {
      display: none;
    }
    .open .Dropdown-toggle {
      .box-shadow(none);
    }
  }
}
.PermissionGrid-removeScope {
  margin: -1px 0;
}
.PermissionDropdown {
  .Badge {
    margin: -3px 3px -3px 0;
    vertical-align: 1px;
  }
}
.PermissionGrid-section {
  td, th {
    padding-top: 15px;
    border-top: 1px solid @control-bg;
  }
}
.PermissionGrid-child {
  td, th {
    padding: 5px 0;
  }
  th {
    font-weight: normal;
  }
}


added z-index to uk-position classes

added z-index to uk-position classes

// Name:            Utility
// Description:     Collection of useful utility classes to style your content
//
// Component:       `uk-container-*`
//                  `uk-clearfix`
//                  `uk-nbfc-*`
//                  `uk-float-*`
//                  `uk-align-*`
//                  `uk-vertical-align-*`
//                  `uk-height-*`
//                  `uk-responsive-*`
//                  `uk-margin-*`
//                  `uk-border-*`
//                  `uk-heading-*`
//                  `uk-link-*`
//                  `uk-scrollable-*`
//                  `uk-overflow-container`
//                  `uk-position-*`
//                  `uk-display-*`
//                  `uk-visible-*`
//                  `uk-hidden-*`
//                  `uk-invisible`
//
// ========================================================================

// Variables
// ========================================================================

@utility-container-max-width:                   980px;
@utility-container-padding-horizontal:          25px;

@utility-container-large-max-width:             1200px;
@utility-container-large-padding-horizontal:    35px;

@utility-align-horizontal:                      15px;
@utility-align-vertical:                        15px;

@utility-height-viewport-min-height:            600px;

@utility-margin:                                15px;
@utility-margin-small:                          5px;
@utility-margin-large:                          50px;

@utility-border-rounded:                        5px;

@utility-heading-large-font-size:               52px;
@utility-heading-large-line-height:             64px;

@utility-link-muted-color:                      #444;
@utility-link-muted-hover-color:                #444;

@utility-scrollable-text-height:                300px;

@utility-scrollable-box-height:                 170px;
@utility-scrollable-box-padding:                10px;
@utility-scrollable-box-border:                 #ddd;
@utility-scrollable-box-border-width:           1px;

/* ========================================================================
   Component: Utility
 ========================================================================== */

/* Container
 ========================================================================== */

.uk-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: @utility-container-max-width;
    padding: 0 @utility-container-padding-horizontal;
    .hook-container;
}

/* Large screen and bigger */
@media (min-width: @breakpoint-xlarge) {

    .uk-container {
        max-width: @utility-container-large-max-width;
        padding: 0 @utility-container-large-padding-horizontal;
    }

}

/*
 * Micro clearfix
 */

.uk-container:before,
.uk-container:after {
    content: "";
    display: table;
}

.uk-container:after { clear: both; }

/*
 * Center container
 */

.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}

/* Clearing
 ========================================================================== */

/*
 * Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * `table` is used again with `:after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */

.uk-clearfix:before {
    content: "";
    display: table-cell;
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*
 *  Create a new block formatting context
 */

.uk-nbfc { overflow: hidden; }

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px;
}

/* Alignment of block elements
 ========================================================================== */

/*
 * Float blocks
 * 1. Prevent content overflow on small devices
 */

.uk-float-left { float: left; }
.uk-float-right { float: right; }

/* 1 */
[class*='uk-float-'] { max-width: 100%; }

/* Alignment of images and objects
 ========================================================================== */

/*
 * Alignment
 */

[class*='uk-align-'] {
    display: block;
    margin-bottom: @utility-align-vertical;
}

.uk-align-left {
    margin-right: @utility-align-horizontal;
    float: left;
}

.uk-align-right {
    margin-left: @utility-align-horizontal;
    float: right;
}

/* Tablet and bigger */
@media (min-width: @breakpoint-medium) {

    .uk-align-medium-left {
        margin-right: @utility-align-horizontal;
        margin-bottom: @utility-align-vertical;
        float: left;
    }

    .uk-align-medium-right {
        margin-left: @utility-align-horizontal;
        margin-bottom: @utility-align-vertical;
        float: right;
    }

}

.uk-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* Vertical alignment
 ========================================================================== */

/*
 * Remove whitespace between child elements when using `inline-block`
 */

.uk-vertical-align { font-size: 0.001px; }

/*
 *  The `uk-vertical-align` container needs a specific height
 */

.uk-vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*
 * Sub-object which can have any height
 * 1. Reset whitespace hack
 */

.uk-vertical-align-middle,
.uk-vertical-align-bottom {
    display: inline-block;
    max-width: 100%;
    /* 1 */
    font-size: 1rem;
}

.uk-vertical-align-middle { vertical-align: middle; }
.uk-vertical-align-bottom { vertical-align: bottom; }

/* Height
 ========================================================================== */

/*
 * More robust if padding and border are used
 */

[class*='uk-height'] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Useful to extend the `html` and `body` element to the full height of the page.
 */

.uk-height-1-1 { height: 100%; }

/*
 * Useful to create image teasers
 */

.uk-height-viewport {
    height: 100vh;
    min-height: @utility-height-viewport-min-height;
}

/* Responsive objects
 * Note: Images are already responsive by default, see Base component
 ========================================================================== */

/*
 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
 */

.uk-responsive-width,
.uk-responsive-height {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * `important` needed to override `uk-img-preserve img`
 */

.uk-responsive-width {
    max-width: 100% !important;
    height: auto;
}

/*
 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
 * Only works if the parent element has a fixed height.
 */

.uk-responsive-height {
    max-height: 100%;
    width: auto;
}

/* Margin
 ========================================================================== */

/*
 * Create a block with the same margin of a paragraph
 * Add margin if adjacent element
 */

.uk-margin { margin-bottom: @utility-margin; }
* + .uk-margin { margin-top: @utility-margin; }

.uk-margin-top { margin-top: @utility-margin !important; }
.uk-margin-bottom { margin-bottom: @utility-margin !important; }
.uk-margin-left { margin-left: @utility-margin !important; }
.uk-margin-right { margin-right: @utility-margin !important; }

/*
 * Larger margins
 */

.uk-margin-large { margin-bottom: @utility-margin-large; }
* + .uk-margin-large { margin-top: @utility-margin-large; }

.uk-margin-large-top { margin-top: @utility-margin-large !important; }
.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }
.uk-margin-large-left { margin-left: @utility-margin-large !important; }
.uk-margin-large-right { margin-right: @utility-margin-large !important; }

/*
 * Smaller margins
 */

.uk-margin-small { margin-bottom: @utility-margin-small; }
* + .uk-margin-small { margin-top: @utility-margin-small; }

.uk-margin-small-top { margin-top: @utility-margin-small !important; }
.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }
.uk-margin-small-left { margin-left: @utility-margin-small !important; }
.uk-margin-small-right { margin-right: @utility-margin-small !important; }

/*
 * Remove margins
 */

.uk-margin-remove { margin: 0 !important; }
.uk-margin-top-remove { margin-top: 0 !important; }
.uk-margin-bottom-remove { margin-bottom: 0 !important; }

/* Border
 ========================================================================== */

.uk-border-circle { border-radius: 50%; }
.uk-border-rounded { border-radius: @utility-border-rounded; }

/* Headings
 ========================================================================== */

/* Tablet and bigger */
@media (min-width: @breakpoint-medium) {

    .uk-heading-large {
        font-size: @utility-heading-large-font-size;
        line-height: @utility-heading-large-line-height;
    }

}

/* Link
 ========================================================================== */

/*
 * Let links appear in default text color
 */

.uk-link-muted,
.uk-link-muted a { color: @utility-link-muted-color; }

.uk-link-muted:hover,
.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }

/*
 * Reset link style
 */

.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover {
    color: inherit;
    text-decoration: none;
}

/* Scrollable
 ========================================================================== */

/*
 * Enable scrolling for preformatted text
 */

.uk-scrollable-text {
    height: @utility-scrollable-text-height;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

/*
 * Box with scrolling enabled
 */

.uk-scrollable-box {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: @utility-scrollable-box-height;
    padding: @utility-scrollable-box-padding;
    border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
    .hook-scrollable-box;
}

.uk-scrollable-box > :last-child { margin-bottom: 0; }

/* Overflow
 ========================================================================== */

/*
 * Enable scrollbars if content is clipped
 */

.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-overflow-container > :last-child { margin-bottom: 0; }

/* Position
 ========================================================================== */

.uk-position-top,
.uk-position-bottom {
    position: absolute !important;
    width: 100%;
    z-index: 1;
}

.uk-position-top { top: 0; }

.uk-position-bottom { bottom: 0; }

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.uk-position-relative { position: relative !important; }

/* Display
 ========================================================================== */

/*
 * Display
 */

.uk-display-block { display: block !important; }
.uk-display-inline { display: inline !important; }
.uk-display-inline-block { display: inline-block !important; }

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */

/* Desktop and bigger */
@media (min-width: @breakpoint-large) {

    .uk-visible-small { display: none !important; }
    .uk-visible-medium { display: none !important; }
    .uk-hidden-large { display: none !important; }

}

/* Tablets portrait */
@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {

    .uk-visible-small { display: none !important; }
    .uk-visible-large { display: none !important ; }
    .uk-hidden-medium { display: none !important; }

}

/* Phone landscape and smaller*/
@media (max-width: @breakpoint-small-max) {

    .uk-visible-medium { display: none !important; }
    .uk-visible-large { display: none !important; }
    .uk-hidden-small { display: none !important; }

}

/* Remove from the flow and screen readers on any device */
.uk-hidden {
    display: none !important;
    visibility: hidden !important;
}

/* It's hidden, but still affects layout */
.uk-invisible { visibility: hidden !important; }

/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important;
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important;
}

/* Hide on touch */
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch { display: none !important; }

// Hooks
// ========================================================================

.hook-utility-misc;

.hook-container() {}
.hook-scrollable-box() {}
.hook-utility-misc() {}

// Name:            Utility
// Description:     Collection of useful utility classes to style your content
//
// Component:       `uk-container-*`
//                  `uk-clearfix`
//                  `uk-nbfc-*`
//                  `uk-float-*`
//                  `uk-align-*`
//                  `uk-vertical-align-*`
//                  `uk-height-*`
//                  `uk-responsive-*`
//                  `uk-margin-*`
//                  `uk-border-*`
//                  `uk-heading-*`
//                  `uk-link-*`
//                  `uk-scrollable-*`
//                  `uk-overflow-container`
//                  `uk-position-*`
//                  `uk-display-*`
//                  `uk-visible-*`
//                  `uk-hidden-*`
//                  `uk-invisible`
//
// ========================================================================

// Variables
// ========================================================================

@utility-container-max-width:                   980px;
@utility-container-padding-horizontal:          25px;

@utility-container-large-max-width:             1200px;
@utility-container-large-padding-horizontal:    35px;

@utility-align-horizontal:                      15px;
@utility-align-vertical:                        15px;

@utility-height-viewport-min-height:            600px;

@utility-margin:                                15px;
@utility-margin-small:                          5px;
@utility-margin-large:                          50px;

@utility-border-rounded:                        5px;

@utility-heading-large-font-size:               52px;
@utility-heading-large-line-height:             64px;

@utility-link-muted-color:                      #444;
@utility-link-muted-hover-color:                #444;

@utility-scrollable-text-height:                300px;

@utility-scrollable-box-height:                 170px;
@utility-scrollable-box-padding:                10px;
@utility-scrollable-box-border:                 #ddd;
@utility-scrollable-box-border-width:           1px;

/* ========================================================================
   Component: Utility
 ========================================================================== */

/* Container
 ========================================================================== */

.uk-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: @utility-container-max-width;
    padding: 0 @utility-container-padding-horizontal;
    .hook-container;
}

/* Large screen and bigger */
@media (min-width: @breakpoint-xlarge) {

    .uk-container {
        max-width: @utility-container-large-max-width;
        padding: 0 @utility-container-large-padding-horizontal;
    }

}

/*
 * Micro clearfix
 */

.uk-container:before,
.uk-container:after {
    content: "";
    display: table;
}

.uk-container:after { clear: both; }

/*
 * Center container
 */

.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}

/* Clearing
 ========================================================================== */

/*
 * Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * `table` is used again with `:after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */

.uk-clearfix:before {
    content: "";
    display: table-cell;
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*
 *  Create a new block formatting context
 */

.uk-nbfc { overflow: hidden; }

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px;
}

/* Alignment of block elements
 ========================================================================== */

/*
 * Float blocks
 * 1. Prevent content overflow on small devices
 */

.uk-float-left { float: left; }
.uk-float-right { float: right; }

/* 1 */
[class*='uk-float-'] { max-width: 100%; }

/* Alignment of images and objects
 ========================================================================== */

/*
 * Alignment
 */

[class*='uk-align-'] {
    display: block;
    margin-bottom: @utility-align-vertical;
}

.uk-align-left {
    margin-right: @utility-align-horizontal;
    float: left;
}

.uk-align-right {
    margin-left: @utility-align-horizontal;
    float: right;
}

/* Tablet and bigger */
@media (min-width: @breakpoint-medium) {

    .uk-align-medium-left {
        margin-right: @utility-align-horizontal;
        margin-bottom: @utility-align-vertical;
        float: left;
    }

    .uk-align-medium-right {
        margin-left: @utility-align-horizontal;
        margin-bottom: @utility-align-vertical;
        float: right;
    }

}

.uk-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* Vertical alignment
 ========================================================================== */

/*
 * Remove whitespace between child elements when using `inline-block`
 */

.uk-vertical-align { font-size: 0.001px; }

/*
 *  The `uk-vertical-align` container needs a specific height
 */

.uk-vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*
 * Sub-object which can have any height
 * 1. Reset whitespace hack
 */

.uk-vertical-align-middle,
.uk-vertical-align-bottom {
    display: inline-block;
    max-width: 100%;
    /* 1 */
    font-size: 1rem;
}

.uk-vertical-align-middle { vertical-align: middle; }
.uk-vertical-align-bottom { vertical-align: bottom; }

/* Height
 ========================================================================== */

/*
 * More robust if padding and border are used
 */

[class*='uk-height'] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Useful to extend the `html` and `body` element to the full height of the page.
 */

.uk-height-1-1 { height: 100%; }

/*
 * Useful to create image teasers
 */

.uk-height-viewport {
    height: 100vh;
    min-height: @utility-height-viewport-min-height;
}

/* Responsive objects
 * Note: Images are already responsive by default, see Base component
 ========================================================================== */

/*
 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
 */

.uk-responsive-width,
.uk-responsive-height {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * `important` needed to override `uk-img-preserve img`
 */

.uk-responsive-width {
    max-width: 100% !important;
    height: auto;
}

/*
 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
 * Only works if the parent element has a fixed height.
 */

.uk-responsive-height {
    max-height: 100%;
    width: auto;
}

/* Margin
 ========================================================================== */

/*
 * Create a block with the same margin of a paragraph
 * Add margin if adjacent element
 */

.uk-margin { margin-bottom: @utility-margin; }
* + .uk-margin { margin-top: @utility-margin; }

.uk-margin-top { margin-top: @utility-margin !important; }
.uk-margin-bottom { margin-bottom: @utility-margin !important; }
.uk-margin-left { margin-left: @utility-margin !important; }
.uk-margin-right { margin-right: @utility-margin !important; }

/*
 * Larger margins
 */

.uk-margin-large { margin-bottom: @utility-margin-large; }
* + .uk-margin-large { margin-top: @utility-margin-large; }

.uk-margin-large-top { margin-top: @utility-margin-large !important; }
.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }
.uk-margin-large-left { margin-left: @utility-margin-large !important; }
.uk-margin-large-right { margin-right: @utility-margin-large !important; }

/*
 * Smaller margins
 */

.uk-margin-small { margin-bottom: @utility-margin-small; }
* + .uk-margin-small { margin-top: @utility-margin-small; }

.uk-margin-small-top { margin-top: @utility-margin-small !important; }
.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }
.uk-margin-small-left { margin-left: @utility-margin-small !important; }
.uk-margin-small-right { margin-right: @utility-margin-small !important; }

/*
 * Remove margins
 */

.uk-margin-remove { margin: 0 !important; }
.uk-margin-top-remove { margin-top: 0 !important; }
.uk-margin-bottom-remove { margin-bottom: 0 !important; }

/* Border
 ========================================================================== */

.uk-border-circle { border-radius: 50%; }
.uk-border-rounded { border-radius: @utility-border-rounded; }

/* Headings
 ========================================================================== */

/* Tablet and bigger */
@media (min-width: @breakpoint-medium) {

    .uk-heading-large {
        font-size: @utility-heading-large-font-size;
        line-height: @utility-heading-large-line-height;
    }

}

/* Link
 ========================================================================== */

/*
 * Let links appear in default text color
 */

.uk-link-muted,
.uk-link-muted a { color: @utility-link-muted-color; }

.uk-link-muted:hover,
.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }

/*
 * Reset link style
 */

.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover {
    color: inherit;
    text-decoration: none;
}

/* Scrollable
 ========================================================================== */

/*
 * Enable scrolling for preformatted text
 */

.uk-scrollable-text {
    height: @utility-scrollable-text-height;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

/*
 * Box with scrolling enabled
 */

.uk-scrollable-box {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: @utility-scrollable-box-height;
    padding: @utility-scrollable-box-padding;
    border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
    .hook-scrollable-box;
}

.uk-scrollable-box > :last-child { margin-bottom: 0; }

/* Overflow
 ========================================================================== */

/*
 * Enable scrollbars if content is clipped
 */

.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-overflow-container > :last-child { margin-bottom: 0; }

/* Position
 ========================================================================== */

.uk-position-top,
.uk-position-bottom {
    position: absolute !important;
    width: 100%;
}

.uk-position-top { top: 0; }

.uk-position-bottom { bottom: 0; }

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.uk-position-relative { position: relative !important; }

/* Display
 ========================================================================== */

/*
 * Display
 */

.uk-display-block { display: block !important; }
.uk-display-inline { display: inline !important; }
.uk-display-inline-block { display: inline-block !important; }

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */

/* Desktop and bigger */
@media (min-width: @breakpoint-large) {

    .uk-visible-small { display: none !important; }
    .uk-visible-medium { display: none !important; }
    .uk-hidden-large { display: none !important; }

}

/* Tablets portrait */
@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {

    .uk-visible-small { display: none !important; }
    .uk-visible-large { display: none !important ; }
    .uk-hidden-medium { display: none !important; }

}

/* Phone landscape and smaller*/
@media (max-width: @breakpoint-small-max) {

    .uk-visible-medium { display: none !important; }
    .uk-visible-large { display: none !important; }
    .uk-hidden-small { display: none !important; }

}

/* Remove from the flow and screen readers on any device */
.uk-hidden {
    display: none !important;
    visibility: hidden !important;
}

/* It's hidden, but still affects layout */
.uk-invisible { visibility: hidden !important; }

/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important;
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important;
}

/* Hide on touch */
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch { display: none !important; }

// Hooks
// ========================================================================

.hook-utility-misc;

.hook-container() {}
.hook-scrollable-box() {}
.hook-utility-misc() {}


Added mixins.less

Added mixins.less

/* Mixin */
@base: #663333;
@complement1: spin(@base, 180);
@complement2: darken(spin(@base, 180), 5%);
@lighten1: lighten(@base, 15%);
@lighten2: lighten(@base, 30%);

.opacity (@opacity: 0.5) {
  -webkit-opacity:  @opacity;
  -moz-opacity:     @opacity;
  opacity:    @opacity;
  filter:opacity(100*@opacity);
}

.border-radius (@radius: 5px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}

.border-radiuses (@topleft: 5px, @topright: 5px, @bottomright: 5px, @bottomleft: 5px) {
    -webkit-border-radius: @topleft @topright @bottomright @bottomleft;
    -moz-border-radius: @topleft @topright @bottomright @bottomleft;
    border-radius: @topleft @topright @bottomright @bottomleft;
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
    -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
    -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
    box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
}

.transition (@prop: all, @time: 1s, @ease: linear) {
    -webkit-transition: @prop @time @ease;
    -moz-transition: @prop @time @ease;
    -o-transition: @prop @time @ease;
    -ms-transition: @prop @time @ease;
    transition: @prop @time @ease;
}
.transition_ (@prop...) {
    -webkit-transition: @prop;
    -moz-transition: @prop;
    -o-transition: @prop;
    -ms-transition: @prop;
    transition: @prop;
}

.transition-duration(@duration: 0.2s) {
  -moz-transition-duration: @duration;
  -webkit-transition-duration: @duration;
  -o-transition-duration: @duration;
  transition-duration: @duration;
}

.transition-delay(@delay: 0.2s) {
  -moz-transition-delay: @delay;
  -webkit-transition-delay: @delay;
  -o-transition-delay: @delay;
  transition-delay: @delay;
}

.transform (@rotate: 90deg, @scale: 1, @skew: 1deg, @translate: 10px) {
    -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}

.rotation(@deg:5deg){
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  -webkit-transform: rotate(@deg);
  transform: rotate(@deg);
}

.scale(@ratio:1.5){
  -moz-transform: scale(@ratio);
  -o-transform: scale(@ratio);
  -webkit-transform: scale(@ratio);
  transform: scale(@ratio);
}

.translate(@x:0, @y:0) {
  .transform(translate(@x, @y));
}

.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  @opperc: @opacity * 100;
}

error: pathspec 'admin/assets/less/mixins.less' did not match any file(s) known to git


提交common_mobile.less

/*===reset===*/
html { -webkit-tap-highlight-color: transparent; height: 100%; min-width: 320px; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; overflow-scrolling: touch;  /*快速滚动和回弹，模拟原生app效果*/ }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe { margin: 0; padding: 0; }
body { font-family:Tahoma,Arial,sans-self; line-height: 1.5; font-size: 12px; height: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
fieldset, img { border: 0; }
address, caption, cite, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
a { text-decoration: none;}
img{color: #333;}
a:hover { text-decoration: none; }
a:visited{ color:#333;}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, select, button { font: 100% tahoma, \5b8b\4f53, arial; vertical-align: baseline; *vertical-align: middle; }
input[type=checkbox], input[type=radio] { vertical-align: middle; }
textarea { overflow: auto; font: 100% tahoma, \5b8b\4f53, arial; }
table { border-collapse: collapse; border-spacing: 0; }

/*HTML5*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
time, mark { display: inline; }
mark { background-color: #ff0; color: #000; }
audio:not([controls]) { display: none; height: 0; }
input[type=password],input[type=text], input[type=reset], input[type=submit], select, button, textarea { -webkit-appearance: none; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

error: pathspec 'src/assets/less/common_mobile.less' did not match any file(s) known to git


add partjs UIs

add partjs UIs

/**
 * PartJS UI.
 */
@import '../../../../less/bootstrap-vars.less';
@import '../../../../less/partjs-mixins.less';

/*
 * UI Pattern - Spot Box
 */
.spot-box {
	a, span, p {
		// See: http://css-tricks.com/forums/topic/automatically-fit-the-div-to-the-inner-content/
		display: inline-block;
		margin-top: 30px;

		img {
			border-radius: 7px 7px 7px 7px;
			display: block;
		}
		.info {
			margin-top: -80px;

			h2 {
				color: #fff;
				font-size: 24px;
				font-weight: normal;
				text-shadow: 1px 1px 2px #000, -1px -1px 2px #000;
			}
			h3 {
			    background-color: #000;
			    opacity: 0.7;
			    padding: 5%;

				color: #fff;
				font-size: 18px;
				font-weight: normal;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
			}
		}
	}
}

error: pathspec 'public/vendor/flatui/less/modules/partjs-ui.less' did not match any file(s) known to git


fix wrapping in ie

fix wrapping in ie

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.beatmap-score-top {
  @_top: beatmap-score-top;
  @avatar-size: 70px;

  display: flex;
  flex-direction: column;

  &:hover {
    background-color: #eee;
  }

  &__achieved {
    font-size: @font-size--small-2;
    color: #777;
    font-style: normal;
    font-weight: normal;
  }

  &__avatar {
    .default-border-radius();
    .default-box-shadow();

    flex: none;
    width: @avatar-size;
    height: @avatar-size;
    margin: 0px 10px;

    // clip avatar div following border radius
    overflow: hidden;
    .own-layer();
  }

  &__mods {
    margin-top: 10px;
    margin-left: (@avatar-size + 10px);
  }

  &__position {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
  }

  &__position-number {
    padding-bottom: 5px;
  }

  &__rank {
    flex: none;
    width: @avatar-size;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }

  &__section {
    width: 100%;
    padding: 10px;
    display: flex;

    .default-border-radius();
    .default-box-shadow();

    align-items: center;
    justify-content: space-between;

    @media @mobile {
      flex-direction: column;
    }
  }

  &__stat {
    display: flex;
    flex-direction: column;
    margin-right: 10px;

    @media @mobile {
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }

  &__stat-header {
    font-size: 10px;
    font-weight: 700;

    padding-bottom: 2px;

    border-bottom: 2px solid #BBB;
    text-transform: uppercase;

    width: 50px;

    &--wider {
      min-width: 80px;
      width: 100%;
    }

    &--mods {
      width: 100%;
      min-width: 30px;
    }
  }

  &__stat-value {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    margin-top: 4px;

    line-height: 0.9;

    &--smaller {
      font-size: 16px;
      font-weight: 500;
    }
  }

  &__stats {
    display: flex;
    flex-shrink: 1;
    justify-content: space-around;

    @media @desktop {
      margin: 5px 10px 5px 0px;
      justify-content: flex-end;
    }
  }

  &__user-box {
    flex: none;
  }

  &__username {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    padding-bottom: 5px;
    color: #555;
    display: block;
    margin-right: 10px;
  }

  &__wrapping-container {
    display: flex;
    flex-direction: row;
    align-items: center;

    &--left {
      flex-shrink: 0;
    }

    &--right {
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: flex-start;
      width: 100%; // 'cuz ie is a poop

      @media @mobile {
        justify-content: space-around;
      }
    }
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.beatmap-score-top {
  @_top: beatmap-score-top;
  @avatar-size: 70px;

  display: flex;
  flex-direction: column;

  &:hover {
    background-color: #eee;
  }

  &__achieved {
    font-size: @font-size--small-2;
    color: #777;
    font-style: normal;
    font-weight: normal;
  }

  &__avatar {
    .default-border-radius();
    .default-box-shadow();

    flex: none;
    width: @avatar-size;
    height: @avatar-size;
    margin: 0px 10px;

    // clip avatar div following border radius
    overflow: hidden;
    .own-layer();
  }

  &__mods {
    margin-top: 10px;
    margin-left: (@avatar-size + 10px);
  }

  &__position {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
  }

  &__position-number {
    padding-bottom: 5px;
  }

  &__rank {
    flex: none;
    width: @avatar-size;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }

  &__section {
    width: 100%;
    padding: 10px;
    display: flex;

    .default-border-radius();
    .default-box-shadow();

    align-items: center;
    justify-content: space-between;

    @media @mobile {
      flex-direction: column;
    }
  }

  &__stat {
    display: flex;
    flex-direction: column;
    margin-right: 10px;

    @media @mobile {
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }

  &__stat-header {
    font-size: 10px;
    font-weight: 700;

    padding-bottom: 2px;

    border-bottom: 2px solid #BBB;
    text-transform: uppercase;

    width: 50px;

    &--wider {
      min-width: 80px;
      width: 100%;
    }

    &--mods {
      width: 100%;
      min-width: 30px;
    }
  }

  &__stat-value {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    margin-top: 4px;

    line-height: 0.9;

    &--smaller {
      font-size: 16px;
      font-weight: 500;
    }
  }

  &__stats {
    display: flex;
    flex-shrink: 1;
    justify-content: space-around;

    @media @desktop {
      margin: 5px 10px 5px 0px;
      justify-content: flex-end;
    }
  }

  &__user-box {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  &__username {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    padding-bottom: 5px;
    color: #555;
    display: block;
    margin-right: 10px;
  }

  &__wrapping-container {
    display: flex;
    flex-direction: row;
    align-items: center;

    &--left {
      flex-shrink: 0;
    }

    &--right {
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: flex-start;
      width: 100%; // 'cuz ie is a poop

      @media @mobile {
        justify-content: space-around;
      }
    }
  }
}


修改样式 行高等

修改样式 行高等

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/alihanniba/WYWM.git/'


Improve UX on small screens

Improve UX on small screens

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/clee704/cpucoolerchart.git/'


Add margin to bottom of form

Add margin to bottom of form

fatal: unable to access 'https://github.com/kevinbrosamle/ticket-sherpa.git/': The requested URL returned error: 403


Make notifications open with transition in chorme

The notification bar would not slowly slide in like in other browsers
when using chorme. Not changing the positioning form `relative` to
`absolute` when toggeling fixes this.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/mhelmetag/exercism.io.git/'


changes for bug fix name display hidden

changes for bug fix name display hidden

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/deep0892/jitendrachatbot.git/'


Fix scroll glitch with expand/collapse actions.

section {
	.list {
		.listmesg {
			.message-list;
			margin: 1em 0;
		}

		.listitem {
			background-color: @ListItemBackgroundColor;
			border-radius: 0.35em;
			line-height: 1.5em;
			margin-bottom: 1em;
			overflow: auto;
			padding: 0.25em 4em 0.25em 1em;
			position: relative;

			.actions {
				visibility: hidden;

				a {
					color: fade(@TextColorB, 25);
					float: left;
					text-decoration: none;

					&::before {
						margin-right: 0;
						text-align: center;
						width: 1.5em;
					}

					&:hover {
						color: @TextColorB;
					}
				}
			}

			& > .actions {
				float: right;
				font-size: 1.25em;
				line-height: 1.5em;
				list-style-type: none;
				margin-left: 2em;
				margin-top: -0.75em;
				position: absolute;
				right: 1em;
				top: 50%;

				a {
					&::before {
						text-align: center;
						width: 100%;
					}
				}
			}

			.date,
			.desc,
			.type {
				color: fade(@TextColorB, 75);
			}

			.date {
				visibility: hidden;
				float: right;
				line-height: 3em;
			}

			.name {
				float: left;
				margin-right: 0.5em;

				a {
					color: @TextColorB;
				}

				& + .actions {
					a::before {
						float: left;
					}
				}
			}

			.desc {
				clear: left;
				float: left;

				span {
					color: @TextColorB;

					&.count {
						background-color: @TextColorB;
						border-radius: 1em;
						color: @ListItemBackgroundColor;
						display: inline-block;
						font-size: 0.85em;
						margin-left: 0.5em;
						min-width: 1.4em;
						line-height: 1.2em;
						text-align: center;
					}
				}
			}

			dl {
				dt {
					.type {
						float: left;
						margin: 0 0.25em;
						text-transform: uppercase;
					}
				}

				dd {
					clear: left;

					.name {
						float: none;
					}

					&.desc {
						&::before {
							content: '› ';
						}

						&:hover {
							a {
								visibility: visible;
							}
						}

						a {
							color: fade(@TextColorB, 25);
							margin-left: 0.25em;
							text-decoration: none;
							visibility: hidden;

							&:hover {
								color: @TextColorB;
							}
						}
					}

					&.block {
						padding: 0 1em;
						overflow: auto;

						label,
						input,
						.note {
							float: left;
						}

						label,
						input {
							clear: left;
						}

						.note {
							margin: 0.35em 0.75em;
							padding: 0.25em 0;
						}
					}
				}
			}

			&:hover {
				.actions,
				.date {
					visibility: visible;
				}
			}

			&[draggable=true] {
				cursor: move;
			}

			&.dragged {
				* {
					opacity: 0.65;
				}
			}

			&.linked {
				display: none;
			}

			&.active,
			&.dragover {
				background-color: @MainColor;
				color: @BackgroundColor;

				.actions {
					a {
						color: fade(@BackgroundColor, 50);

						&:hover {
							color: @BackgroundColor;
						}
					}
				}

				.date,
				.desc,
				.type {
					color: fade(@BackgroundColor, 75);
				}

				.desc {
					span {
						color: @BackgroundColor;
					}
				}
			}
		}
	}
}

section {
	.list {
		.listmesg {
			.message-list;
			margin: 1em 0;
		}

		.listitem {
			background-color: @ListItemBackgroundColor;
			border-radius: 0.35em;
			line-height: 1.5em;
			margin-bottom: 1em;
			overflow: auto;
			padding: 0.25em 4em 0.25em 1em;
			position: relative;

			.actions {
				visibility: hidden;

				a {
					color: fade(@TextColorB, 25);
					text-decoration: none;

					&::before {
						margin-right: 0;
						text-align: center;
						width: 1.5em;
					}

					&:hover {
						color: @TextColorB;
					}
				}
			}

			& > .actions {
				float: right;
				font-size: 1.25em;
				line-height: 1.5em;
				list-style-type: none;
				margin-left: 2em;
				margin-top: -0.75em;
				position: absolute;
				right: 1em;
				top: 50%;

				a {
					&::before {
						text-align: center;
						width: 100%;
					}
				}
			}

			.date,
			.desc,
			.type {
				color: fade(@TextColorB, 75);
			}

			.date {
				visibility: hidden;
				float: right;
				line-height: 3em;
			}

			.name {
				float: left;
				margin-right: 0.5em;

				a {
					color: @TextColorB;
				}

				& + .actions {
					a::before {
						float: left;
					}
				}
			}

			.desc {
				clear: left;
				float: left;

				span {
					color: @TextColorB;

					&.count {
						background-color: @TextColorB;
						border-radius: 1em;
						color: @ListItemBackgroundColor;
						display: inline-block;
						font-size: 0.85em;
						margin-left: 0.5em;
						min-width: 1.4em;
						line-height: 1.2em;
						text-align: center;
					}
				}
			}

			dl {
				dt {
					.type {
						float: left;
						margin: 0 0.25em;
						text-transform: uppercase;
					}
				}

				dd {
					clear: left;

					.name {
						float: none;
					}

					&.desc {
						&::before {
							content: '› ';
						}

						&:hover {
							a {
								visibility: visible;
							}
						}

						a {
							color: fade(@TextColorB, 25);
							margin-left: 0.25em;
							text-decoration: none;
							visibility: hidden;

							&:hover {
								color: @TextColorB;
							}
						}
					}

					&.block {
						padding: 0 1em;
						overflow: auto;

						label,
						input,
						.note {
							float: left;
						}

						label,
						input {
							clear: left;
						}

						.note {
							margin: 0.35em 0.75em;
							padding: 0.25em 0;
						}
					}
				}
			}

			&:hover {
				.actions,
				.date {
					visibility: visible;
				}
			}

			&[draggable=true] {
				cursor: move;
			}

			&.dragged {
				* {
					opacity: 0.65;
				}
			}

			&.linked {
				display: none;
			}

			&.active,
			&.dragover {
				background-color: @MainColor;
				color: @BackgroundColor;

				.actions {
					a {
						color: fade(@BackgroundColor, 50);

						&:hover {
							color: @BackgroundColor;
						}
					}
				}

				.date,
				.desc,
				.type {
					color: fade(@BackgroundColor, 75);
				}

				.desc {
					span {
						color: @BackgroundColor;
					}
				}
			}
		}
	}
}


mapped class .EXLRecommendTabDisable to Bootstrap .hide

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Det-Kongelige-Bibliotek/rex.git/'


fixed label

fixed label

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Digipalvelutehdas/APIKA.git/'


Update static/vendors/bootstrap/less/mixins/grid-framework.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

// Framework grid generation
//
// Used only by Bootstrap to generate the correct number of grid classes given
// any value of `@grid-columns`.

.make-grid-columns() {
  // Common styles for all sizes of grid columns, widths 1-12
  .col(@index) { // initial
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
  .col(@index, @list) when (@index > @grid-columns) { // terminal
    @{list} {
      position: relative;
      // Prevent columns from collapsing when empty
      min-height: 1px;
      // Inner gutter via padding
      padding-left:  (@grid-gutter-width / 2);
      padding-right: (@grid-gutter-width / 2);
    }
  }
  .col(1); // kickstart it
}

.float-grid-columns(@class) {
  .col(@index) { // initial
    @item: ~".col-@{class}-@{index}";
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) { // general
    @item: ~".col-@{class}-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
  .col(@index, @list) when (@index > @grid-columns) { // terminal
    @{list} {
      float: left;
    }
  }
  .col(1); // kickstart it
}

.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
  .col-@{class}-@{index} {
    width: percentage((@index / @grid-columns));
  }
}
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
  .col-@{class}-push-@{index} {
    left: percentage((@index / @grid-columns));
  }
}
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
  .col-@{class}-push-0 {
    left: auto;
  }
}
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
  .col-@{class}-pull-@{index} {
    right: percentage((@index / @grid-columns));
  }
}
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
  .col-@{class}-pull-0 {
    right: auto;
  }
}
.calc-grid-column(@index, @class, @type) when (@type = offset) {
  .col-@{class}-offset-@{index} {
    margin-left: percentage((@index / @grid-columns));
  }
}

// Basic looping in LESS
.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
  .calc-grid-column(@index, @class, @type);
  // next iteration
  .loop-grid-columns((@index - 1), @class, @type);
}

// Create grid for specific class
.make-grid(@class) {
  .float-grid-columns(@class);
  .loop-grid-columns(@grid-columns, @class, width);
  .loop-grid-columns(@grid-columns, @class, pull);
  .loop-grid-columns(@grid-columns, @class, push);
  .loop-grid-columns(@grid-columns, @class, offset);
}

error: pathspec 'static/vendors/bootstrap/less/mixins/grid-framework.less' did not match any file(s) known to git