remove extraneous scrollbar

remove extraneous scrollbar

@import "app/styles/imports/commonImports.less";

.modal-header {

  h2, h3 {
    margin-top: 0;
  }

  .steps-indicator {
    position: relative;
    height: 50px;
    overflow-x: hidden;

    &:before {
      top: 10px;
    }

    li {
      margin-top: 10px;
      font-size: 80%;
      padding: 10px 3px 0;
      transition: all 0.25s ease-in-out;

      &.ng-enter {
        transform: scale(2.0);
        opacity: 0.6;
      }
      &.ng-enter.ng-enter-active {
        transform: scale(1.0);
        opacity: 1;
      }
      &.ng-leave {
        transform: scale(1.0);
        opacity: 1;
      }
      &.ng-leave.ng-leave-active {
        transform: scale(0.0);
        opacity: 0;
      }

      a:before {
        background-color: transparent;
        font-size: 120%;
        font-family: 'Glyphicons Halflings';
        left: ~'calc(50% - 7px)';
      }

      &.done {
        a:before {
          color: #339933;
          content: "\e089";
        }
        &.dirty {
          a:before {
            .pulsing();
            color: @state-danger-text;
            content: "\e088";
          }
        }
      }
      &.current {
        a:before {
          background-color: @spinnaker-blue;
          content: '';
        }
      }
      &.default {
        a:before {
          color: #808080;
          content: '\e090';
        }
      }
    }
  }
}

.pulsing {
  -webkit-animation: pulse linear 1.5s infinite;
  animation: pulse linear 1.5s infinite;
}

@-webkit-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: .25; }
  100% { opacity: 1; }
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: .25; }
  100% { opacity: 1; }
}

.modal-body {
  h3, h4 {
    margin-top: 0;
  }
}

.wizard-subheading {
  padding: 0 15px;
}

.steps {
  width: 1200px;
  overfow-x: hidden;
  .modal-page {
    position: relative;
    width: 600px;
    float: left;
  }
  .clearfix();
}

.forward {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: 0;
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: -600px;
    }
  }
}

.back {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: -600px;
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: 0;
    }
  }
}

.jump {
  .modal-page {
    &.ng-leave, &.ng-enter.ng-enter-active {
      opacity: 1;
    }
    &.ng-enter, &.ng-leave.ng-leave-active {
      opacity: 0;
    }
  }
}

.forward, .back {
  .modal-page {
    &.ng-leave, &.ng-enter {
      transition: opacity 0.15s ease-in-out, left 0.35s ease-in-out;
    }
  }
}

.select2-container-multi {
  &.select2-container-active {
    .select2-choices {
      border: 0;
      box-shadow: none;
      .select2-search-field {
        border: 1px solid #66afe9;

        &:before {
          content: '';
        }
      }
    }
  }
  .select2-choices {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    .select2-search-field {
      width: calc(~"100% - 30px");
      float: none;
      border: 1px dashed #a5a5a5;
      color: #a5a5a5;
      padding: 0;
      margin: 4px 0 0 0;
      cursor: pointer;
      background-color: transparent;

      &:before {
        content: 'Add...';
        padding-left: 8px;
        opacity: 0.5;
      }
    }
    .select2-search-choice {
      float: none;
      margin: 0 0 5px 0;
      border: 0;
      padding: 0;
      div {
        padding: 5px;
        width: calc(~"100% - 30px");
        display: inline-block;
        border: 1px solid #cccccc;
        border-radius: 4px;
      }
      .select2-search-choice-close {
        float: none;
        position: relative;
        top: 50%;
        display: inline-block;
        margin-top: 4px;
        &:before {
          content: "\e020";
          font-size: 12px;
          font-family: 'Glyphicons Halflings';
          width: 13px;
          display: inline-block;
        }
        width: 2px;
      }
    }
  }
}

.task-progress {
  list-style-type: none;
  li {
    margin-bottom: 5px;
    .glyphicon-ok-circle {
      color: @healthy_green_border;
    }
    .glyphicon-warning-sign {
      color: @text_error;
    }
  }
  &.task-progress-refresh {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid @mid_grey;
  }
  &.task-progress-running {
    margin-top: 20px;
    text-align: center;
    .glyphicon {
      font-size: 150%;
      color: @healthy_green_border;
    }
  }
}

.overlay-modal {
  transition: height 0.5s ease-in-out;
  height: 0;
  opacity: 0;
  overflow-y: auto;
  border-bottom: 2px solid @dark_grey;

  .overlay-modal-status {
    padding: 0 30px;
  }
  .overlay-modal-error {
    padding: 30px 30px 0 30px;
    color: @text_error;
  }
  .modal-body {
    overflow-y: auto;
    margin: 0;
    padding-top: 20px;
    height: ~'calc(100% - 135px)';
  }
  .modal-header, .modal-footer {
    position: relative;
    width: 100%;
    background-color: #ffffff;
  }
  .modal-header {
    top: 0;
    z-index: 2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .modal-footer {
    bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}

@import "app/styles/imports/commonImports.less";

.modal-header {

  h2, h3 {
    margin-top: 0;
  }

  .steps-indicator {
    position: relative;
    height: 50px;
    overflow-x: hidden;

    &:before {
      top: 10px;
    }

    li {
      margin-top: 10px;
      font-size: 80%;
      padding: 10px 3px 0;
      transition: all 0.25s ease-in-out;

      &.ng-enter {
        transform: scale(2.0);
        opacity: 0.6;
      }
      &.ng-enter.ng-enter-active {
        transform: scale(1.0);
        opacity: 1;
      }
      &.ng-leave {
        transform: scale(1.0);
        opacity: 1;
      }
      &.ng-leave.ng-leave-active {
        transform: scale(0.0);
        opacity: 0;
      }

      a:before {
        background-color: transparent;
        font-size: 120%;
        font-family: 'Glyphicons Halflings';
        left: ~'calc(50% - 7px)';
      }

      &.done {
        a:before {
          color: #339933;
          content: "\e089";
        }
        &.dirty {
          a:before {
            .pulsing();
            color: @state-danger-text;
            content: "\e088";
          }
        }
      }
      &.current {
        a:before {
          background-color: @spinnaker-blue;
          content: '';
        }
      }
      &.default {
        a:before {
          color: #808080;
          content: '\e090';
        }
      }
    }
  }
}

.pulsing {
  -webkit-animation: pulse linear 1.5s infinite;
  animation: pulse linear 1.5s infinite;
}

@-webkit-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: .25; }
  100% { opacity: 1; }
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: .25; }
  100% { opacity: 1; }
}

