Update style.less

Update style.less

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/prasadkblr/direct-channel-dashboard.git/'


Changed nav hover for kolibri button to match with others

Conflicts:
	fle_site/static/less/styles.less

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/fle-internal/fle-home.git/'


[Farm] Fix quickView width with big dates

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


fix #369 Logical DAG - Legend

fix #369 Logical DAG - Legend

.logical-dag {
  .node rect {
    fill: #fafafa;
  }

  .node-metric-label {
    fill: blue;
  }

  .node-metric2-label {
    fill: #2f96b4;
  }

  .metric-select-label {
    color: blue;
  }

  .metric2-select-label {
    color: #2f96b4;
  }

  .logical-dag-legend {
    display: none;
  }
}

.logical-dag {
  .node rect {
    fill: #fafafa;
  }

  .node-metric-label {
    fill: blue;
  }

  .node-metric2-label {
    fill: #2f96b4;
  }

  .metric-select-label {
    color: blue;
  }

  .metric2-select-label {
    color: #2f96b4;
  }
}


Create rule.less

Create rule.less

.ghost-rule(@color: blue, @angle: 1) {
  background+: linear-gradient((90deg * @angle), fade(@color, 50%) 1px, transparent 1px);
  background-position+: -1px -1px;
  background-size+: 1em 1em;
}

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


CAL-168 the attendees list of the full-form should be in row

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/heroandtn3/openpaas-esn.git/'


Create extension.less

Create extension.less

.App {
	direction: rtl;
}

// Flarum's Core
@import (less) "../lib/core.css";
@import (less) "core.css";

// Flarum's Extensions
@import (less) "../lib/flarum-ext-tags.css";
@import (less) "flarum-ext-tags.css";

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


options/infoscreen: added common CSS file for pageflip stuff

// COMMON FILE FOR options.html, infoscreen.html

/* The pageflip at the bottom of some pages */

#pageflip {
  position: fixed;
  z-index: 200;
  left: 0;
  bottom: 0;
  color: #ccf2cc;

  #pfBackground {
    position: fixed;
    z-index: 201;
  }
  #pfText {
    position: fixed;
    z-index: 202;
  }
  #pfFlip {
    position: fixed;
    z-index: 203;
  }
  #pfLink {
    position: fixed;
    z-index: 204;

    a {
      text-decoration: none;
      color: #ccf2cc;
      &:hover {
        text-decoration: underline;
      }
    }
  }
}

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


selected block should have higher z-index

fatal: remote error: upload-pack: not our ref 7c4679eb39d53588faa403586e728215ebc70b12
fatal: the remote end hung up unexpectedly


style(Header): add back the style

style(Header): add back the style

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/seekinternational/seek-asia-style-guide.git/'


Update static/vendors/font-awesome/less/rotated-flipped.less

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

// Rotated & Flipped Icons
// -------------------------

.@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }

.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }

// Hook for IE8-9
// -------------------------

:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
  filter: none;
}

error: pathspec 'static/vendors/font-awesome/less/rotated-flipped.less' did not match any file(s) known to git


wizard subheading padding tweak

wizard subheading padding tweak

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

.modal-header {
  background-color: #f5f5f5;
  padding: 25px;

  h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .steps-indicator {
    position: relative;
    height: 70px;
    overflow-x: hidden;
    padding-top: 20px;

    &:before {
      top: 30px;
    }

    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 {
          background-color: #339933;
        }
        &.dirty {
          a:before {
            .pulsing();
            color: @state-danger-text;
            background-color: transparent;
            content: "\e088";
          }
        }
      }
      &.current {
        a:before {
          background-color: @spinnaker-blue;
          content: '';
        }
      }
      &.default {
        a:before {
          background-color: #808080;
        }
      }
    }
  }
}

.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: 15px 0 0 15px;
  h4 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.steps {
  width: 1200px;
  overflow-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;
    }
  }
}

/* Fixes an unfortunate Chrome bug where a single selection on a multi-select select2 field
   causes the backwards navigation animation to hang. */
select.select2 {
  option { display: none !important }
}

/* These can all go away when angular-ui-select 0.9 is released and we can append the options to the body.
   Until then, we need to explicitly declare a width on the container so it can be inherited by the options */
.modal-body {
  .col-md-9 {
    .select2-container {
      width: 398px;
    }
  }
  .col-md-6 {
    .select2-container {
      width: 255px;
    }
  }
}

.modal-body {
  .select2-container {
    .select2-chosen {
      padding-left: 0;
    }
    .select2-drop {
      position: fixed;
      top: auto;
      width: inherit;
      background: #ffffff;
      .select2-results {
        margin: -1px 0 0 0;
        border-top: none;
        padding-right: 4px;
      }
    }
    &.select2-container-multi {
      .select2-drop {
        padding-right: 30px;
        border: none;
        box-shadow: none;
        background: transparent;
      }
      .select2-results {
        background-color: #ffffff;
        border: 1px solid #66afe9;
        border-top: none;
      }
    }
    .select2-result-single {
      padding-left: 0;
    }
  }
}

.ui-select-highlight {
  font-weight: bold;
}

.ui-select-choices-content {
  background: #ffffff;
}

.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;
    background-image: 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: 'Select...';
        padding-left: 8px;
        opacity: 0.5;
      }
    }

    .select2-search-choice {
      float: none;
      margin: 0 0 5px 0;
      border: 0;
      padding: 0;
      background-image: none;
      background-color: transparent;
      box-shadow: none;
      div, span span {
        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_lighter_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 @mid_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 {
  background-color: #f5f5f5;
  padding: 25px;

  h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .steps-indicator {
    position: relative;
    height: 70px;
    overflow-x: hidden;
    padding-top: 20px;

    &:before {
      top: 30px;
    }

    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 {
          background-color: #339933;
        }
        &.dirty {
          a:before {
            .pulsing();
            color: @state-danger-text;
            background-color: transparent;
            content: "\e088";
          }
        }
      }
      &.current {
        a:before {
          background-color: @spinnaker-blue;
          content: '';
        }
      }
      &.default {
        a:before {
          background-color: #808080;
        }
      }
    }
  }
}

