write function for easy flex-box use (aka flexy)

.flex(@a: 0; ...) {
  .prefixer(box-flex; extract(@a, 1); webkit); // Old Syntax
  .prefixer(flex; @arguments; webkit);
}

.justify-content(...) {
  .infer_replace(@a) when (@a = flex-start), (@a = flex-end), (@a = space-between) {
    .prefixer(box-pack; replace(replace(@a, "flex-", " "), "space-between", " justify"); webkit);
  }.infer_replace(@arguments);
  .infer_replace(@a) when (default()) {
    .prefixer(box-pack; @arguments; webkit);
  }.infer_replace(@arguments);
  .prefixer(justify-content; @arguments; webkit);
}

.flex-direction(...) {
  .infer_reverse(@a) when (@a = row-reverse), (@a = column-reverse) {
    .prefixer(box-direction; reverse; webkit); // Old Syntax
  }.infer_reverse(@arguments);
  .prefixer(box-orient; replace(replace(replace(@arguments, "-reverse", " "), "column", " vertical"), "row", " horizontal"); webkit); // Old Syntax
  .prefixer(flex-direction; @arguments; webkit);
}

.align-items(...) {
  .infer_replace(@a) when (@a = flex-start), (@a = flex-end) {
    .prefixer(box-align; replace(@a, "flex-", " "); webkit); // Old Syntax
  }.infer_replace(@arguments);
  .infer_replace(@a) when (default()) {
    .prefixer(box-align; @a; webkit); // Old Syntax
  }.infer_replace(@arguments);
  .prefixer(align-items; @arguments; webkit);
}

.flexy(...) {

  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;

  .infer_single(@a) when (length(@a) = 1) {
    .infer_direction(@a) when (@a = row), (@a = row-reverse), (@a = column), (@a = column-reverse) {
      .flex-direction(@a);
    }.infer_direction(@a);
    .infer_direction(@a) when (default()) {
      .align-items(@a);
    }.infer_direction(@a);
  }.infer_single(@arguments);

  .infer_double(@a) when (length(@a) = 2) {
    .infer_column(@a) when (extract(@a, 1) = column), (extract(@a, 1) = column-reverse) {
      .flex-direction(extract(@a, 1));
      .justify-content(extract(@a, 2))
    }.infer_column(@a);
    .infer_column(@a) when (default()) {
      .align-items(extract(@a, 1));
      .justify-content(extract(@a, 2));
    }.infer_column(@a);
  }.infer_double(@arguments);

  .infer_triple(@a) when (length(@a) = 3) {
    .align-items(extract(@a, 1));
    .justify-content(extract(@a, 2));
    .flex-direction(extract(@a, 3))
  }.infer_triple(@arguments);

}

error: pathspec 'resources/assets/css/common/flexy.less' did not match any file(s) known to git


Wrap words in button

Wrap words in button

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/sonatra/sonatra-theme-gluon.git/'


INBOX-444 Fixed ellipsis on list subheader following layout change.

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


style(task-manager): switch node styles to have top level node style override subsequent nodes

.task-manager-modal {
  .left-side {
    background-color: @accent-backdrop;
    border-right: 1px solid @border;

    tree-list {
      tree-node {
        ul {
          li {
            div {
              color: #777;
              background-color: @athens-gray;

              &.selected {
                color: @accent;
              }
            }
          }
        }
      }

      > tree-node {
        > ul {
          > li {
            > div {
              font-size: 14px !important;
              border-bottom: 2px solid @grey;
              background-color: @tree-node-bg;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
        }
      }
    }
  }

  .right-side {
    .title {
      border-bottom: 1px solid rgba(0, 0, 0, .12);
    }
  }

  .logs {
    height: 274px;
  }
}

.task-manager-modal {
  .left-side {
    border-right: 1px solid @iron;

    tree-list {
      > tree-node {
        > ul {
          > li {
            > div {
              font-size: 14px !important;
              border-bottom: 2px solid @grey;
              background-color: @iron !important;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
        }
      }

      tree-node {
        ul {
          li {
            div {
              color: #777;
              background-color: @athens-gray;

              &.selected {
                color: @accent;
              }
            }
          }
        }
      }
    }
  }

  .right-side {
    .title {
      border-bottom: 1px solid rgba(0, 0, 0, .12);
    }
  }

  .logs {
    height: 274px;
  }
}


add standard out less file I forgot

add standard out less file I forgot

/** @define StandardOut */

.StandardOut {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.StandardOut-header {
    flex: initial;
}

.StandardOut-breadcrumbs {
    padding-left: 15px;
}

.StandardOut-form {
    padding-left: 15px;
}

.StandardOut-panel {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    margin-bottom: -41px;
}

.StandardOut-panelHeading {
    flex: initial;
}

.StandardOut-panelBody {
    flex: 1 0 auto;
    padding: 0;
    position: relative;
}

.StandardOut-preContainer {
    position: absolute;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.StandardOut-preContent {
    position: absolute;
}

error: pathspec 'awx/ui/client/src/standard-out/standardOut.block.less' did not match any file(s) known to git


smoother animation between slides

smoother animation between slides

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


added some styles still in progress

added some styles still in progress

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