.modal-body {
  h3, h4 {
    margin-top: 0;
  }
}

.wizard-subheading {
  padding: 0 15px;
}

.steps {
  width: 1200px;
  overfow-x: hidden;
  .modal-page {
    position: relative;
    width: 600px;
    float: left;
  }
  .clearfix();
}

.forward {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: 0;
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: -600px;
    }
  }
}

.back {
  .modal-page {
    &.ng-leave, &.ng-enter {
      left: -600px;
    }
    &.ng-leave.ng-leave-active, &.ng-enter.ng-enter-active {
      left: 0;
    }
  }
}

.jump {
  .modal-page {
    &.ng-leave, &.ng-enter.ng-enter-active {
      opacity: 1;
    }
    &.ng-enter, &.ng-leave.ng-leave-active {
      opacity: 0;
    }
  }
}

.forward, .back {
  .modal-page {
    &.ng-leave, &.ng-enter {
      transition: opacity 0.15s ease-in-out, left 0.35s ease-in-out;
    }
  }
}

.select2-container-multi {
  &.select2-container-active {
    .select2-choices {
      border: 0;
      box-shadow: none;
      .select2-search-field {
        border: 1px solid #66afe9;

        &:before {
          content: '';
        }
      }
    }
  }
  .select2-choices {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    .select2-search-field {
      width: calc(~"100% - 30px");
      float: none;
      border: 1px dashed #a5a5a5;
      color: #a5a5a5;
      padding: 0;
      margin: 4px 0 0 0;
      cursor: pointer;
      background-color: transparent;

      &:before {
        content: 'Add...';
        padding-left: 8px;
        opacity: 0.5;
      }
    }
    .select2-search-choice {
      float: none;
      margin: 0 0 5px 0;
      border: 0;
      padding: 0;
      div {
        padding: 5px;
        width: calc(~"100% - 30px");
        display: inline-block;
        border: 1px solid #cccccc;
        border-radius: 4px;
      }
      .select2-search-choice-close {
        float: none;
        position: relative;
        top: 50%;
        display: inline-block;
        margin-top: 4px;
        &:before {
          content: "\e020";
          font-size: 12px;
          font-family: 'Glyphicons Halflings';
          width: 13px;
          display: inline-block;
        }
        width: 2px;
      }
    }
  }
}

.task-progress {
  list-style-type: none;
  li {
    margin-bottom: 5px;
    .glyphicon-ok-circle {
      color: @healthy_green_border;
    }
    .glyphicon-warning-sign {
      color: @text_error;
    }
  }
  &.task-progress-refresh {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid @mid_grey;
  }
  &.task-progress-running {
    margin-top: 20px;
    text-align: center;
    .glyphicon {
      font-size: 150%;
      color: @healthy_green_border;
    }
  }
}