.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;
  overflow-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;
    }
  }
}

/* Fixes an unfortunate Chrome bug where a single selection on a multi-select select2 field
   causes the backwards navigation animation to hang. */
select.select2 {
  option { display: none !important }
}

/* These can all go away when angular-ui-select 0.9 is released and we can append the options to the body.
   Until then, we need to explicitly declare a width on the container so it can be inherited by the options */
.modal-body {
  .col-md-9 {
    .select2-container {
      width: 398px;
    }
  }
  .col-md-6 {
    .select2-container {
      width: 255px;
    }
  }
}

.modal-body {
  .select2-container {
    .select2-chosen {
      padding-left: 0;
    }
    .select2-drop {
      position: fixed;
      top: auto;
      width: inherit;
      background: #ffffff;
      .select2-results {
        margin: -1px 0 0 0;
        border-top: none;
        padding-right: 4px;
      }
    }
    &.select2-container-multi {
      .select2-drop {
        padding-right: 30px;
        border: none;
        box-shadow: none;
        background: transparent;
      }
      .select2-results {
        background-color: #ffffff;
        border: 1px solid #66afe9;
        border-top: none;
      }
    }
    .select2-result-single {
      padding-left: 0;
    }
  }
}

.ui-select-highlight {
  font-weight: bold;
}

.ui-select-choices-content {
  background: #ffffff;
}

.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;
    background-image: 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: 'Select...';
        padding-left: 8px;
        opacity: 0.5;
      }
    }

    .select2-search-choice {
      float: none;
      margin: 0 0 5px 0;
      border: 0;
      padding: 0;
      background-image: none;
      background-color: transparent;
      box-shadow: none;
      div, span span {
        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_lighter_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 @mid_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;
  }
}


adding element selectors

adding element selectors

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/frontalnugity/atom-configs.git/'


完善ui模块。

完善ui模块。

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/heisedebaise/ranch.git/'


Remove unused style

Remove unused style

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/howcani-project/howcani.git/'


OR-1539 Add horizontal and vertical align with flex


Remove crappy font from buttons

Remove crappy font from buttons

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/wwoof/webapp.git/'


styling

styling

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/alunys/ApigilityAngularTest.git/'


Create footer.less

Create footer.less

.fixedContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  .copyright{
    bottom: 0;
    right: 0;
    position: fixed;
  }
}

error: pathspec 'src/css/imports/footer.less' did not match any file(s) known to git


remove padding

remove padding

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


Active state color for notifications

Active state color for notifications

/* === Forms === */
// Inputs
.list-block {
    input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="number"], select, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        box-sizing:border-box;
        border: none;
        background: none;
        border-radius: 0 0 0 0;
        box-shadow: none;
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 36px;
        color: #212121;
        font-size: 16px;
        font-family: inherit;
        &::-webkit-input-placeholder {
           color: rgba(0,0,0,0.35);
        }
    }
    .label, .floating-label {
        vertical-align: top;
        color:rgba(0,0,0,0.65);
        .transition(200ms);
        width: 35%;
        .flex-shrink(0);
    }

    input[type="date"], input[type="datetime-local"] {
        line-height: 44px;
    }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
    }
    textarea {
        resize:none;
        line-height: 1.4;
        padding-top: 8px;
        padding-bottom: 7px;
        height: 100px;
        &.resizeable {
            height: 36px;
        }
    }

    .item-input {
        width: 100%;
        -webkit-box-flex:1;
        -ms-flex:1;
        .flex-shrink(1);
        font-size: 0;
        position: relative;
        margin-bottom: 4px;
        min-height: 36px;
    }

    // Inputs List
    .input-item, &.inputs-list {
        ul {
            .hairline-remove(bottom);
        }
        .item-media {
            .align-self(flex-end);
            min-height: 36px;
            margin-bottom: 8px;
            padding: 0;
        }
        .item-inner {
            display: block;
            margin-bottom: 4px;
            padding-bottom: 0;
            .hairline-remove(bottom);
        }
        .label, .floating-label {
            width: 100%;
            font-size: 12px;
        }
        .floating-label {
            .transform-origin(left);
            .transform(scale(16/12) translateY(21px));
            color: rgba(0,0,0,0.35);
            width: auto;
            float: left;
            ~.item-input input::-webkit-input-placeholder {
               color: transparent;
            }
        }
    }
    .focus-state, .not-empty-state {
        .floating-label {
            .transform(scale(1) translateY(0));
        }
    }
    .focus-state {
        .label, .floating-label {
            color: @themeColor;
        }
    }
}
.item-input-field, .input-field {
    position: relative;
    .hairline(bottom, rgba(0, 0, 0, 0.12));
    &:after {
        .transition(200ms);
    }
    &.focus-state:after, &.not-empty-state:after, .focus-state &:after, .not-empty-state &:after{
        background: @themeColor;
        .transform(scaleY(2)) !important;
    }
}
textarea.resizeable {
    overflow: hidden;
}
//Switch
.label-switch {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 14px;
    position: relative;
    cursor: pointer;
    .align-self(center);
    .checkbox {
        width: 36px;
        border-radius: 36px;
        box-sizing:border-box;
        height: 14px;
        background: #b0afaf;
        z-index: 0;
        margin: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border:none;
        cursor: pointer;
        position: relative;
        .transition(300ms);
        &:after {
            content:' ';
            height: 20px;
            width: 20px;
            border-radius: 20px;
            background: #fff;
            position: absolute;
            z-index: 2;
            top: -3px;
            left: 0px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.4);
            .transform(translateX(0px));
            .transition(300ms);
        }
    }
    input[type="checkbox"] {
        display: none;
        &:checked {
            &+ .checkbox {
                background: rgba(red(@themeColor), green(@themeColor), blue(@themeColor), 0.5);
                &:after {
                    .transform(translateX(16px));
                    background: @themeColor;
                }
            }
        }
    }
    .item-input & {
        top: (36px - 14px) / 2;
    }
}