.overlay-modal {
  transition: height 0.5s ease-in-out;
  height: 0;
  opacity: 0;
  overflow-y: scroll;
  border-bottom: 2px solid @dark_grey;

  .overlay-modal-status {
    padding: 0 30px;
  }
  .overlay-modal-error {
    padding: 30px 30px 0 30px;
    color: @text_error;
  }
  .modal-body {
    overflow-y: auto;
    margin: 0;
    padding-top: 20px;
    height: ~'calc(100% - 135px)';
  }
  .modal-header, .modal-footer {
    position: relative;
    width: 100%;
    background-color: #ffffff;
  }
  .modal-header {
    top: 0;
    z-index: 2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .modal-footer {
    bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}


Add default Bootstrap breakpoints to variables.less.

Signed-off-by: aixxe <b1c1d8736f20db3fb6c1c66bb1455ed43909f0d8@aixxe.net>

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/aixxe/kayo.git/'


Mobile optimization

Mobile optimization

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/MenesesEvandro/WCF.git/'


updated status class

updated status class

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/'


researching popovers arrow

researching popovers arrow

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/DellGDC/dell-ui-components.git/'


Better no-results styles

Better no-results styles

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  .form-control;
  display: inline-block;
  padding: 4px 10px 3px;
  top: -1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  max-width: 180px;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
  Force border-box so that % widths fit the parent
  container without overlap because of margin/padding.
  More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -moz-box-sizing: border-box; /* firefox */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  overflow: hidden;
  position: relative;

  white-space: nowrap;
  text-decoration: none;

  border-radius: 4px;

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  color: @gray-dark;

  &.select2-default {
    color: @gray-light;
  }
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;

  border-radius: 0 0 4px 4px;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 18px;

  font-family: 'sentry-simple';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  &:before {
    content: "\e043";
  }
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -2px;
  position: absolute;
  z-index: 9999;
  top: 100%;

  background: #fff;
  border-radius: 0 0 3px 3px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid @trim;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}

.select2-drop-active {
  border: 1px solid @trim;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #ccc;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: -5px;
  top: -20px;

  &:after {
    font-family: "sentry-simple";
    font-size: 16px;
    content: "\e60f";
    display: block;
  }
}
.select2-active .select2-arrow {
  &:after {
    content: "\e610";
  }
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;

  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;

  position: relative;
  z-index: 10000;

  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 22px;
  padding: 4px 20px 4px 5px;
  margin: 0;

  outline: 0;
  font-family: sans-serif;
  font-size: 1em;

  border: 1px solid @trim;
  border-radius: 2px;

  -webkit-box-shadow: none;
  box-shadow: none;

  background: #fff;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;

  background: #fff;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 15px;
  color: @gray;
  border-radius: 0 0 3px 3px;
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;

  min-height: 1em;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
  background: @blue;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: darken(@bgColor, 2);
  display: list-item;
  padding-left: 5px;
  font-size: 14px;
  text-align: center;
  color: @gray;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, .2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;

  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;

  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;

  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;

  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background-color: #e4e4e4;
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  .form-control;
  display: inline-block;
  padding: 4px 10px 3px;
  top: -1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  max-width: 180px;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
  Force border-box so that % widths fit the parent
  container without overlap because of margin/padding.
  More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -moz-box-sizing: border-box; /* firefox */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  overflow: hidden;
  position: relative;

  white-space: nowrap;
  text-decoration: none;

  border-radius: 4px;

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  color: @gray-dark;

  &.select2-default {
    color: @gray-light;
  }
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;

  border-radius: 0 0 4px 4px;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 18px;

  font-family: 'sentry-simple';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  &:before {
    content: "\e043";
  }
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -2px;
  position: absolute;
  z-index: 9999;
  top: 100%;

  background: #fff;
  border-radius: 0 0 3px 3px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid @trim;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}

.select2-drop-active {
  border: 1px solid @trim;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #ccc;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: -5px;
  top: -20px;

  &:after {
    font-family: "sentry-simple";
    font-size: 16px;
    content: "\e60f";
    display: block;
  }
}
.select2-active .select2-arrow {
  &:after {
    content: "\e610";
  }
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;

  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;

  position: relative;
  z-index: 10000;

  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 22px;
  padding: 4px 20px 4px 5px;
  margin: 0;

  outline: 0;
  font-family: sans-serif;
  font-size: 1em;

  border: 1px solid @trim;
  border-radius: 2px;

  -webkit-box-shadow: none;
  box-shadow: none;

  background: #fff;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;

  background: #fff;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 15px;
  color: @gray;
  border-radius: 0 0 3px 3px;
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;

  min-height: 1em;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
  background: @blue;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, .2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;

  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;

  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;

  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;

  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background-color: #e4e4e4;
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}


Removed commented code

Removed commented code

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/stxnext/intranet-open.git/'


fixed header height (40px)

fixed header height (40px)

.navbar {
  /* fallback */
  background-color: #1F93D0;
  height: 40px;
  width: 100%;
  border-radius: 0;
  position: relative;
  min-height: 40px;
}

.desktopHeader {
  visibility: hidden;
  display: none;
  margin-bottom: 60px;
}

@media (min-width : 451px) {
  .mobileHeader {
    visibility: hidden;
    display: none;
  }
  .desktopHeader {
    visibility: visible;
    display: block;
  }
}

.logo, .wordmark {
  height: 30px;
  margin-top: 10px;
  padding-left: 28px;
}

.wordmark {
  height: 40px;
  margin-top: -1px;
}

.redirect {
  margin: 9px 26px 0 0;
  float: right;
  color: #F9F7FF;
  a {
    color: #F9F7FF;
  }
}

.navbar {
  /* fallback */
  background-color: #1F93D0;
  height: 40px;
  width: 100%;
  border-radius: 0;
  position: relative;
}

.desktopHeader {
  visibility: hidden;
  display: none;
  margin-bottom: 60px;
}

@media (min-width : 451px) {
  .mobileHeader {
    visibility: hidden;
    display: none;
  }
  .desktopHeader {
    visibility: visible;
    display: block;
  }
}

.logo, .wordmark {
  height: 30px;
  margin-top: 10px;
  padding-left: 28px;
}

.wordmark {
  height: auto;
  margin-top: 3px;
}

.redirect {
  margin: 13px 26px 0 0;
  float: right;
  color: #F9F7FF;
  a {
    color: #F9F7FF;
  }
}


Better namespace the website footer

Better namespace the website footer

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/hevnly/asset-bazaar.git/'


do not punish other browsers

do not punish other browsers

@import 'lib';

#addon {
    position: relative;
    padding: 20px 20px 20px 104px;
    .icon {
        position: absolute;
        top: 20px;
        left: 20px;
        margin: 0 12px 1em 0;
    }
    #addon-summary {
        font-size: 16px;
        line-height: 20px;
    }
    h1 {
        color: @dark-gray;
        margin: 0 0 2px;
        padding-right: 54px;
    }
    .badge {
        font-size: 14px;
        margin: 0 1em;
    }
    .install-shell {
        font-family: @sans-stack;
    }
}
.html-rtl #addon {
    padding: 20px 104px 20px 20px;
    .icon {
        left: auto;
        right: 20px;
        margin: 0 0 1em 12px;
    }
    h1 {
        padding-right: 0;
        padding-left: 54px;
        text-align: right;
    }
    .notavail {
        padding: 1px 18px 1px 0;
        margin-right: 0;
        margin-left: 14px;
    }
}

#addon .notavail,
#eula .notavail {
    font-family: @sans-stack;
    font-size: 12px;
    line-height: 12px;
    padding: 1px 0 1px 18px;
    margin-right: 14px;  /* Match the padding of .install. */
    background: url(../../img/impala/no.png) 0 30% no-repeat;
    white-space: nowrap;
}

.html-rtl #addon .notavail,
.html-rtl #eula .notavail {
    background-position: 100% 30%;
    padding: 1px 18px 1px 0;
}

#addon .acr-incompat,
#eula .acr-incompat {
    background: none;
    padding: 1px 0 !important;
}

.version-number {
    color: #999;
    font-size: .8em;
}

.notice {
    .border-radius(5px);
    .box-shadow(0 -1px 0 #D7E1ED inset, 0 1px 0 rgba(0, 0, 0, 0.05));
    border: 1px solid #CCD6E3;
    padding: 14px;
    background: #E3EDFA;
    margin-bottom: 1em;
    h3 {
        font-style: italic;
        font-size: 16px;
    }
    p {
        margin-top: .5em;
    }
    b {
        color: #333;
    }
    .prose {
        color: @medium-gray;
        li {
            margin-bottom: .5em;
        }
    }
    &.author {
        min-height: 64px;
        position: relative;
        .aux {
            float: right;
            margin-left: 7px;
            text-align: center;
            p {
                font-size: 11px;
            }
        }
        .continue {
            display: block;
            margin-top: .25em;
        }
        .avatar {
            height: 64px;
            width: 64px;
            position: absolute;
            left: 20px;
            top: 1em;
        }
        #contribute-box {
            display: none;
        }
    }
    &.author,
    &.performance-note {
        padding-left: 104px;
    }
    &.performance-note {
        background: url(../../img/impala/turtle.png) no-repeat 28px 16px #fff8dc;
        border-color: #e2dbbf;
        .box-shadow(0 -1px 0 #F7F0D5 inset, 0 1px 0 rgba(0, 0, 0, 0.05));
    }
    &.upsell,
    &.dependencies {
        > h3 {
            margin: 0 0 .5em;
        }
    }
    &.upsell {
        min-height: 64px;
        position: relative;
        .premium {
            position: absolute;
            top: 14px;
            right: 7px;
            h3 {
                font: bold 13px/16px @sans-stack;
            }
        }
    }
    &.dependencies {
        background-color: #f8ffdc;
        border-color: #dbe2bf;
    }
}

.html-rtl .notice {
    &.author,
    &.performance-note {
        padding: 14px 104px 14px 14px;
    }
    &.performance-note {
        background-position: 96% 16px;
    }
    &.upsell {
        .premium {
            right: auto;
            left: 21px;
        }
    }
}

.addon-vitals {
    .stars {
        margin: 0 0 4px;
    }
    font-size: 16px;
    line-height: 1.4em;
    .widgets {
        margin: 23px 0 8px;
        font-size: 14px;
        .widget {
            color: #999;
            display: block;
        }
    }
    .stats {
        padding-right: 20px;
        b {
            color: #333;
        }
        color: @medium-gray;
        background: url("../../img/impala/stats.png") no-repeat right top;
        &:hover {
            color: @link;
            background-position: right -20px;
        }
    }
}

.gutter aside {
    color: @medium-gray;
    padding-top: 1em;
}

.addon-reviews > div {
    margin-bottom: 1em;
    font-size: 14px;
}

.widget {
    padding-left: 21px;
    background: url(../../img/impala/widgets.png) no-repeat 0 4px;
    white-space: nowrap;
    &:hover {
        color: @link;
    }
    &.favorite {
        &.faved {
            .sprite-pos(2, 20, 4px);
        }
        &:hover {
            .sprite-pos(1, 20, 4px);
        }
    }
    &.collection-add {
        .sprite-pos(3, 20, 4px);
        &:hover {
            .sprite-pos(4, 20, 4px);
        }
    }
    &.share {
        .sprite-pos(5, 20, 4px);
        &:hover {
            .sprite-pos(6, 20, 4px);
        }
    }
    &.ajax-loading {
        background: url(../../img/zamboni/loading-white.gif) no-repeat 0 2px !important;
    }
}
.html-rtl {
    .widget {
        padding-right: 21px;
        padding-left: 0;
        background-position: right 4px;
        &.favorite {
            &.faved {
                .sprite-pos-right(2, 20, 4px);
            }
            &:hover {
                .sprite-pos-right(1, 20, 4px);
            }
        }
        &.collection-add {
            .sprite-pos-right(3, 20, 4px);
            &:hover {
                .sprite-pos-right(4, 20, 4px);
            }
        }
        &.share {
            .sprite-pos-right(5, 20, 4px);
            &:hover {
                .sprite-pos-right(6, 20, 4px);
            }
        }
        &.ajax-loading {
            background-position: right 2px;
        }
    }
}

.previews {
    background: -moz-radial-gradient(top,
                                     ellipse farthest-side,
                                     rgba(16, 83, 130, 0.5),
                                     rgba(16, 83, 130, 0)),
                -moz-radial-gradient(bottom,
                                     ellipse farthest-side,
                                     rgba(16, 83, 130, 0.5),
                                     rgba(16, 83, 130, 0)),
                -moz-linear-gradient(left,
                                     #F4F8FC,
                                     rgba(255,255,255,0),
                                     #F4F8FC),
                -moz-linear-gradient(top,
                                     rgba(255,255,255,0),
                                     #F4F8FC 50px,
                                     #F4F8FC 180px,
                                     rgba(255,255,255,0));
    background-size: 100% 5px, 100% 5px, auto, auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 0 0, 0 bottom, 0 0, 0 0;
    overflow: hidden;
    clear: both;
    position: relative;
    margin: 2em 0;
    padding: 30px 5%;
    li a {
        .transition-duration(0.3s);
        .transition-property(~'top, border-color, -moz-box-shadow');
        .box-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
        border: 1px solid #ccc;
        display: block;
        margin: 0 auto;
        text-align: center;
        height: 150px;
        width: 200px;
        background: #fff;
        padding: 5px;
        position: relative;
        top: 0;
        &:hover {
            border-color: @link;
            .box-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
            top: -4px;
        }
        img {
            display: inline-block;
            vertical-align: middle;
        }
    }
    .panel {
        width: 100% / 3;
        a {
            display: block;
            text-align: center;
        }
    }
    .control {
        &.next {
            background: -moz-linear-gradient(left, fadeOut(#fff, 100%), #fff 50%);
        }
        &.prev {
            background: -moz-linear-gradient(left, #fff 50%, fadeOut(#fff, 100%));
        }
    }
}

.previews, #lightbox {
    .control {
        display: block;
        position: absolute;
        height: 100%;
        width: 5%;
        text-decoration: none;
        font-size: 48px;
        font-family: @serif-stack;
        text-align: center;
        line-height: 200px;
        top: 0;
        z-index: 100;
        .transition(color, .3s);
        &.next {
            right: 0;
        }
        &.prev {
            left: 0;
        }
        &.disabled {
            color: #ccc;
        }
    }
}

.metadata {
    li {
        line-height: 1.4em;
        border: none;
        a {
            padding: 0;
            display: inline;
            line-height: 1;
        }
        a:hover {
            background: transparent;
            text-decoration: underline;
        }
    }
    .links {
        font-size: 14px;
        margin-bottom: 1em;
        li {
            margin-bottom: 4px;
        }
        a {
            padding-left: 18px;
        }
        .support, .home {
            background: url(../../img/impala/home.png) no-repeat left -18px;
        }
        .email {
            background: url(../../img/impala/email.png) no-repeat left -18px;
        }
        .support-gs {
            background: url(../../img/impala/getsatisfaction.png) no-repeat left -18px;
        }
    }
}
#tagbox {
    li, a {
        border: none;
        display: inline;
        padding: 0 1px 0 0;
        line-height: 1.2em;
    }
    li:not(:last-child):after {
        content: '\00B7';
    }
}

#privacy-policy {
    overflow: hidden;
    position: relative;
    padding: 1em;
    h1 {
        line-height: 25px;
    }
    .prose {
        height: 400px;
        padding: 1em 0 0;
        overflow: auto;
    }
}
.banner-box {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 100px;
    width: 100px;
    overflow: hidden;
    pointer-events: none;
}
.banner {
    padding: 6px 60px;
    background: #489615;
    text-transform: uppercase;
    font: bold 13px @sans-stack;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    .transform(translate(50%, -50%) rotate(45deg) translateY(55px));
    white-space: nowrap;
}

.html-rtl .banner-box {
    right: auto;
    left: -1px;
    .banner {
        .transform(translate(-50%, -50%) rotate(315deg) translateY(55px));
        right: auto;
        left: 0;
    }
}

.secondary .addon {
    hgroup {
        position: relative;
        padding-left: 40px;
        img {
            position: absolute;
            left: 0;
            top: 0;
            width: 32px;
            height: 32px;
        }
        h1 {
            font: bold 16px/18px @serif-stack;
            text-transform: none;
            margin: 0 0 4px;
            padding: 0;
        }
        h4 {
            font-size: 12px;
            line-height: 14px;
        }
    }
}

span.no-restart,
span.featured {
    background-color: #e8933a;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font: bold 9px/11px Arial;
    margin: 4px 0 0 4px;
    padding: 3px 6px;
    text-transform: uppercase;
    vertical-align: 3px;
}
span.featured {
    background-color: #093;
}

.html-rtl span.no-restart,
.html-rtl span.featured {
    margin: 4px 4px 0 0;
}

/* Inline Warning */
.listing .warning {
    background-color: #FFEDF2;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 10px 20px;
    h2 {
        color: @error-red;
    }
}

/* Paypal Modal */
.paypal-modal {
    .price {
        color: #D4904D;
        float: right;
        font-weight: bold;
    }
    .paypal-links {
        font-size: 0.8em;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px dotted #ccc;
        span {
            padding: 0 3px;
        }
    }
    section {
        border-top: 1px dotted #ccc;
        margin-top: 1em;
        padding-top: 1em;
        &:first-child {
            border-top: 0 none;
            padding-top: 0;
            margin-top: 0;
        }
    }
    .paypal-parent {
        text-align: center;
        h1, h2 {
            text-align: left;
        }
        h5 {
            font-size: 2em;
            line-height: 2em;
        }
        p {
            font-size: 0.9em;
            color: #999;
        }
    }
    .paypal-user {
        text-align: left;
        margin-bottom: 1em;
        color: #555;
        strong {
            font-weight: bold;
        }
    }
    div.login {
        border-bottom: 1px dotted #CCC;
        margin: 0 0 1em;
        padding: 0 0 1em;
        label {
            color: #777;
            display: inline-block;
            font-weight: normal;
            width: 100px;
            &.check {
                width: 500px;
                color: #333;
            }
        }
        #remember-me {
            padding-left: 100px;
        }
        input {
            margin-bottom: 5px;
        }
        .errorlist {
            color: @error-red;
            margin-left: 105px;
            padding-bottom: 5px;
        }
        .notification-box {
            border: 0 none;
            .box-shadow(0 0 white);
            h2 {
              font-family: @sans-stack;
              font-size: 1em;
              font-weight: normal;
            }
        }
    }
}

@import 'lib';

#addon {
    position: relative;
    padding: 20px 20px 20px 104px;
    .icon {
        position: absolute;
        top: 20px;
        left: 20px;
        margin: 0 12px 1em 0;
    }
    #addon-summary {
        font-size: 16px;
        line-height: 20px;
    }
    h1 {
        color: @dark-gray;
        margin: 0 0 2px;
        padding-right: 54px;
    }
    .badge {
        font-size: 14px;
        margin: 0 1em;
    }
    .install-shell {
        font-family: @sans-stack;
    }
}
.html-rtl #addon {
    padding: 20px 104px 20px 20px;
    .icon {
        left: auto;
        right: 20px;
        margin: 0 0 1em 12px;
    }
    h1 {
        padding-right: 0;
        padding-left: 54px;
        text-align: right;
    }
    .notavail {
        padding: 1px 18px 1px 0;
        margin-right: 0;
        margin-left: 14px;
    }
}