//Buttons
.button {
    color:@themeColor;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 2px;
    line-height: 36px;
    box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0 10px;
    margin: 0;
    height: 36px;
    white-space: nowrap;
    text-overflow:ellipsis;
    font-size: 14px;
    text-transform: uppercase;
    font-family: inherit;
    cursor: pointer;
    min-width: 64px;
    padding: 0 8px;
    position: relative;
    overflow: hidden;
    .transition(300ms);
    input[type="submit"]&, input[type="button"]&{
        width: 100%;
    }
    html:not(.watch-active-state) &:active, &.active-state {
        background: rgba(0,0,0,0.1);
    }
    &.button-fill {
        background-color: @themeColor;
        color: #fff;
        html:not(.watch-active-state) &:active, &.active-state {
            background: darken(@themeColor, 8%);
        }
    }
    &.button-big {
        height: 48px;
        line-height: 48px;
        border-radius: 3px;
    }

    i.icon {
        &:first-child {
            margin-right: 10px;
        }
        &:last-child {
            margin-left: 10px;
        }
        &:first-child:last-child {
            margin-left: 0;
            margin-right: 0;
        }
    }
    .navbar &, .toolbar &, .subnavbar &, .notifications & {
        &:not(.button-fill) {
            color:#fff;
            html:not(.watch-active-state) &:active, &.active-state {
                background: rgba(255,255,255,0.1);
            }
        }
    }
}
.button-raised {
    .depth(1);
    html:not(.watch-active-state) &:active, &.active-state {
        .depth(2);
    }
}
.buttons-row {
    .align-self(center);
    .flexbox();
    .flex-wrap(nowrap);
    .button {
        margin-left: 8px;
        width: 100%;
        -webkit-box-flex:1;
        -ms-flex:1;
    }
    .button:first-child {
        margin-left: 0;
    }
}

// Slider
.range-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    .align-self(center);
    input[type="range"] {
        position: relative;
        height: 20px;
        width: 100%;
        margin: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b9b9b9), color-stop(100%, #b9b9b9));
        background: linear-gradient(to right, #b9b9b9 0, #b9b9b9 100%);
        background-position: center;
        background-size: 100% 2px;
        background-repeat: no-repeat;
        outline: 0;
    }

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border: none;
        height: 20px;
        width: 20px;
        position: relative;
        background: @themeColor;
        border-radius: 20px;
    }

    input[type="range"]::-webkit-slider-thumb:before {
        position: absolute;
        top: 50%;
        right: 100%;
        width: 2000px;
        height: 2px;
        margin-top: -1px;
        z-index: 1;
        background: @themeColor;
        content: ' ';
    }
    .item-input & {
        top: (36px - 20px) / 2;
    }
}

// Checkboxes
label.label-checkbox {
    cursor: pointer;
    i.icon-form-checkbox {
        width: 18px;
        height: 18px;
        position: relative;
        border-radius: 2px;
        border: 2px solid #6d6d6d;
        box-sizing:border-box;
        .transition(300ms);
        background: transparent;
        &:after {
            content:' ';
            position: absolute;
            width: 18px;
            height: 18px;
            left: -2px;
            top: -2px;
            .transition(300ms);
            opacity: 0;
            background: no-repeat center;
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' fill='#ffffff' width='24' height='24' viewBox='0 0 24 24'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
        }
    }
    input[type="checkbox"], input[type="radio"] {
        display: none;
        &:checked + .item-media, &:checked ~ .item-after, &:checked ~ .item-inner{
            i.icon-form-checkbox {
                border-color: @themeColor;
                background-color: @themeColor;
            }
            i.icon-form-checkbox:after {
                opacity: 1;
            }
        }
    }
}
label.label-radio {
    cursor: pointer;
    i.icon-form-radio {
        width: 20px;
        height: 20px;
        position: relative;
        border-radius: 20px;
        border: 2px solid #6d6d6d;
        box-sizing:border-box;
        .transition(300ms);
        &:after {
            content:' ';
            position: absolute;
            width: 10px;
            height: 10px;
            left: 50%;
            top: 50%;
            margin-left: -5px;
            margin-top: -5px;
            background-color: @themeColor;
            border-radius: 100%;
            .transform(scale(0));
            .transition(300ms);
        }
    }
    input[type="checkbox"], input[type="radio"] {
        display: none;
        &:checked + .item-media, &:checked ~ .item-after, &:checked ~ .item-inner{
            i.icon-form-radio {
                border-color: @themeColor;
            }
            i.icon-form-radio:after {
                background-color: @themeColor;
                .transform(scale(1));
            }
        }
    }
}
label.label-checkbox, label.label-radio {
    position: relative;
    overflow: hidden;
    z-index: 0;
    .transition(300ms);
    .item-after {
        i.icon-form-checkbox, i.icon-form-radio {
            margin-left: 8px;
            margin-right: 16px;
        }
    }
    html:not(.watch-active-state) &:active, &.active-state {
        background-color: rgba(0,0,0,0.1);
        .item-inner {
            .hairline-color(bottom, transparent);
        }
    }
}

// Smart selects
.smart-select {
    select {
        display: none;
    }
}

/* === Forms === */
// Inputs
.list-block {
    input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="number"], select, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        box-sizing:border-box;
        border: none;
        background: none;
        border-radius: 0 0 0 0;
        box-shadow: none;
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 36px;
        color: #212121;
        font-size: 16px;
        font-family: inherit;
        &::-webkit-input-placeholder {
           color: rgba(0,0,0,0.35);
        }
    }
    .label, .floating-label {
        vertical-align: top;
        color:rgba(0,0,0,0.65);
        .transition(200ms);
        width: 35%;
        .flex-shrink(0);
    }

    input[type="date"], input[type="datetime-local"] {
        line-height: 44px;
    }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
    }
    textarea {
        resize:none;
        line-height: 1.4;
        padding-top: 8px;
        padding-bottom: 7px;
        height: 100px;
        &.resizeable {
            height: 36px;
        }
    }

    .item-input {
        width: 100%;
        -webkit-box-flex:1;
        -ms-flex:1;
        .flex-shrink(1);
        font-size: 0;
        position: relative;
        margin-bottom: 4px;
        min-height: 36px;
    }

    // Inputs List
    .input-item, &.inputs-list {
        ul {
            .hairline-remove(bottom);
        }
        .item-media {
            .align-self(flex-end);
            min-height: 36px;
            margin-bottom: 8px;
            padding: 0;
        }
        .item-inner {
            display: block;
            margin-bottom: 4px;
            padding-bottom: 0;
            .hairline-remove(bottom);
        }
        .label, .floating-label {
            width: 100%;
            font-size: 12px;
        }
        .floating-label {
            .transform-origin(left);
            .transform(scale(16/12) translateY(21px));
            color: rgba(0,0,0,0.35);
            width: auto;
            float: left;
            ~.item-input input::-webkit-input-placeholder {
               color: transparent;
            }
        }
    }
    .focus-state, .not-empty-state {
        .floating-label {
            .transform(scale(1) translateY(0));
        }
    }
    .focus-state {
        .label, .floating-label {
            color: @themeColor;
        }
    }
}
.item-input-field, .input-field {
    position: relative;
    .hairline(bottom, rgba(0, 0, 0, 0.12));
    &:after {
        .transition(200ms);
    }
    &.focus-state:after, &.not-empty-state:after, .focus-state &:after, .not-empty-state &:after{
        background: @themeColor;
        .transform(scaleY(2)) !important;
    }
}
textarea.resizeable {
    overflow: hidden;
}
//Switch
.label-switch {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 14px;
    position: relative;
    cursor: pointer;
    .align-self(center);
    .checkbox {
        width: 36px;
        border-radius: 36px;
        box-sizing:border-box;
        height: 14px;
        background: #b0afaf;
        z-index: 0;
        margin: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border:none;
        cursor: pointer;
        position: relative;
        .transition(300ms);
        &:after {
            content:' ';
            height: 20px;
            width: 20px;
            border-radius: 20px;
            background: #fff;
            position: absolute;
            z-index: 2;
            top: -3px;
            left: 0px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.4);
            .transform(translateX(0px));
            .transition(300ms);
        }
    }
    input[type="checkbox"] {
        display: none;
        &:checked {
            &+ .checkbox {
                background: rgba(red(@themeColor), green(@themeColor), blue(@themeColor), 0.5);
                &:after {
                    .transform(translateX(16px));
                    background: @themeColor;
                }
            }
        }
    }
    .item-input & {
        top: (36px - 14px) / 2;
    }
}

//Buttons
.button {
    color:@themeColor;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 2px;
    line-height: 36px;
    box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0 10px;
    margin: 0;
    height: 36px;
    white-space: nowrap;
    text-overflow:ellipsis;
    font-size: 14px;
    text-transform: uppercase;
    font-family: inherit;
    cursor: pointer;
    min-width: 64px;
    padding: 0 8px;
    position: relative;
    overflow: hidden;
    .transition(300ms);
    input[type="submit"]&, input[type="button"]&{
        width: 100%;
    }
    html:not(.watch-active-state) &:active, &.active-state {
        background: rgba(0,0,0,0.1);
    }
    &.button-fill {
        background-color: @themeColor;
        color: #fff;
        html:not(.watch-active-state) &:active, &.active-state {
            background: darken(@themeColor, 8%);
        }
    }
    &.button-big {
        height: 48px;
        line-height: 48px;
        border-radius: 3px;
    }

    i.icon {
        &:first-child {
            margin-right: 10px;
        }
        &:last-child {
            margin-left: 10px;
        }
        &:first-child:last-child {
            margin-left: 0;
            margin-right: 0;
        }
    }
    .navbar &, .toolbar &, .subnavbar & {
        &:not(.button-fill) {
            color:#fff;
            html:not(.watch-active-state) &:active, &.active-state {
                background: rgba(255,255,255,0.1);
            }
        }
    }
}
.button-raised {
    .depth(1);
    html:not(.watch-active-state) &:active, &.active-state {
        .depth(2);
    }
}
.buttons-row {
    .align-self(center);
    .flexbox();
    .flex-wrap(nowrap);
    .button {
        margin-left: 8px;
        width: 100%;
        -webkit-box-flex:1;
        -ms-flex:1;
    }
    .button:first-child {
        margin-left: 0;
    }
}

// Slider
.range-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    .align-self(center);
    input[type="range"] {
        position: relative;
        height: 20px;
        width: 100%;
        margin: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b9b9b9), color-stop(100%, #b9b9b9));
        background: linear-gradient(to right, #b9b9b9 0, #b9b9b9 100%);
        background-position: center;
        background-size: 100% 2px;
        background-repeat: no-repeat;
        outline: 0;
    }

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border: none;
        height: 20px;
        width: 20px;
        position: relative;
        background: @themeColor;
        border-radius: 20px;
    }

    input[type="range"]::-webkit-slider-thumb:before {
        position: absolute;
        top: 50%;
        right: 100%;
        width: 2000px;
        height: 2px;
        margin-top: -1px;
        z-index: 1;
        background: @themeColor;
        content: ' ';
    }
    .item-input & {
        top: (36px - 20px) / 2;
    }
}