#addon .notavail,
#eula .notavail {
    font-family: @sans-stack;
    font-size: 12px;
    line-height: 12px;
    padding: 1px 0 1px 18px;
    margin-right: 14px;  /* Match the padding of .install. */
    background: url(../../img/impala/no.png) 0 30% no-repeat;
    white-space: nowrap;
}

.html-rtl #addon .notavail,
.html-rtl #eula .notavail {
    background-position: 100% 30%;
    padding: 1px 18px 1px 0;
}

#addon .acr-incompat,
#eula .acr-incompat {
    background: none;
    padding: 1px 0 !important;
}

.version-number {
    color: #999;
    font-size: .8em;
}

.notice {
    .border-radius(5px);
    .box-shadow(0 -1px 0 #D7E1ED inset, 0 1px 0 rgba(0, 0, 0, 0.05));
    border: 1px solid #CCD6E3;
    padding: 14px;
    background: #E3EDFA;
    margin-bottom: 1em;
    h3 {
        font-style: italic;
        font-size: 16px;
    }
    p {
        margin-top: .5em;
    }
    b {
        color: #333;
    }
    .prose {
        color: @medium-gray;
        li {
            margin-bottom: .5em;
        }
    }
    &.author {
        min-height: 64px;
        position: relative;
        .aux {
            float: right;
            margin-left: 7px;
            text-align: center;
            p {
                font-size: 11px;
            }
        }
        .continue {
            display: block;
            margin-top: .25em;
        }
        .avatar {
            height: 64px;
            width: 64px;
            position: absolute;
            left: 20px;
            top: 1em;
        }
        #contribute-box {
            display: none;
        }
    }
    &.author,
    &.performance-note {
        padding-left: 104px;
    }
    &.performance-note {
        background: url(../../img/impala/turtle.png) no-repeat 28px 16px #fff8dc;
        border-color: #e2dbbf;
        .box-shadow(0 -1px 0 #F7F0D5 inset, 0 1px 0 rgba(0, 0, 0, 0.05));
    }
    &.upsell,
    &.dependencies {
        > h3 {
            margin: 0 0 .5em;
        }
    }
    &.upsell {
        min-height: 64px;
        position: relative;
        .premium {
            position: absolute;
            top: 14px;
            right: 7px;
            h3 {
                font: bold 13px/16px @sans-stack;
            }
        }
    }
    &.dependencies {
        background-color: #f8ffdc;
        border-color: #dbe2bf;
    }
}

.html-rtl .notice {
    &.author,
    &.performance-note {
        padding: 14px 104px 14px 14px;
    }
    &.performance-note {
        background-position: 96% 16px;
    }
    &.upsell {
        .premium {
            right: auto;
            left: 21px;
        }
    }
}

.addon-vitals {
    .stars {
        margin: 0 0 4px;
    }
    font-size: 16px;
    line-height: 1.4em;
    .widgets {
        margin: 23px 0 8px;
        font-size: 14px;
        .widget {
            color: #999;
            display: block;
        }
    }
    .stats {
        padding-right: 20px;
        b {
            color: #333;
        }
        color: @medium-gray;
        background: url("../../img/impala/stats.png") no-repeat right top;
        &:hover {
            color: @link;
            background-position: right -20px;
        }
    }
}

.gutter aside {
    color: @medium-gray;
    padding-top: 1em;
}

.addon-reviews > div {
    margin-bottom: 1em;
    font-size: 14px;
}

.widget {
    padding-left: 21px;
    background: url(../../img/impala/widgets.png) no-repeat 0 4px;
    white-space: nowrap;
    &:hover {
        color: @link;
    }
    &.favorite {
        &.faved {
            .sprite-pos(2, 20, 4px);
        }
        &:hover {
            .sprite-pos(1, 20, 4px);
        }
    }
    &.collection-add {
        .sprite-pos(3, 20, 4px);
        &:hover {
            .sprite-pos(4, 20, 4px);
        }
    }
    &.share {
        .sprite-pos(5, 20, 4px);
        &:hover {
            .sprite-pos(6, 20, 4px);
        }
    }
    &.ajax-loading {
        background: url(../../img/zamboni/loading-white.gif) no-repeat 0 2px !important;
    }
}
.html-rtl {
    .widget {
        padding-right: 21px;
        padding-left: 0;
        background-position: right 4px;
        &.favorite {
            &.faved {
                .sprite-pos-right(2, 20, 4px);
            }
            &:hover {
                .sprite-pos-right(1, 20, 4px);
            }
        }
        &.collection-add {
            .sprite-pos-right(3, 20, 4px);
            &:hover {
                .sprite-pos-right(4, 20, 4px);
            }
        }
        &.share {
            .sprite-pos-right(5, 20, 4px);
            &:hover {
                .sprite-pos-right(6, 20, 4px);
            }
        }
        &.ajax-loading {
            background-position: right 2px;
        }
    }
}

.previews {
    background: -moz-radial-gradient(top,
                                     ellipse farthest-side,
                                     rgba(16, 83, 130, 0.5),
                                     rgba(16, 83, 130, 0)),
                -moz-radial-gradient(bottom,
                                     ellipse farthest-side,
                                     rgba(16, 83, 130, 0.5),
                                     rgba(16, 83, 130, 0)),
                -moz-linear-gradient(left,
                                     #F4F8FC,
                                     rgba(255,255,255,0),
                                     #F4F8FC),
                -moz-linear-gradient(top,
                                     rgba(255,255,255,0),
                                     #F4F8FC 50px,
                                     #F4F8FC 180px,
                                     rgba(255,255,255,0));
    background-size: 100% 5px, 100% 5px, auto, auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 0 0, 0 bottom, 0 0, 0 0;
    overflow: hidden;
    clear: both;
    position: relative;
    margin: 2em 0;
    padding: 30px 5%;
    li a {
        .transition-duration(0.3s);
        .transition-property(~'top, border-color, -moz-box-shadow');
        .box-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
        border: 1px solid #ccc;
        display: block;
        margin: 0 auto;
        text-align: center;
        height: 150px;
        width: 200px;
        background: #fff;
        padding: 5px;
        position: relative;
        top: 0;
        &:hover {
            border-color: @link;
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
            top: -4px;
        }
        img {
            display: inline-block;
            vertical-align: middle;
        }
    }
    .panel {
        width: 100% / 3;
        a {
            display: block;
            text-align: center;
        }
    }
    .control {
        &.next {
            background: -moz-linear-gradient(left, fadeOut(#fff, 100%), #fff 50%);
        }
        &.prev {
            background: -moz-linear-gradient(left, #fff 50%, fadeOut(#fff, 100%));
        }
    }
}

.previews, #lightbox {
    .control {
        display: block;
        position: absolute;
        height: 100%;
        width: 5%;
        text-decoration: none;
        font-size: 48px;
        font-family: @serif-stack;
        text-align: center;
        line-height: 200px;
        top: 0;
        z-index: 100;
        -moz-transition: .3s color;
        &.next {
            right: 0;
        }
        &.prev {
            left: 0;
        }
        &.disabled {
            color: #ccc;
        }
    }
}

.metadata {
    li {
        line-height: 1.4em;
        border: none;
        a {
            padding: 0;
            display: inline;
            line-height: 1;
        }
        a:hover {
            background: transparent;
            text-decoration: underline;
        }
    }
    .links {
        font-size: 14px;
        margin-bottom: 1em;
        li {
            margin-bottom: 4px;
        }
        a {
            padding-left: 18px;
        }
        .support, .home {
            background: url(../../img/impala/home.png) no-repeat left -18px;
        }
        .email {
            background: url(../../img/impala/email.png) no-repeat left -18px;
        }
        .support-gs {
            background: url(../../img/impala/getsatisfaction.png) no-repeat left -18px;
        }
    }
}
#tagbox {
    li, a {
        border: none;
        display: inline;
        padding: 0 1px 0 0;
        line-height: 1.2em;
    }
    li:not(:last-child):after {
        content: '\00B7';
    }
}

#privacy-policy {
    overflow: hidden;
    position: relative;
    padding: 1em;
    h1 {
        line-height: 25px;
    }
    .prose {
        height: 400px;
        padding: 1em 0 0;
        overflow: auto;
    }
}
.banner-box {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 100px;
    width: 100px;
    overflow: hidden;
    pointer-events: none;
}
.banner {
    padding: 6px 60px;
    background: #489615;
    text-transform: uppercase;
    font: bold 13px @sans-stack;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    .transform(translate(50%, -50%) rotate(45deg) translateY(55px));
    white-space: nowrap;
}

.html-rtl .banner-box {
    right: auto;
    left: -1px;
    .banner {
        .transform(translate(-50%, -50%) rotate(315deg) translateY(55px));
        right: auto;
        left: 0;
    }
}

.secondary .addon {
    hgroup {
        position: relative;
        padding-left: 40px;
        img {
            position: absolute;
            left: 0;
            top: 0;
            width: 32px;
            height: 32px;
        }
        h1 {
            font: bold 16px/18px @serif-stack;
            text-transform: none;
            margin: 0 0 4px;
            padding: 0;
        }
        h4 {
            font-size: 12px;
            line-height: 14px;
        }
    }
}

span.no-restart,
span.featured {
    background-color: #e8933a;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font: bold 9px/11px Arial;
    margin: 4px 0 0 4px;
    padding: 3px 6px;
    text-transform: uppercase;
    vertical-align: 3px;
}
span.featured {
    background-color: #093;
}

.html-rtl span.no-restart,
.html-rtl span.featured {
    margin: 4px 4px 0 0;
}

/* Inline Warning */
.listing .warning {
    background-color: #FFEDF2;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 10px 20px;
    h2 {
        color: @error-red;
    }
}

/* Paypal Modal */
.paypal-modal {
    .price {
        color: #D4904D;
        float: right;
        font-weight: bold;
    }
    .paypal-links {
        font-size: 0.8em;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px dotted #ccc;
        span {
            padding: 0 3px;
        }
    }
    section {
        border-top: 1px dotted #ccc;
        margin-top: 1em;
        padding-top: 1em;
        &:first-child {
            border-top: 0 none;
            padding-top: 0;
            margin-top: 0;
        }
    }
    .paypal-parent {
        text-align: center;
        h1, h2 {
            text-align: left;
        }
        h5 {
            font-size: 2em;
            line-height: 2em;
        }
        p {
            font-size: 0.9em;
            color: #999;
        }
    }
    .paypal-user {
        text-align: left;
        margin-bottom: 1em;
        color: #555;
        strong {
            font-weight: bold;
        }
    }
    div.login {
        border-bottom: 1px dotted #CCC;
        margin: 0 0 1em;
        padding: 0 0 1em;
        label {
            color: #777;
            display: inline-block;
            font-weight: normal;
            width: 100px;
            &.check {
                width: 500px;
                color: #333;
            }
        }
        #remember-me {
            padding-left: 100px;
        }
        input {
            margin-bottom: 5px;
        }
        .errorlist {
            color: @error-red;
            margin-left: 105px;
            padding-bottom: 5px;
        }
        .notification-box {
            border: 0 none;
            .box-shadow(0 0 white);
            h2 {
              font-family: @sans-stack;
              font-size: 1em;
              font-weight: normal;
            }
        }
    }
}


Fix fullscreen rule for ios

Fix fullscreen rule for ios

error: pathspec 'src/BloomBrowserUI/templates/template' did not match any file(s) known to git
error: pathspec 'books/experiments/Full' did not match any file(s) known to git
error: pathspec 'Screen/FullScreen.less' did not match any file(s) known to git


Adds some style for the header and the footer to the main stylesheet file

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/xavifuefer/userFinder.git/'


elements less wrapper

elements less wrapper

/*---------------------------------------------------
		LESS Elements 0.5
	---------------------------------------------------
		A set of useful LESS mixins by Dmitry Fadeyev
		Special thanks for mixin suggestions to:
			Kris Van Herzeele,
			Benoit Adam,
			Portenart Emile-Victor

		More info at: http://lesselements.com
-----------------------------------------------------*/

.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
	background: @color;
	background: -webkit-gradient(linear,
	    												 left bottom,
	    												 left top,
	    												 color-stop(0, @start),
	    												 color-stop(1 ,@stop));
	background: -moz-linear-gradient(center bottom,
	    														 @start 0%,
	    														 @stop 100%);
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
	background: @color;
	background: -webkit-gradient(linear,
	    												 left bottom,
	    												 left top,
	    												 color-stop(0, rgb(@start,@start,@start)),
	    												 color-stop(1, rgb(@stop,@stop,@stop)));
	background: -moz-linear-gradient(center bottom,
	    														 rgb(@start,@start,@start) 0%,
	    														 rgb(@stop,@stop,@stop) 100%);
}
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
	border-top: solid 1px @top-color;
	border-left: solid 1px @left-color;
	border-right: solid 1px @right-color;
	border-bottom: solid 1px @bottom-color;
}
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
	-webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	-moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
}
.rounded(@radius: 2px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
	-webkit-border-top-right-radius: @topright;
	-webkit-border-bottom-right-radius: @bottomright;
	-webkit-border-bottom-left-radius: @bottomleft;
	-webkit-border-top-left-radius: @topleft;
	-moz-border-radius-topright: @topright;
	-moz-border-radius-bottomright: @bottomright;
	-moz-border-radius-bottomleft: @bottomleft;
	-moz-border-radius-topleft: @topleft;
	border-top-right-radius: @topright;
	border-bottom-right-radius: @bottomright;
	border-bottom-left-radius: @bottomleft;
	border-top-left-radius: @topleft;
}
.opacity(@opacity: 0.5) {
	-moz-opacity: @opacity;
	-khtml-opacity: @opacity;
	-webkit-opacity: @opacity;
	opacity: @opacity;
}
.transition-duration(@duration: 0.2s) {
	-moz-transition-duration: @duration;
	-webkit-transition-duration: @duration;
	transition-duration: @duration;
}
.rotation(@deg:5deg){
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  transform: rotate(@deg);
}
.scale(@ratio:1.5){
	-webkit-transform:scale(@ratio);
 	-moz-transform:scale(@ratio);
	transform:scale(@ratio);
}
.transition(@duration:0.2s, @ease:ease-out) {
  -webkit-transition: all @duration @ease;
  -moz-transition: all @duration @ease;
  transition: all @duration @ease;
}
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
  -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
  -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
	box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
}
.box-shadow(@arguments) {
	-webkit-box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	box-shadow: @arguments;
}
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
	-moz-column-width: @colwidth;
	-moz-column-count: @colcount;
	-moz-column-gap: @colgap;
	-moz-column-rule-color: @columnRuleColor;
	-moz-column-rule-style: @columnRuleStyle;
	-moz-column-rule-width: @columnRuleWidth;
	-webkit-column-width: @colwidth;
	-webkit-column-count: @colcount;
	-webkit-column-gap: @colgap;
	-webkit-column-rule-color: @columnRuleColor;
	-webkit-column-rule-style: @columnRuleStyle;
	-webkit-column-rule-width: @columnRuleWidth;
	column-width: @colwidth;
	column-count: @colcount;
	column-gap: @colgap;
	column-rule-color: @columnRuleColor;
	column-rule-style: @columnRuleStyle;
	column-rule-width: @columnRuleWidth;
}

error: pathspec 'core/public/stylesheets/elements.less' did not match any file(s) known to git


Create labels.less

Create labels.less

//
// Labels
// --------------------------------------------------

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: @label-color;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;

  // Add hover effects, but only for links
  a& {
    &:hover,
    &:focus {
      color: @label-link-hover-color;
      text-decoration: none;
      cursor: pointer;
    }
  }

  // Empty labels collapse automatically (not available in IE8)
  &:empty {
    display: none;
  }

  // Quick fix for labels in buttons
  .btn & {
    position: relative;
    top: -1px;
  }
}

// Colors
// Contextual variations (linked labels get darker on :hover)

.label-default {
  .label-variant(@label-default-bg);
}

.label-primary {
  .label-variant(@label-primary-bg);
}

.label-success {
  .label-variant(@label-success-bg);
}

.label-info {
  .label-variant(@label-info-bg);
}

.label-warning {
  .label-variant(@label-warning-bg);
}

.label-danger {
  .label-variant(@label-danger-bg);
}

error: pathspec 'static/app/components/bootstrap/css/less/labels.less' did not match any file(s) known to git


link hover color too light for headlines

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/MatTheCat/clean.git/'


add test for css3 component

add test for css3 component

@import "../lib/index";

.radius { ._border_radius(4px); }
.radius-t-l { ._border_radius_top_left(4px); }
.radius-t-r { ._border_radius_top_right(4px); }
.radius-b-r { ._border_radius_bottom_right(4px); }
.radius-b-l { ._border_radius_bottom_left(4px); }