// Checkboxes
label.label-checkbox {
    cursor: pointer;
    i.icon-form-checkbox {
        width: 18px;
        height: 18px;
        position: relative;
        border-radius: 2px;
        border: 2px solid #6d6d6d;
        box-sizing:border-box;
        .transition(300ms);
        background: transparent;
        &:after {
            content:' ';
            position: absolute;
            width: 18px;
            height: 18px;
            left: -2px;
            top: -2px;
            .transition(300ms);
            opacity: 0;
            background: no-repeat center;
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' fill='#ffffff' width='24' height='24' viewBox='0 0 24 24'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
        }
    }
    input[type="checkbox"], input[type="radio"] {
        display: none;
        &:checked + .item-media, &:checked ~ .item-after, &:checked ~ .item-inner{
            i.icon-form-checkbox {
                border-color: @themeColor;
                background-color: @themeColor;
            }
            i.icon-form-checkbox:after {
                opacity: 1;
            }
        }
    }
}
label.label-radio {
    cursor: pointer;
    i.icon-form-radio {
        width: 20px;
        height: 20px;
        position: relative;
        border-radius: 20px;
        border: 2px solid #6d6d6d;
        box-sizing:border-box;
        .transition(300ms);
        &:after {
            content:' ';
            position: absolute;
            width: 10px;
            height: 10px;
            left: 50%;
            top: 50%;
            margin-left: -5px;
            margin-top: -5px;
            background-color: @themeColor;
            border-radius: 100%;
            .transform(scale(0));
            .transition(300ms);
        }
    }
    input[type="checkbox"], input[type="radio"] {
        display: none;
        &:checked + .item-media, &:checked ~ .item-after, &:checked ~ .item-inner{
            i.icon-form-radio {
                border-color: @themeColor;
            }
            i.icon-form-radio:after {
                background-color: @themeColor;
                .transform(scale(1));
            }
        }
    }
}
label.label-checkbox, label.label-radio {
    position: relative;
    overflow: hidden;
    z-index: 0;
    .transition(300ms);
    .item-after {
        i.icon-form-checkbox, i.icon-form-radio {
            margin-left: 8px;
            margin-right: 16px;
        }
    }
    html:not(.watch-active-state) &:active, &.active-state {
        .transition(0ms);
        background-color: rgba(0,0,0,0.1);
        .item-inner {
            .hairline-color(bottom, transparent);
        }
    }
}

// Smart selects
.smart-select {
    select {
        display: none;
    }
}


remove min-width from noedit form input

remove min-width from noedit form input

//
// Form Input
// ==============================

// Base
// ------------------------------

.FormInput {
	.transition( ~"border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s" );
	background-color: @input-bg-color;
	background-image: none;
	border-radius: @border-radius-base;
	border: 1px solid @input-border-color;
	border-top-color: darken(@input-border-color, 4%);
	border-bottom-color: lighten(@input-border-color, 4%);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: @text-color;
	display: block;
	// font-size: @font-size-base;
	line-height: 1.2;
	height: @component-height;
	padding: 0 @input-padding-horizontal;
	width: 100%;
	-webkit-appearance: none;

	// states

	&:hover {
		border-color: @input-border-color-hover;
		outline: 0;
	}
	&.focus,
	&.is-focused,
	&:focus {
		border-color: @input-border-color-focus;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px fade(@input-border-color-focus, 10%);
		// box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px fade(@input-border-color-focus, 33%);
		outline: 0;
	}
	&.disabled,
	&[disabled] {
		background-color: @input-bg-disabled;
		pointer-events: none;
	}

	// firefox weirdness
	&::-moz-focus-inner {
		border: 0;
		outline : 0;
	}
}

// Sizes

.FormInput--lg { font-size: @font-size-lg; }
.FormInput--sm { font-size: @font-size-sm; }
.FormInput--xs {
	font-size: @font-size-xs;
	line-height: 1.9;
	padding-left: .66em;
	padding-right: .66em;
}

// No Edit
// ------------------------------

// Use an exclusive class, not a modifier as they are distinctly different

/*div*/.FormInput-noedit {
	background-color: darken(@body-bg, 2%);
	border-radius: @border-radius-base;
	border: 1px solid darken(@body-bg, 8%);
	color: @text-color;
	display: inline-block;
	font-size: @font-size-base;
	line-height: @component-line-height;
	height: @component-height;
	// min-width: @input-noedit-width; // still unsure about this
	padding: 0 @input-padding-horizontal;
	vertical-align: middle;
	width: auto;

	// indicate clickability when using an anchor
	a& {
		background-color: fade(@link-color, 5%);
		border-color: fade(@link-color, 10%);
		color: @link-color;
		margin-right: 5px;
		min-width: 0;
		text-decoration: none;

		&:hover,
		&:focus {
			background-color: fade(@link-color, 10%);
			border-color: fade(@link-color, 10%);
			color: @link-color;
			text-decoration: none;
		};
	}
}

// Textarea
// ------------------------------

textarea.FormInput {
	.resizable(vertical);
	height: auto;
	line-height: 1.4em;
	min-height: 6.75em; // give user's comfortable room to write - about 4 rows
	padding: .5em @input-padding-horizontal;
}

// Select
// ------------------------------

select.FormInput {
	background-image: data-uri('../../public/images/select-arrows.png');
	background-position: center right @input-padding-horizontal;
	background-repeat: no-repeat;
	background-size: 7px 11px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	border-bottom-color: darken(@input-border-color, 4%);
	border-top-color: lighten(@input-border-color, 4%);
	height: @component-height;

	&:focus {
		box-shadow: 0 0 0 3px fade(@input-border-color-focus, 10%);
	}
	&.disabled,
	&[disabled] {
		background-image: data-uri('../../public/images/select-arrows-disabled.png');
		color: @gray-light;
	}
}

//
// Form Input
// ==============================

// Base
// ------------------------------

.FormInput {
	.transition( ~"border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s" );
	background-color: @input-bg-color;
	background-image: none;
	border-radius: @border-radius-base;
	border: 1px solid @input-border-color;
	border-top-color: darken(@input-border-color, 4%);
	border-bottom-color: lighten(@input-border-color, 4%);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: @text-color;
	display: block;
	// font-size: @font-size-base;
	line-height: 1.2;
	height: @component-height;
	padding: 0 @input-padding-horizontal;
	width: 100%;
	-webkit-appearance: none;

	// states

	&:hover {
		border-color: @input-border-color-hover;
		outline: 0;
	}
	&.focus,
	&.is-focused,
	&:focus {
		border-color: @input-border-color-focus;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px fade(@input-border-color-focus, 10%);
		// box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px fade(@input-border-color-focus, 33%);
		outline: 0;
	}
	&.disabled,
	&[disabled] {
		background-color: @input-bg-disabled;
		pointer-events: none;
	}

	// firefox weirdness
	&::-moz-focus-inner {
		border: 0;
		outline : 0;
	}
}

// Sizes

.FormInput--lg { font-size: @font-size-lg; }
.FormInput--sm { font-size: @font-size-sm; }
.FormInput--xs {
	font-size: @font-size-xs;
	line-height: 1.9;
	padding-left: .66em;
	padding-right: .66em;
}

// No Edit
// ------------------------------

// Use an exclusive class, not a modifier as they are distinctly different

/*div*/.FormInput-noedit {
	background-color: darken(@body-bg, 2%);
	border-radius: @border-radius-base;
	border: 1px solid darken(@body-bg, 8%);
	color: @text-color;
	display: inline-block;
	font-size: @font-size-base;
	line-height: @component-line-height;
	height: @component-height;
	min-width: @input-noedit-width;
	padding: 0 @input-padding-horizontal;
	vertical-align: middle;
	width: auto;

	// indicate clickability when using an anchor
	a& {
		background-color: fade(@link-color, 5%);
		border-color: fade(@link-color, 10%);
		color: @link-color;
		margin-right: 5px;
		min-width: 0;
		text-decoration: none;

		&:hover,
		&:focus {
			background-color: fade(@link-color, 10%);
			border-color: fade(@link-color, 10%);
			color: @link-color;
			text-decoration: none;
		};
	}
}

// Textarea
// ------------------------------

textarea.FormInput {
	.resizable(vertical);
	height: auto;
	line-height: 1.4em;
	min-height: 6.75em; // give user's comfortable room to write - about 4 rows
	padding: .5em @input-padding-horizontal;
}

// Select
// ------------------------------

select.FormInput {
	background-image: data-uri('../../public/images/select-arrows.png');
	background-position: center right @input-padding-horizontal;
	background-repeat: no-repeat;
	background-size: 7px 11px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	border-bottom-color: darken(@input-border-color, 4%);
	border-top-color: lighten(@input-border-color, 4%);
	height: @component-height;

	&:focus {
		box-shadow: 0 0 0 3px fade(@input-border-color-focus, 10%);
	}
	&.disabled,
	&[disabled] {
		background-image: data-uri('../../public/images/select-arrows-disabled.png');
		color: @gray-light;
	}
}


* Apply JPLachance's patch

* Apply JPLachance's patch

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/Coveo/styleguide.git/'


BAP-4027 latest dev changes

BAP-4027 latest dev changes

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/trustify/oroplatform.git/'


Pulldown module added to ui library

Pulldown module added to ui library

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/socites/beyond.git/'


updated brand hex in variables

updated brand hex in variables

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/amazingBastard/excuse-generator.git/'


added missing import

added missing import

@import (reference) "../../styles/custom.less";
@import (reference) "../../styles/modules/variables.less";

.StoryLoading {
  position: relative;
  background-color: @white;
  color: #353535;
  border-top: solid 1px #e9e7e7;
  border-bottom: solid 1px #e9e7e7;
  margin-bottom: 12px;

  @media @small {
    border-radius: 4px;
    border: solid 1px #e9e7e7;
  }

  &:not(:first-child) {
    margin-top: 12px;
  }

  &__header {
    padding: 16px;
    display: flex;

    &__avatar {
      min-width: 40px !important;
      width: 40px !important;
      height: 40px !important;
    }

    &__text {
      margin: 0 12px;
    }
  }

  &__content {
    padding: 4px 16px 16px;
  }
}

@import (reference) "../../styles/custom.less";

.StoryLoading {
  position: relative;
  background-color: @white;
  color: #353535;
  border-top: solid 1px #e9e7e7;
  border-bottom: solid 1px #e9e7e7;
  margin-bottom: 12px;

  @media @small {
    border-radius: 4px;
    border: solid 1px #e9e7e7;
  }

  &:not(:first-child) {
    margin-top: 12px;
  }

  &__header {
    padding: 16px;
    display: flex;

    &__avatar {
      min-width: 40px !important;
      width: 40px !important;
      height: 40px !important;
    }

    &__text {
      margin: 0 12px;
    }
  }

  &__content {
    padding: 4px 16px 16px;
  }
}


Adds theme-override for @input-warning in cf-forms

/* ==========================================================================
   Capital Framework theme overrides
   ========================================================================== */

/* cf-core
   ========================================================================== */

// Sizing variables