.shadow { ._box_shadow(1px 2px 3px white); }
.shadow-2 { ._box_shadow(1px 2px 3px white, 1px 2px 3px white); }

.animate { ._animate(3s, ease-in, all); }
.animate-2 { ._transition(all 3s ease-in); }
.animate-delay { ._transition_delay(3s); }
.animate-duration { ._transition_duration(3s); }
.animate-accelerate { ._accelerate_animation; }

.transform-scale { ._transform_scale(2); }
.transform-translate { ._transform_translate(350px,0); }
.transform-skew { ._transform_skew(50px, 100px); }
.transform-translate3d { ._transform_translate3d(1, 1, 1); }

.transform-rotate-ie { ._rotate_ie(20deg); }
.transform-rotate { ._rotate(20deg); }

.grad-v-ie { ._grad_v_ie(#000000, #999999); }
.grad-h-ie { ._grad_h_ie(#000000, #999999); }
.grad-v { ._grad_v(#000000, #999999); }
.grad-h { ._grad_h(#000000, #999999); }
.grad-v-m { ._grad_v_multi(#000000, #999999,#000000, #999999); }
.grad-h-m { ._grad_h_multi(#000000, #999999,#000000, #999999); }
.grad-radial { ._grad_radial(#000000, #999999); }
.grad-size { ._background_size(300px 300px); }
.grad-opacity { ._opacity(0.4); }

error: pathspec 'test/css3.less' did not match any file(s) known to git


[FIX] web_editor: missing !important on mt,mb,ml,mr rules

// Generate all margins for all sizes
.o-margins-all(@factor: 1) {
    // Unfortunately, the margins sizes are not
    // mathematically related by a single function
    .o-margins(128, @factor);
    .o-margins(96, @factor);
    .o-margins(92, @factor);
    .o-margins(64, @factor);
    .o-margins(48, @factor);
    .o-margins(32, @factor);
    .o-margins(24, @factor);
    .o-margins(16, @factor);
    .o-margins(8, @factor);
    .o-margins(4, @factor);
    .o-margins(0, @factor);
}

// Generate all margins for one size, scalled by a
// given factor (0 <= factor <= 1)
.o-margins(@name, @factor: 1) {
    .o-margins-define(@name, @factor * @name);
}

// Generate all margins for one size, given
// the name of the margin and intended size
.o-margins-define(@name, @size: @name) {
    .mt@{name} {margin-top: ~"@{size}px"!important;}
    .mb@{name} {margin-bottom: ~"@{size}px"!important;}
    .ml@{name} {margin-left: ~"@{size}px"!important;}
    .mr@{name} {margin-right: ~"@{size}px"!important;}
}

// Generate all margins
.o-margins-all();

// It is possible to change the margins ratio for
// small screen sizes using media queries, e.g.:
// @media (max-width: 768px) {
//     .o-margins-all(0.75);
// }

// It is also possible to only redefine single margins
// for small screen sizes using media queries, e.g.:
// @media (max-width: 768px) {
//     .o-margins(64, 0.50);
//     .o-margins(48, 0.50);
// }

// It is also possible to directly redefine the size
// of single margins instead of refering to a factor
// for small screen sizes using media queries, e.g.:
// @media (max-width: 768px) {
//     .o-margins-define(128, 48);
//     .o-margins-define(96, 48);
//     .o-margins-define(64, 48);
// }

a.o_underline {
    text-decoration: underline;
    &:hover {
        text-decoration: underline;
    }
}

// Generate all margins for all sizes
.o-margins-all(@factor: 1) {
    // Unfortunately, the margins sizes are not
    // mathematically related by a single function
    .o-margins(128, @factor);
    .o-margins(96, @factor);
    .o-margins(92, @factor);
    .o-margins(64, @factor);
    .o-margins(48, @factor);
    .o-margins(32, @factor);
    .o-margins(24, @factor);
    .o-margins(16, @factor);
    .o-margins(8, @factor);
    .o-margins(4, @factor);
    .o-margins(0, @factor);
}

// Generate all margins for one size, scalled by a
// given factor (0 <= factor <= 1)
.o-margins(@name, @factor: 1) {
    .o-margins-define(@name, @factor * @name);
}

// Generate all margins for one size, given
// the name of the margin and intended size
.o-margins-define(@name, @size: @name) {
    .mt@{name} {margin-top: ~"@{size}px";}
    .mb@{name} {margin-bottom: ~"@{size}px";}
    .ml@{name} {margin-left: ~"@{size}px";}
    .mr@{name} {margin-right: ~"@{size}px";}
}

// Generate all margins
.o-margins-all();

// It is possible to change the margins ratio for
// small screen sizes using media queries, e.g.:
// @media (max-width: 768px) {
//     .o-margins-all(0.75);
// }

// It is also possible to only redefine single margins
// for small screen sizes using media queries, e.g.:
// @media (max-width: 768px) {
//     .o-margins(64, 0.50);
//     .o-margins(48, 0.50);
// }

// It is also possible to directly redefine the size
// of single margins instead of refering to a factor
// for small screen sizes using media queries, e.g.:
// @media (max-width: 768px) {
//     .o-margins-define(128, 48);
//     .o-margins-define(96, 48);
//     .o-margins-define(64, 48);
// }

a.o_underline {
    text-decoration: underline;
    &:hover {
        text-decoration: underline;
    }
}