@base-font-size-px:             16px;
@base-line-height-px:           22px;
@base-line-height:              unit(@base-line-height-px / @base-font-size-px);
@mobile-max:                    599px;
@tablet-min:                    600px;

// Font variables

@webfont-regular: 'AvenirNextLTW01-Regular';
@webfont-italic: 'AvenirNextLTW01-Italic';
@webfont-medium: 'AvenirNextLTW01-Medium';
@webfont-demi: 'AvenirNextLTW01-Demi';

// Color variables

// body
@text:                          @black;

// a
@link-text:                     @pacific;
@link-underline:                @pacific;
@link-text-visited:             @teal;
@link-underline-visited:        @teal;
@link-text-hover:               @pacific-50;
@link-underline-hover:          @pacific-50;
@link-text-active:              @navy;
@link-underline-active:         @navy;

// thead
@thead-text:                    @white;
@thead-bg:                      @darkgray;
@td-bg:                         @gray-5;
@td-bg-alt:                     @gray-10;

// input
@input-bg:                      @white;
@input-border:                  @gray;
@input-border-focus:            @pacific;
@input-placeholder:             @gray;

// .figure__bordered
@figure__bordered:              @gray-50;

/* cf-buttons
   ========================================================================== */

// Color variables

// .btn
@btn-text:                      @white;
@btn-bg:                        @pacific;
@btn-bg-hover:                  @pacific-80;
@btn-bg-active:                 @navy-80;

// .btn__secondary
@btn__secondary-text:           @white;
@btn__secondary-bg:             @gray;
@btn__secondary-bg-hover:       @gray-80;
@btn__secondary-bg-active:      @darkgray;

// .btn__warning
@btn__warning-text:             @white;
@btn__warning-bg:               @redorange;
@btn__warning-bg-hover:         @redorange-80;
@btn__warning-bg-active:        @dark-redorange;

// .btn__disabled
@btn__disabled-text:            @gray;
@btn__disabled-bg:              @gray-20;
@btn__disabled-outline:         @gray-20;

// Sizing variables

// .btn
@btn-font-size:                 14px;
@btn-v-padding:                 8px;
@btn-v-padding-modifier-ie:     .8;
@super-btn-font-size:           18px;

/* cf-expandables
   ========================================================================== */

// Color variables

// .expandable
@expandable-focus:              @black;

// .expandable_label
@expandable_label-text:         @black;

// .expandable_link
@expandable_link-text:          @pacific;

// .expandable__padded
@expandable__padded-bg:         @gray-10;
@expandable__padded-bg-hover:   @gray-20;
@expandable__padded-divider:    @gray-50;

// .expandable-group
@expandable-group_header-text:  @gray;
@expandable-group_header-bg:    @gray-10;
@expandable-group-bg: @white;
@expandable-group-divider:      @gray-80;

// Sizing variables

// .expandable_link
@expandable_link-font-size:     @btn-font-size;

/* cf-forms
   ========================================================================== */

// Color variables

// .error
@input-error:                   @redorange;

// warning
@input-warning:                 @gold;

// .success
@input-success:                 @green;

// Sizing variables

// .input__super
@input__super-font-size:        @super-btn-font-size;

/* cf-grid
   ========================================================================== */

@grid_box-sizing-polyfill-path: '/static/vendor/box-sizing-polyfill';
@grid_wrapper-width:            1200px;
@grid_gutter-width:             30px;
@grid_total-columns:            12;
@grid_debug:                    false;

/* cf-icons
   ========================================================================== */

@cf-icon-prefix:                cf-icon;
@cf-icon-path:                  '../fonts';
@cf-icon-ie7-support:           true;

/* cf-layout
   ========================================================================== */

// Color variables

// .block
@block__border-top:             @gray-50;
@block__border-bottom:          @gray-50;
@block__bg:                     @gray-10;

// .content_main
@content_main-border:           @gray-50;

// .content_sidebar
@content_sidebar-bg:            @gray-10;
@content_sidebar-border:        @gray-50;

// .content_bar
@content_bar:                   @green;

// .content_line
@content_line:                  @gray-50;

// .grid_column__top-divider
@grid_column__top-divider:      @gray-50;

// .grid_column__top-divider
@grid_column__left-divider:     @gray-50;

/* cf-pagination
   ========================================================================== */

// Color variables

@pagination-text:               @gray;
@pagination-bg:                 @gray-20;

// Sizing variables

@pagination-font-size:          16px;
@pagination-bp:                 640px;

/* cf-typography
   ========================================================================== */

// Color variables

// .pull-quote
@pull-quote_body:               @black;
@pull-quote_citation:           @gray;

// .micro-copy
@micro-copy-text:               @gray;

// .date
@date-text:                     @gray;

// .category-slug
@category-slug-text:            @black;
@category-slug-hover:           @link-text-hover;

// .header-slug
@header-slug-thin-border:       @gray-20;
@header-slug-thick-border:      @green;

// .padded-header
@padded-header-text:            @darkgray;
@padded-header-bg:              @gray-10;
@padded-header-border:          @gray-50;

// .fancy-slug
@fancy-slug-text:               @black;
@fancy-slug-bg:                 @white;
@fancy-slug-border:             @gray-50;

// .meta-header
@meta-header-border:            @gray-50;

// .jump-link
@jump-link__bg:                 @gray-10;
@jump-link__bg-border:          @gray-20;

// .list__branded
@list__branded-bullet:          @green;

/* ==========================================================================
   Capital Framework theme overrides
   ========================================================================== */

/* cf-core
   ========================================================================== */

// Sizing variables

@base-font-size-px:             16px;
@base-line-height-px:           22px;
@base-line-height:              unit(@base-line-height-px / @base-font-size-px);
@mobile-max:                    599px;
@tablet-min:                    600px;

// Font variables

@webfont-regular: 'AvenirNextLTW01-Regular';
@webfont-italic: 'AvenirNextLTW01-Italic';
@webfont-medium: 'AvenirNextLTW01-Medium';
@webfont-demi: 'AvenirNextLTW01-Demi';

// Color variables

// body
@text:                          @black;

// a
@link-text:                     @pacific;
@link-underline:                @pacific;
@link-text-visited:             @teal;
@link-underline-visited:        @teal;
@link-text-hover:               @pacific-50;
@link-underline-hover:          @pacific-50;
@link-text-active:              @navy;
@link-underline-active:         @navy;

// thead
@thead-text:                    @white;
@thead-bg:                      @darkgray;
@td-bg:                         @gray-5;
@td-bg-alt:                     @gray-10;

// input
@input-bg:                      @white;
@input-border:                  @gray;
@input-border-focus:            @pacific;
@input-placeholder:             @gray;

// .figure__bordered
@figure__bordered:              @gray-50;

/* cf-buttons
   ========================================================================== */

// Color variables

// .btn
@btn-text:                      @white;
@btn-bg:                        @pacific;
@btn-bg-hover:                  @pacific-80;
@btn-bg-active:                 @navy-80;

// .btn__secondary
@btn__secondary-text:           @white;
@btn__secondary-bg:             @gray;
@btn__secondary-bg-hover:       @gray-80;
@btn__secondary-bg-active:      @darkgray;

// .btn__warning
@btn__warning-text:             @white;
@btn__warning-bg:               @redorange;
@btn__warning-bg-hover:         @redorange-80;
@btn__warning-bg-active:        @dark-redorange;

// .btn__disabled
@btn__disabled-text:            @gray;
@btn__disabled-bg:              @gray-20;
@btn__disabled-outline:         @gray-20;

// Sizing variables

// .btn
@btn-font-size:                 14px;
@btn-v-padding:                 8px;
@btn-v-padding-modifier-ie:     .8;
@super-btn-font-size:           18px;

/* cf-expandables
   ========================================================================== */

// Color variables

// .expandable
@expandable-focus:              @black;

// .expandable_label
@expandable_label-text:         @black;

// .expandable_link
@expandable_link-text:          @pacific;

// .expandable__padded
@expandable__padded-bg:         @gray-10;
@expandable__padded-bg-hover:   @gray-20;
@expandable__padded-divider:    @gray-50;

// .expandable-group
@expandable-group_header-text:  @gray;
@expandable-group_header-bg:    @gray-10;
@expandable-group-bg: @white;
@expandable-group-divider:      @gray-80;

// Sizing variables

// .expandable_link
@expandable_link-font-size:     @btn-font-size;

/* cf-forms
   ========================================================================== */

// Color variables

// .error
@input-error:                   @redorange;

// .success
@input-success:                 @green;

// Sizing variables

// .input__super
@input__super-font-size:        @super-btn-font-size;

/* cf-grid
   ========================================================================== */

@grid_box-sizing-polyfill-path: '/static/vendor/box-sizing-polyfill';
@grid_wrapper-width:            1200px;
@grid_gutter-width:             30px;
@grid_total-columns:            12;
@grid_debug:                    false;

/* cf-icons
   ========================================================================== */

@cf-icon-prefix:                cf-icon;
@cf-icon-path:                  '../fonts';
@cf-icon-ie7-support:           true;

/* cf-layout
   ========================================================================== */

// Color variables

// .block
@block__border-top:             @gray-50;
@block__border-bottom:          @gray-50;
@block__bg:                     @gray-10;

// .content_main
@content_main-border:           @gray-50;

// .content_sidebar
@content_sidebar-bg:            @gray-10;
@content_sidebar-border:        @gray-50;

// .content_bar
@content_bar:                   @green;

// .content_line
@content_line:                  @gray-50;

// .grid_column__top-divider
@grid_column__top-divider:      @gray-50;

// .grid_column__top-divider
@grid_column__left-divider:     @gray-50;

/* cf-pagination
   ========================================================================== */

// Color variables

@pagination-text:               @gray;
@pagination-bg:                 @gray-20;

// Sizing variables

@pagination-font-size:          16px;
@pagination-bp:                 640px;

/* cf-typography
   ========================================================================== */

// Color variables

// .pull-quote
@pull-quote_body:               @black;
@pull-quote_citation:           @gray;

// .micro-copy
@micro-copy-text:               @gray;

// .date
@date-text:                     @gray;

// .category-slug
@category-slug-text:            @black;
@category-slug-hover:           @link-text-hover;

// .header-slug
@header-slug-thin-border:       @gray-20;
@header-slug-thick-border:      @green;

// .padded-header
@padded-header-text:            @darkgray;
@padded-header-bg:              @gray-10;
@padded-header-border:          @gray-50;

// .fancy-slug
@fancy-slug-text:               @black;
@fancy-slug-bg:                 @white;
@fancy-slug-border:             @gray-50;

// .meta-header
@meta-header-border:            @gray-50;

// .jump-link
@jump-link__bg:                 @gray-10;
@jump-link__bg-border:          @gray-20;

// .list__branded
@list__branded-bullet:          @green;


add cf theme colors for form checkboxes

add cf theme colors for form checkboxes

error: pathspec 'src/cf-themes-overrides.less' did not match any file(s) known to git


some tag didn't show the right border when the remove button was present, fixed the line-height, top and bottom padding and display inline-block

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/dedalozzo/pit-bootstrap.git/'


testing compatibility of tv-browsers, add some alternates selectors

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/zazujs/zazu-app-example.git/'


Fix header padding

Fix header padding


Define container width

Define container width

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/yupiq/test-percent-credit-theme.git/'


fix admin header spacing issue

fix admin header spacing issue

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/mb4ms/event-site.git/'


img test

img test

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/cgoudarzi/cgoudarzi.github.io.git/'