improve style code

improve style code

@import "../../style/themes/default";
@import "../../style/mixins/index";

@table-prefix-cls: ~"@{ant-prefix}-table";
@table-head-background-color: @background-color-base;

.@{table-prefix-cls} {
  font-size: @font-size-base;
  color: @text-color;
  overflow: hidden;
  position: relative;
  border-radius: @border-radius-base @border-radius-base 0 0;

  &-body {
    transition: opacity 0.3s ease;
  }

  table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    border-radius: @border-radius-base @border-radius-base 0 0;
    overflow: hidden;
  }

  &-thead > tr > th {
    background: @table-head-background-color;
    font-weight: bold;
    transition: background .3s ease;
    text-align: left;

    &[colspan] {
      text-align: center;
    }

    .@{iconfont-css-prefix}-filter {
      margin-left: 4px;
      font-size: @font-size-base;
      cursor: pointer;
      color: #aaa;
      transition: all 0.3s ease;
      &:hover {
        color: @text-color;
      }
    }

    .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
      color: @primary-color;
    }
  }

  &-tbody > tr > td {
    border-bottom: 1px solid @border-color-split;
    position: relative;
  }

  &-thead > tr,
  &-tbody > tr {
    transition: all .3s ease;
    &.@{table-prefix-cls}-row-hover,
    &:hover {
      background: tint(@primary-color, 90%);
    }
  }

  &-thead > tr:hover {
    background: none;
  }

  &-footer {
    padding: 16px 8px;
    background: @table-head-background-color;
    border-radius: 0 0 @border-radius-base @border-radius-base;
    position: relative;
    &:before {
      content: '';
      height: 1px;
      background: @table-head-background-color;
      position: absolute;
      top: -1px;
      width: 100%;
      left: 0;
    }
  }

  &.@{table-prefix-cls}-bordered &-footer {
    border: 1px solid @border-color-split;
  }

  &-title {
    padding: 16px 8px;
    position: relative;
    top: 1px;
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &.@{table-prefix-cls}-bordered &-title {
    border: 1px solid @border-color-split;
  }

  &-title + &-content {
    position: relative;
    border-radius: @border-radius-base @border-radius-base 0 0;
    overflow: hidden;
    .@{table-prefix-cls}-bordered & {
      &,
      table {
        border-radius: 0;
      }
    }
  }

  &-tbody > tr.@{table-prefix-cls}-row-selected {
    background: #fafafa;
  }

  &-thead > tr > th.@{table-prefix-cls}-column-sort {
    background: #eaeaea;
  }

  &-thead > tr > th,
  &-tbody > tr > td {
    padding: 16px 8px;
    word-break: break-all;
  }

  &-thead > tr > th.@{table-prefix-cls}-selection-column,
  &-tbody > tr > td.@{table-prefix-cls}-selection-column {
    text-align: center;
    width: 40px;
  }

  &-header {
    background: @table-head-background-color;
    overflow: hidden;
  }

  &-header table {
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-loading {
    position: relative;
    .@{table-prefix-cls}-body {
      background: @component-background;
      opacity: 0.5;
    }
    .@{table-prefix-cls}-spin-holder {
      height: 20px;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin-left: -30px;
      position: absolute;
    }
    .@{table-prefix-cls}-with-pagination {
      margin-top: -20px;
    }
    .@{table-prefix-cls}-without-pagination {
      margin-top: 10px;
    }
  }

  &-middle {
    .@{table-prefix-cls}-thead > tr > th,
    .@{table-prefix-cls}-tbody > tr > td {
      padding: 10px 8px;
    }

    .@{table-prefix-cls}-title,
    .@{table-prefix-cls}-footer {
      padding: 10px 8px;
    }
  }

  &-small {
    border: 1px solid @border-color-split;
    border-radius: @border-radius-base;

    .@{table-prefix-cls}-header > table,
    .@{table-prefix-cls}-body > table {
      border: 0;
      padding: 0 8px;
    }

    .@{table-prefix-cls}-thead > tr > th {
      background: @component-background;
      border-bottom: 1px solid @border-color-split;
    }

    .@{table-prefix-cls}-tbody > tr > td {
      padding: 6px 8px;
    }

    .@{table-prefix-cls}-title,
    .@{table-prefix-cls}-footer,
    .@{table-prefix-cls}-thead > tr > th {
      padding: 10px 8px;
    }

    .@{table-prefix-cls}-title {
      border-bottom: 1px solid @border-color-split;
      top: 0;
    }

    .@{table-prefix-cls}-header {
      background: @component-background;
      table {
        border-bottom: 1px solid @border-color-split;
      }
      .@{table-prefix-cls}-thead > tr > th {
        border-bottom: 0;
      }
    }

    .@{table-prefix-cls}-row:last-child td {
      border-bottom: 0;
    }
  }

  &-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    &-up,
    &-down {
      line-height: 4px;
      height: 5px;
      display: block;
      width: 12px;
      cursor: pointer;
      &:hover .@{iconfont-css-prefix} {
        color: @text-color;
      }
      &.on {
        .@{iconfont-css-prefix}-caret-up,
        .@{iconfont-css-prefix}-caret-down {
          color: @primary-color;
        }
      }
    }
    .@{iconfont-css-prefix}-caret-up,
    .@{iconfont-css-prefix}-caret-down {
      .iconfont-size-under-12px(7px);
      line-height: 6px;
      height: 6px;
      color: #aaa;
      &:before {
        -moz-transform-origin: 53% 50%; /* fix firefox position */
      }
    }
  }

  &-bordered {
    .@{table-prefix-cls}-header > table,
    .@{table-prefix-cls}-body > table,
    .@{table-prefix-cls}-fixed-left table,
    .@{table-prefix-cls}-fixed-right table {
      border: 1px solid @border-color-split;
      border-right: 0;
      border-bottom: 0;
    }

    &.@{table-prefix-cls}-fixed-header {
      .@{table-prefix-cls}-header > table {
        border-bottom: 0;
      }

      .@{table-prefix-cls}-body > table {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .@{table-prefix-cls}-body-inner > table {
        border-top: 0;
      }

      .@{table-prefix-cls}-placeholder {
        border-bottom: 0;
      }
    }

    .@{table-prefix-cls}-thead > tr > th {
      border-bottom: 1px solid @border-color-split;
    }

    &.@{table-prefix-cls}-empty .@{table-prefix-cls}-thead > tr > th {
      border-bottom: 0;
    }

    .@{table-prefix-cls}-thead > tr > th,
    .@{table-prefix-cls}-tbody > tr > td {
      border-right: 1px solid @border-color-split;
    }

    &.@{table-prefix-cls}-small {
      border-right: 0;

      .@{table-prefix-cls}-header > table,
      .@{table-prefix-cls}-body > table,
      .@{table-prefix-cls}-fixed-left table,
      .@{table-prefix-cls}-fixed-right table {
        border: 0;
        padding: 0;
      }

      .@{table-prefix-cls}-title {
        border: 0;
        border-bottom: 1px solid @border-color-split;
      }

      .@{table-prefix-cls}-footer {
        border: 0;
        border-top: 1px solid @border-color-split;
      }
    }
  }

  &-placeholder {
    padding: 16px 8px;
    background: @component-background;
    border-bottom: 1px solid @border-color-split;;
    text-align: center;
    font-size: @font-size-base;
    color: @text-color-secondary;
    .@{iconfont-css-prefix} {
      margin-right: 4px;
    }
  }

  &-pagination {
    margin: 16px 0;
    float: right;
  }

  &-filter-dropdown {
    min-width: 96px;
    margin-left: -8px;
    background: @component-background;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;

    .@{ant-prefix}-dropdown-menu {
      border: 0;
      box-shadow: none;
      border-radius: @border-radius-base @border-radius-base 0 0;

      &-item > label + span {
        margin-left: 8px;
      }

      &-sub {
        border-radius: @border-radius-base;
        box-shadow: @box-shadow-base;
      }

      .@{ant-prefix}-dropdown-submenu-contain-selected {
        .@{ant-prefix}-dropdown-menu-submenu-title:after {
          color: @primary-color;
          font-weight: bold;
          text-shadow: 0 0 2px tint(@primary-color, 80%);
        }
      }
    }

    .@{ant-prefix}-dropdown-menu-item {
      overflow: hidden;
    }

    > .@{ant-prefix}-dropdown-menu > .@{ant-prefix}-dropdown-menu-item:last-child,
    > .@{ant-prefix}-dropdown-menu > .@{ant-prefix}-dropdown-menu-submenu:last-child .@{ant-prefix}-dropdown-menu-submenu-title {
      border-radius: 0;
    }

    &-btns {
      overflow: hidden;
      padding: 7px 16px;
      border-top: 1px solid @border-color-split;
    }

    &-link {
      color: @link-color;
      &:hover {
        color: @link-hover-color;
      }
      &:active {
        color: @link-active-color;
      }
      &.confirm {
        float: left;
      }
      &.clear {
        float: right;
      }
    }
  }

  &-expand-icon-th {
    width: 40px;
  }

  &-row {
    &-expand-icon {
      cursor: pointer;
      display: inline-block;
      width: 17px;
      height: 17px;
      text-align: center;
      line-height: 14px;
      border: 1px solid @border-color-split;
      user-select: none;
      background: @component-background;
      &-cell {
        width: 18px;
      }
    }

    &-expanded:after {
      content: '-';
    }

    &-collapsed:after {
      content: '+';
    }

    &-spaced {
      visibility: hidden;
      &:after {
        content: '.';
      }
    }

    &[class*="@{table-prefix-cls}-row-level-0"] .@{table-prefix-cls}-selection-column > span {
      display: inline-block;
    }
  }

  tr&-expanded-row {
    &,
    &:hover {
      background: #fbfbfb;
    }
  }

  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon {
    margin-right: 8px;
  }

  &-scroll {
    overflow: auto;
    table {
      width: auto;
      min-width: 100%;
    }
  }

  &-body-inner {
    height: 100%;
  }

  &-fixed-header &-body {
    position: relative;
    background: @component-background;
  }

  &-fixed-header &-body-inner {
    overflow: scroll;
  }

  &-fixed-header &-scroll &-header {
    overflow: scroll;
    padding-bottom: 20px;
    margin-bottom: -20px;
  }

  /* fix firefox scrollbar bug */
  &-fixed-header&-empty &-scroll &-body {
    padding-bottom: 20px;
    margin-bottom: -20px;
  }

  &-fixed-left,
  &-fixed-right {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow .3s ease;
    border-radius: 0;
    table {
      width: auto;
      background: @component-background;
    }
  }

  &-fixed-header &-fixed-left &-body-outer &-fixed,
  &-fixed-header &-fixed-right &-body-outer &-fixed {
    border-radius: 0;
  }

  &-fixed-left {
    left: 0;
    box-shadow: @shadow-1-right;
    .@{table-prefix-cls}-header {
      overflow-y: hidden;
    }
    // hide scrollbar in left fixed columns
    .@{table-prefix-cls}-body-inner {
      margin-right: -20px;
      padding-right: 20px;
    }
    .@{table-prefix-cls}-fixed-header & .@{table-prefix-cls}-body-inner {
      padding-right: 0;
    }
    &,
    table {
      border-radius: @border-radius-base 0 0 0;
    }
  }

  &-fixed-right {
    right: 0;
    box-shadow: @shadow-1-left;
    &,
    table {
      border-radius: 0 @border-radius-base 0 0;
    }
    // hide expand row content in right-fixed Table
    // https://github.com/ant-design/ant-design/issues/1898
    .@{table-prefix-cls}-expanded-row {
      color: transparent;
      pointer-events: none;
    }
  }

  &&-scroll-position-left &-fixed-left {
    box-shadow: none;
  }

  &&-scroll-position-right &-fixed-right {
    box-shadow: none;
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";

@table-prefix-cls: ~"@{ant-prefix}-table";
@table-head-background-color: @background-color-base;

.@{table-prefix-cls} {
  font-size: @font-size-base;
  color: @text-color;
  overflow: hidden;
  position: relative;
  border-radius: @border-radius-base @border-radius-base 0 0;
  overflow: hidden;

  &-body {
    transition: opacity 0.3s ease;
  }

  table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    border-radius: @border-radius-base @border-radius-base 0 0;
    overflow: hidden;
  }

  &-thead > tr > th {
    background: @table-head-background-color;
    font-weight: bold;
    transition: background .3s ease;
    text-align: left;

    &[colspan] {
      text-align: center;
    }

    .@{iconfont-css-prefix}-filter {
      margin-left: 4px;
      font-size: @font-size-base;
      cursor: pointer;
      color: #aaa;
      transition: all 0.3s ease;
      &:hover {
        color: @text-color;
      }
    }

    .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
      color: @primary-color;
    }
  }

  &-tbody > tr > td {
    border-bottom: 1px solid @border-color-split;
    position: relative;
  }

  &-thead > tr,
  &-tbody > tr {
    transition: all .3s ease;
    &.@{table-prefix-cls}-row-hover,
    &:hover {
      background: tint(@primary-color, 90%);
    }
  }

  &-thead > tr:hover {
    background: none;
  }

  &-footer {
    padding: 16px 8px;
    background: @table-head-background-color;
    border-radius: 0 0 @border-radius-base @border-radius-base;
    position: relative;
    &:before {
      content: '';
      height: 1px;
      background: @table-head-background-color;
      position: absolute;
      top: -1px;
      width: 100%;
      left: 0;
    }
  }

  &.@{table-prefix-cls}-bordered &-footer {
    border: 1px solid @border-color-split;
  }

  &-title {
    padding: 16px 8px;
    position: relative;
    top: 1px;
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &.@{table-prefix-cls}-bordered &-title {
    border: 1px solid @border-color-split;
  }

  &-title + &-content {
    position: relative;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    .@{table-prefix-cls}-bordered & {
      &,
      table {
        border-radius: 0;
      }
    }
  }

  &-tbody > tr.@{table-prefix-cls}-row-selected {
    background: #fafafa;
  }

  &-thead > tr > th.@{table-prefix-cls}-column-sort {
    background: #eaeaea;
  }

  &-thead > tr > th,
  &-tbody > tr > td {
    padding: 16px 8px;
    word-break: break-all;
  }

  &-thead > tr > th.@{table-prefix-cls}-selection-column,
  &-tbody > tr > td.@{table-prefix-cls}-selection-column {
    text-align: center;
    width: 40px;
  }

  &-header {
    background: @table-head-background-color;
    overflow: hidden;
  }

  &-header table {
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-loading {
    position: relative;
    .@{table-prefix-cls}-body {
      background: @component-background;
      opacity: 0.5;
    }
    .@{table-prefix-cls}-spin-holder {
      height: 20px;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin-left: -30px;
      position: absolute;
    }
    .@{table-prefix-cls}-with-pagination {
      margin-top: -20px;
    }
    .@{table-prefix-cls}-without-pagination {
      margin-top: 10px;
    }
  }

  &-middle {
    .@{table-prefix-cls}-thead > tr > th,
    .@{table-prefix-cls}-tbody > tr > td {
      padding: 10px 8px;
    }

    .@{table-prefix-cls}-title,
    .@{table-prefix-cls}-footer {
      padding: 10px 8px;
    }
  }

  &-small {
    border: 1px solid @border-color-split;
    border-radius: @border-radius-base;

    .@{table-prefix-cls}-header > table,
    .@{table-prefix-cls}-body > table {
      border: 0;
      padding: 0 8px;
    }

    .@{table-prefix-cls}-thead > tr > th {
      background: @component-background;
      border-bottom: 1px solid @border-color-split;
    }

    .@{table-prefix-cls}-tbody > tr > td {
      padding: 6px 8px;
    }

    .@{table-prefix-cls}-title,
    .@{table-prefix-cls}-footer,
    .@{table-prefix-cls}-thead > tr > th {
      padding: 10px 8px;
    }

    .@{table-prefix-cls}-title {
      border-bottom: 1px solid @border-color-split;
      top: 0;
    }

    .@{table-prefix-cls}-header {
      background: @component-background;
      table {
        border-bottom: 1px solid @border-color-split;
      }
      .@{table-prefix-cls}-thead > tr > th {
        border-bottom: 0;
      }
    }

    .@{table-prefix-cls}-row:last-child td {
      border-bottom: 0;
    }
  }

  &-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    &-up,
    &-down {
      line-height: 4px;
      height: 5px;
      display: block;
      width: 12px;
      cursor: pointer;
      &:hover .@{iconfont-css-prefix} {
        color: @text-color;
      }
      &.on {
        .@{iconfont-css-prefix}-caret-up,
        .@{iconfont-css-prefix}-caret-down {
          color: @primary-color;
        }
      }
    }
    .@{iconfont-css-prefix}-caret-up,
    .@{iconfont-css-prefix}-caret-down {
      .iconfont-size-under-12px(7px);
      line-height: 6px;
      height: 6px;
      color: #aaa;
      &:before {
        -moz-transform-origin: 53% 50%; /* fix firefox position */
      }
    }
  }

  &-bordered {
    .@{table-prefix-cls}-header > table,
    .@{table-prefix-cls}-body > table,
    .@{table-prefix-cls}-fixed-left table,
    .@{table-prefix-cls}-fixed-right table {
      border: 1px solid @border-color-split;
      border-right: 0;
      border-bottom: 0;
    }

    &.@{table-prefix-cls}-fixed-header {
      .@{table-prefix-cls}-header > table {
        border-bottom: 0;
      }

      .@{table-prefix-cls}-body > table {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .@{table-prefix-cls}-body-inner > table {
        border-top: 0;
      }

      .@{table-prefix-cls}-placeholder {
        border-bottom: 0;
      }
    }

    .@{table-prefix-cls}-thead > tr > th {
      border-bottom: 1px solid @border-color-split;
    }

    &.@{table-prefix-cls}-empty .@{table-prefix-cls}-thead > tr > th {
      border-bottom: 0;
    }

    .@{table-prefix-cls}-thead > tr > th,
    .@{table-prefix-cls}-tbody > tr > td {
      border-right: 1px solid @border-color-split;
    }

    &.@{table-prefix-cls}-small {
      border-right: 0;

      .@{table-prefix-cls}-header > table,
      .@{table-prefix-cls}-body > table,
      .@{table-prefix-cls}-fixed-left table,
      .@{table-prefix-cls}-fixed-right table {
        border: 0;
        padding: 0;
      }

      .@{table-prefix-cls}-title {
        border: 0;
        border-bottom: 1px solid @border-color-split;
      }

      .@{table-prefix-cls}-footer {
        border: 0;
        border-top: 1px solid @border-color-split;
      }
    }
  }

  &-placeholder {
    padding: 16px 8px;
    background: @component-background;
    border-bottom: 1px solid @border-color-split;;
    text-align: center;
    font-size: @font-size-base;
    color: @text-color-secondary;
    .@{iconfont-css-prefix} {
      margin-right: 4px;
    }
  }

  &-pagination {
    margin: 16px 0;
    float: right;
  }

  &-filter-dropdown {
    min-width: 96px;
    margin-left: -8px;
    background: @component-background;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;

    .@{ant-prefix}-dropdown-menu {
      border: 0;
      box-shadow: none;
      border-radius: @border-radius-base @border-radius-base 0 0;

      &-item > label + span {
        margin-left: 8px;
      }

      &-sub {
        border-radius: @border-radius-base;
        box-shadow: @box-shadow-base;
      }

      .@{ant-prefix}-dropdown-submenu-contain-selected {
        .@{ant-prefix}-dropdown-menu-submenu-title:after {
          color: @primary-color;
          font-weight: bold;
          text-shadow: 0 0 2px tint(@primary-color, 80%);
        }
      }
    }

    .@{ant-prefix}-dropdown-menu-item {
      overflow: hidden;
    }

    > .@{ant-prefix}-dropdown-menu > .@{ant-prefix}-dropdown-menu-item:last-child,
    > .@{ant-prefix}-dropdown-menu > .@{ant-prefix}-dropdown-menu-submenu:last-child .@{ant-prefix}-dropdown-menu-submenu-title {
      border-radius: 0;
    }

    &-btns {
      overflow: hidden;
      padding: 7px 16px;
      border-top: 1px solid @border-color-split;
    }

    &-link {
      color: @link-color;
      &:hover {
        color: @link-hover-color;
      }
      &:active {
        color: @link-active-color;
      }
      &.confirm {
        float: left;
      }
      &.clear {
        float: right;
      }
    }
  }

  &-expand-icon-th {
    width: 40px;
  }

  &-row {
    &-expand-icon {
      cursor: pointer;
      display: inline-block;
      width: 17px;
      height: 17px;
      text-align: center;
      line-height: 14px;
      border: 1px solid @border-color-split;
      user-select: none;
      background: @component-background;
      &-cell {
        width: 18px;
      }
    }

    &-expanded:after {
      content: '-';
    }

    &-collapsed:after {
      content: '+';
    }

    &-spaced {
      visibility: hidden;
      &:after {
        content: '.';
      }
    }

    &[class*="@{table-prefix-cls}-row-level-0"] .@{table-prefix-cls}-selection-column > span {
      display: inline-block;
    }
  }

  tr&-expanded-row {
    &,
    &:hover {
      background: #fbfbfb;
    }
  }

  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon {
    margin-right: 8px;
  }

  &-scroll {
    overflow: auto;
    table {
      width: auto;
      min-width: 100%;
    }
  }

  &-body-inner {
    height: 100%;
  }

  &-fixed-header &-body {
    position: relative;
    background: @component-background;
  }

  &-fixed-header &-body-inner {
    overflow: scroll;
  }

  &-fixed-header &-scroll &-header {
    overflow: scroll;
    padding-bottom: 20px;
    margin-bottom: -20px;
  }

  /* fix firefox scrollbar bug */
  &-fixed-header&-empty &-scroll &-body {
    padding-bottom: 20px;
    margin-bottom: -20px;
  }

  &-fixed-left,
  &-fixed-right {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow .3s ease;
    border-radius: 0;
    table {
      width: auto;
      background: @component-background;
    }
  }

  &-fixed-header &-fixed-left &-body-outer &-fixed,
  &-fixed-header &-fixed-right &-body-outer &-fixed {
    border-radius: 0;
  }

  &-fixed-left {
    left: 0;
    box-shadow: @shadow-1-right;
    .@{table-prefix-cls}-header {
      overflow-y: hidden;
    }
    // hide scrollbar in left fixed columns
    .@{table-prefix-cls}-body-inner {
      margin-right: -20px;
      padding-right: 20px;
    }
    .@{table-prefix-cls}-fixed-header & .@{table-prefix-cls}-body-inner {
      padding-right: 0;
    }
    &,
    table {
      border-radius: @border-radius-base 0 0 0;
    }
  }

  &-fixed-right {
    right: 0;
    box-shadow: @shadow-1-left;
    &,
    table {
      border-radius: 0 @border-radius-base 0 0;
    }
    // hide expand row content in right-fixed Table
    // https://github.com/ant-design/ant-design/issues/1898
    .@{table-prefix-cls}-expanded-row {
      color: transparent;
      pointer-events: none;
    }
  }

  &&-scroll-position-left &-fixed-left {
    box-shadow: none;
  }

  &&-scroll-position-right &-fixed-right {
    box-shadow: none;
  }
}


Even out spacing on ac results

Even out spacing on ac results

@import "highlighting.less";

// @mixin blue-bg($alpha: 1) { background-color: rgba(53,151,202,$alpha); }
// @mixin green-bg($alpha: 1) { background-color: rgba(57,202,116,$alpha); }
// @mixin yellow-bg($alpha: 1) { background-color: rgba(236,192,47,$alpha); }
// @mixin red-bg($alpha: 1) { background-color: rgba(229,77,66,$alpha); }

// @mixin flex($val) {
//   -webkit-box-flex: $val;
//   -webkit-flex: $val;
//   -moz-box-flex: $val;
//   -ms-flex: $val;
// }

html, body {
  -webkit-font-smothing: antialiased;
  height: 100%;
  //font-family: 'Open Sans', sans-serif;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
}

body {
  font-size: 16px;
  line-height: 1.5em;
}

img {
  max-width: 100%;
}

h1 {
  margin-top: 0;
  font-size: 28px;
  line-height: 1.3em;
  font-weight: 400;
}

h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0.5em;
  //font-family: 'Open Sans', sans-serif;
}

h4 {
  font-weight: 400;
}

p {
  font-size: 16px;
  margin-bottom: 1.4em;
}

li {
  margin-bottom: 0.5em;
  list-style-type: none;
}

pre {
  border-radius: 0px;
}

ul {
  padding: 0;
}

section {
  margin-bottom: 2em;
}

html, body {
  height: 100%;
}

.sticky-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -200px;
}

footer, .sticky-push {
  height: 200px;
}

footer {
  text-align: center;
  font-size: 12px;
  padding-top: 130px;

  .divider {
    font-size: 16px;
  }

  .ctas {
    margin-left: 52px;
    line-height: 30px;

    iframe {
      margin-bottom: -6px;
      margin-left: 10px;
    }
  }
}

.avatar {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
  width: 48px;
  height: 48px;
}

header.navbar {
  border-radius: 0;
  margin-bottom: 40px;

  a {
  }

  h1 {
  }

  i {
    margin-right: 5px;
  }

  @media (max-width: 767px) {
    .navbar-brand {
      float: none;
      display: inline-block;
      padding-left: 0;
    }
  }

  .user-area {
    padding: 13px 15px;
    font-size: 14px;
    color: #999;

    a {
      display: inline;
      padding: 0;

      &:hover {
        background-color: transparent;
      }
    }
  }

  .avatar {
    width: 22px;
    height: 22px;
    margin-right: 5px;
  }

  .navbar-nav {
    li {
      margin-bottom: 0;
      font-size: 14px;
    }
  }

  input[type='text'] {
    border-radius: 0;
    font-size: 14px;
    padding: 10px;
    min-width: 200px;
  }
}

.intro {
  margin-bottom: 30px;
}

.see-also {
  margin-bottom: 20px;

  a {
    color: #999;

    .ns {
    }

    .name {
      color: #428bca;

      &:hover {
        color: #2a6496;
      }
    }
  }

  p {
    color: #555;
    margin-bottom: 0px;
  }

  .meta {
    font-size: 10px;
    color: #ccc;
    text-transform: uppercase;

    a {
      color: #ccc;
    }
  }
}

.null-state {
  background-color: #fafafa;
  text-align: center;
  padding: 20px;
  color: #888;

  code {
    color: #888;
  }

  a {
    color: rgba(66, 139, 202, 0.7);
  }
}

form.search {
  input[name='query'].loading {
    background-image: url("/img/loading.gif");
    background-repeat: no-repeat;
    background-position: right 8px center;
  }
}

.intro-page {
  form.search {
    margin-bottom: 1em;

    input[name='query'] {
      font-size: 20px;
      padding: 20px 10px;
      border-radius: 0;
    }
  }

  .code-example {
    font-size: 14px;
    padding: 20px;
    border: solid transparent 1px;
    background-color: #fafafa;
  }

  h4 {
    font-weight: 300;
  }

  .row {
    margin-bottom: 0px;
  }

  .top-contribs .avatar {
    width: 9.77%;
    height: auto;

    @media (max-width: 991px) {
      width: 35px;
      height: auto;
    }
  }
}

.ac-result-link:hover {
  text-decoration: none;
  width: 100%;
}

.ac-result {
  td {
    padding: 10px;
  }

  .docstring {
    color: #444;
  }

  &:hover {
    background-color: rgba(0,0,0,0.05);

    a {
      text-decoration: none;
    }
  }
}

ul i {
  margin-right: 12px;
  margin-left: -30px;
}

ul i.fa-map-marker {
  padding: 0 3px;
}

ul.ac-results {
  margin-left: 0px;

  li {
    margin-left: 0px;
    list-style-type: none;
    cursor: pointer;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 15px;

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

    h4 {
    }

    p {
      margin-bottom: 0;
//      margin-left: 28px;
    }

    i {
      margin-left: 0;
      color: #666;
      width: 15px;
      text-align: right;
    }

    .ac-type {

    }
  }
}

.ac-entry {
  position: relative;

  .ac-type {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #aaa;
    line-height: 12px;
  }
}

table.ac-results {
  width: 100%;
  font-size: 15px;

  td {
    padding-bottom: 20px;
    vertical-align: top;
  }

  .ac-result {
    .name {
      vertical-align: top;
      margin-right: 10px;
      font-weight: bold;
      white-space: nowrap;
    }

    .docstring {
      vertical-align: top;
      max-width: 700px;

      a {
        display: block;
        color: #444;
      }
    }
  }

  .ac-metadata {
    font-weight: normal;
    color: #999;
    font-size: 12px;
    //text-transform: uppercase;
    white-space: nowrap;
  }
}

.intro-page {
  section {
    margin-bottom: 4em;
  }

  li {
    margin-left: 32px;
  }

  .used-by {
    ul {
      text-align: center;
    }

    li {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 20px;
    }

    img {
      max-width: 200px;
      max-height: 50px;

      @media (max-width: 1199px) {
        max-height: 35px;
      }

      @media (max-width: 991px) {
        max-height: 50px;
      }

    }
  }
}

.var-page,
.example-page {
  h1 {
    margin: 0;
    line-height: 1em;
    margin-bottom: 5px;
    font-size: 30px;
    margin-bottom: 10px;
  }

  h2 {
    margin-top: 0;
    font-size: 16px;
    font-weight: normal;
  }

  h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
  }

  pre {
    border: none;
  }

  section {
    margin-bottom: 2em;
  }

  section.search {
    margin-bottom: 1em;
  }

  .var-data {
    h2 {
      color: #888;
    }
  }

  .arglists {
    margin-left: 0;
    padding-left: 0;

    li {
      margin: 0;
    }
  }

  .var-meta {
    font-size: 14px;
    line-height: 1.3em;

    h2, ul, li, .added {
      margin-bottom: 3px;
    }

    li {
      display: inline-block;
    }
  }

  .docstring {
    pre {
      //border-left: solid #ddd 3px;
      background-color: #f8f8f8;
      font-size: 13px;
      margin-bottom: 0;
      padding: 20px;
    }

    .copyright {
      text-align: right;
      font-size: 10px;
      color: #bbb;

      a {
        color: #bbb;
      }
    }
  }

  .example {
    margin-bottom: 30px;
  }

  .syntaxhighlighter {
    font-size: 15px;

    table {
      margin: 0;
    }
  }

  .created,
  .last-updated {
  }
}

.var-examples {
  h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    margin-bottom: 20px;
  }
}

.var-example {
  margin-bottom: 30px;

  .example {
    margin-bottom: 30px;
  }

  .example-meta {
    font-size: 10px;
    margin-bottom: 0px;
    line-height: 1.3em;
    color: #aaa;
    margin-right: 5px;

    .avatar {
      width: 25px;
      height: 25px;
      opacity: 0.8;

      &:hover {
        opacity: 1;
      }
    }

    .contributors,
    .created,
    .last-updated,
    .links {
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px;

      a {

      }
    }
  }

  .syntaxhighlighter {
    font-size: 15px;

    table {
      margin: 0;
    }
  }

  .created,
  .last-updated {
  }
}

.example-page {
  .current-example {
    border: solid rgba(255,243,109, 0.6) 20px;
    background-color: transparent;
    margin: 0 -20px;
    margin-bottom: 20px;
  }

  .example-meta {
    .created {
      display: block;
    }
  }
}

.example-code {
  margin-bottom: 15px;
  background-color: #fafafa;
  //border-left: solid #ddd 3px;
}

.ns-tree {
  font-size: 14px;

  h3 {
    font-size: 12px;
  }

  li {
    margin-bottom: 0px;
  }

  li > ul {
    margin-left: 10px;
  }

  .current {
    font-weight: bold;
  }
}

.syntaxhighlighter * {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.syntaxhighlighter {
  padding: 15px;
  overflow: auto;
  overflow-y: hidden;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

  font-size: 15px;
  line-height: 1.3em;

  @media (max-width: 1199px) {
    font-size: 13.8px;
  }

  @media (max-width: 991px) {
    font-size: 13px;
  }

  @media (max-width: 767px) {
    font-size: 12px;
  }

  table {
    margin: 0 auto;
  }
}

// QUICKREF

.quickref-page {
  h1 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  h3 {
    font-size: 21px;
    font-weight: 500;
  }

  h3, h4, h5 {
    display: inline-block;
    margin-right: 10px;
  }

  .toc {
    margin-bottom: 20px;

    h2 {
      font-size: 16px;
      margin: 0;
      margin-bottom: 5px;
      margin-top: 3px;
    }

    ul {
      margin-bottom: 5px;
    }
  }

  .toc.sticky {
    position: fixed;
    top: 10px;

    @media (max-width: 991px) {
      top: auto;
      position: relative;
    }
  }

  .toc-sphere {
    h3 {
      font-size: 12px;
      margin-right: 0;
      margin-bottom: 0;
      margin-top: 0;
    }

    ul {
      padding: 0;
    }

    li {
      margin-left: 10px;
      font-size: 12px;
      margin-bottom: 0;
      line-height: 1.5em;
    }
  }

  .sphere-header {
    border-bottom: solid orange 3px;
    margin-bottom: 10px;
  }

  .category-header {
    border-bottom: solid #ccc 2px;
    margin-bottom: 10px;
  }

  .header-reference {
    color: #bbb;
    font-weight: normal;
    float: right;
    margin-right: 0;
  }

  .quickref-header {
    .header-reference {
      color: #999;
      font-size: 14px;
    }
  }

  .examples-count {
    color: #bbb;
  }

  dl {
    font-size: 13px;
  }

  .dl-row {
    padding-right: 3px;
    padding-left: 3px;
  }

  dl .dl-row:hover {
    background-color: rgba(0,0,0,0.04);
  }

  @media (max-width: 767px) {
    .dl-row {
      border-top: solid #ccc 1px;
      padding-bottom: 10px;
      padding-top: 10px;
    }
  }

  dt, dd {
  }

  dt {
    font-weight: normal;
  }
}

.add-example {
  textarea {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    margin-bottom: 10px;
    padding: 10px;
    height: 200px;
  }

  .add-example-controls {
    margin-bottom: 10px;
  }
}

.not-finding {
  text-align: right;
  font-size: 12px;
  opacity: 0.8;
}

.checker-bg {
  @checker-color: #f0f0f0;
  @checker-size: 40px;
  background-color: #fafafa;
  background-image: linear-gradient(45deg, @checker-color 25%, transparent 25%, transparent 75%, @checker-color 75%, @checker-color),
  linear-gradient(45deg, @checker-color 25%, transparent 25%, transparent 75%, @checker-color 75%, @checker-color);
  background-size: @checker-size @checker-size;
  background-position:0 0, @checker-size/2 @checker-size/2;

  padding: 20px;
}

.styleguide-page {
  h2 {
    font-size: 20px;
  }

  .example {
    margin-bottom: 10px;
  }
}

.example-body {
  white-space: pre;
  font-family: monospace;
  font-size: 14px;
  background-color: #fafafa;
  margin-bottom: 10px;

  pre.raw-example {
    background-color: #fafafa;
    margin-bottom: 0px;
    padding: 15px;
    font-size: 14px;
  }
}

.syntaxhighlighter .container:before {
  content: ""
}

.library-nav {
  h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
  }
}

.recent-pages {
  font-size: 14px;
  margin-bottom: 30px;

  li {
    margin-bottom: 0px;
  }
}

@import "highlighting.less";

// @mixin blue-bg($alpha: 1) { background-color: rgba(53,151,202,$alpha); }
// @mixin green-bg($alpha: 1) { background-color: rgba(57,202,116,$alpha); }
// @mixin yellow-bg($alpha: 1) { background-color: rgba(236,192,47,$alpha); }
// @mixin red-bg($alpha: 1) { background-color: rgba(229,77,66,$alpha); }

// @mixin flex($val) {
//   -webkit-box-flex: $val;
//   -webkit-flex: $val;
//   -moz-box-flex: $val;
//   -ms-flex: $val;
// }

html, body {
  -webkit-font-smothing: antialiased;
  height: 100%;
  //font-family: 'Open Sans', sans-serif;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
}

body {
  font-size: 16px;
  line-height: 1.5em;
}

img {
  max-width: 100%;
}

h1 {
  margin-top: 0;
  font-size: 28px;
  line-height: 1.3em;
  font-weight: 400;
}

h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0.5em;
  //font-family: 'Open Sans', sans-serif;
}

h4 {
  font-weight: 400;
}

p {
  font-size: 16px;
  margin-bottom: 1.4em;
}

li {
  margin-bottom: 0.5em;
  list-style-type: none;
}

pre {
  border-radius: 0px;
}

ul {
  padding: 0;
}

section {
  margin-bottom: 2em;
}

html, body {
  height: 100%;
}

.sticky-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -200px;
}

footer, .sticky-push {
  height: 200px;
}

footer {
  text-align: center;
  font-size: 12px;
  padding-top: 130px;

  .divider {
    font-size: 16px;
  }

  .ctas {
    margin-left: 52px;
    line-height: 30px;

    iframe {
      margin-bottom: -6px;
      margin-left: 10px;
    }
  }
}

.avatar {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
  width: 48px;
  height: 48px;
}

header.navbar {
  border-radius: 0;
  margin-bottom: 40px;

  a {
  }

  h1 {
  }

  i {
    margin-right: 5px;
  }

  @media (max-width: 767px) {
    .navbar-brand {
      float: none;
      display: inline-block;
      padding-left: 0;
    }
  }

  .user-area {
    padding: 13px 15px;
    font-size: 14px;
    color: #999;

    a {
      display: inline;
      padding: 0;

      &:hover {
        background-color: transparent;
      }
    }
  }

  .avatar {
    width: 22px;
    height: 22px;
    margin-right: 5px;
  }

  .navbar-nav {
    li {
      margin-bottom: 0;
      font-size: 14px;
    }
  }

  input[type='text'] {
    border-radius: 0;
    font-size: 14px;
    padding: 10px;
    min-width: 200px;
  }
}

.intro {
  margin-bottom: 30px;
}

.see-also {
  margin-bottom: 20px;

  a {
    color: #999;

    .ns {
    }

    .name {
      color: #428bca;

      &:hover {
        color: #2a6496;
      }
    }
  }

  p {
    color: #555;
    margin-bottom: 0px;
  }

  .meta {
    font-size: 10px;
    color: #ccc;
    text-transform: uppercase;

    a {
      color: #ccc;
    }
  }
}

.null-state {
  background-color: #fafafa;
  text-align: center;
  padding: 20px;
  color: #888;

  code {
    color: #888;
  }

  a {
    color: rgba(66, 139, 202, 0.7);
  }
}

form.search {
  input[name='query'].loading {
    background-image: url("/img/loading.gif");
    background-repeat: no-repeat;
    background-position: right 8px center;
  }
}

.intro-page {
  form.search {
    margin-bottom: 1em;

    input[name='query'] {
      font-size: 20px;
      padding: 20px 10px;
      border-radius: 0;
    }
  }

  .code-example {
    font-size: 14px;
    padding: 20px;
    border: solid transparent 1px;
    background-color: #fafafa;
  }

  h4 {
    font-weight: 300;
  }

  .row {
    margin-bottom: 0px;
  }

  .top-contribs .avatar {
    width: 9.77%;
    height: auto;

    @media (max-width: 991px) {
      width: 35px;
      height: auto;
    }
  }
}

.ac-result-link:hover {
  text-decoration: none;
  width: 100%;
}

.ac-result {
  td {
    padding: 10px;
  }

  .docstring {
    color: #444;
  }

  &:hover {
    background-color: rgba(0,0,0,0.05);

    a {
      text-decoration: none;
    }
  }
}

ul i {
  margin-right: 12px;
  margin-left: -30px;
}

ul i.fa-map-marker {
  padding: 0 3px;
}

ul.ac-results {
  margin-left: 0px;

  li {
    margin-left: 0px;
    list-style-type: none;
    cursor: pointer;
    padding: 10px;

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

    p {
      margin-bottom: 0;
    }

    i {
      margin-left: -26px;
    }
  }
}

table.ac-results {
  width: 100%;
  font-size: 15px;

  td {
    padding-bottom: 20px;
    vertical-align: top;
  }

  .ac-result {
    .name {
      vertical-align: top;
      margin-right: 10px;
      font-weight: bold;
      white-space: nowrap;
    }

    .docstring {
      vertical-align: top;
      max-width: 700px;

      a {
        display: block;
        color: #444;
      }
    }
  }

  .ac-metadata {
    font-weight: normal;
    color: #999;
    font-size: 12px;
    //text-transform: uppercase;
    white-space: nowrap;
  }
}

.intro-page {
  section {
    margin-bottom: 4em;
  }

  li {
    margin-left: 32px;
  }

  .used-by {
    ul {
      text-align: center;
    }

    li {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 20px;
    }

    img {
      max-width: 200px;
      max-height: 50px;

      @media (max-width: 1199px) {
        max-height: 35px;
      }

      @media (max-width: 991px) {
        max-height: 50px;
      }

    }
  }
}

.var-page,
.example-page {
  h1 {
    margin: 0;
    line-height: 1em;
    margin-bottom: 5px;
    font-size: 30px;
    margin-bottom: 10px;
  }

  h2 {
    margin-top: 0;
    font-size: 16px;
    font-weight: normal;
  }

  h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
  }

  pre {
    border: none;
  }

  section {
    margin-bottom: 2em;
  }

  section.search {
    margin-bottom: 1em;
  }

  .var-data {
    h2 {
      color: #888;
    }
  }

  .arglists {
    margin-left: 0;
    padding-left: 0;

    li {
      margin: 0;
    }
  }

  .var-meta {
    font-size: 14px;
    line-height: 1.3em;

    h2, ul, li, .added {
      margin-bottom: 3px;
    }

    li {
      display: inline-block;
    }
  }

  .docstring {
    pre {
      //border-left: solid #ddd 3px;
      background-color: #f8f8f8;
      font-size: 13px;
      margin-bottom: 0;
      padding: 20px;
    }

    .copyright {
      text-align: right;
      font-size: 10px;
      color: #bbb;

      a {
        color: #bbb;
      }
    }
  }

  .example {
    margin-bottom: 30px;
  }

  .syntaxhighlighter {
    font-size: 15px;

    table {
      margin: 0;
    }
  }

  .created,
  .last-updated {
  }
}

.var-examples {
  h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    margin-bottom: 20px;
  }
}

.var-example {
  margin-bottom: 30px;

  .example {
    margin-bottom: 30px;
  }

  .example-meta {
    font-size: 10px;
    margin-bottom: 0px;
    line-height: 1.3em;
    color: #aaa;
    margin-right: 5px;

    .avatar {
      width: 25px;
      height: 25px;
      opacity: 0.8;

      &:hover {
        opacity: 1;
      }
    }

    .contributors,
    .created,
    .last-updated,
    .links {
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px;

      a {

      }
    }
  }

  .syntaxhighlighter {
    font-size: 15px;

    table {
      margin: 0;
    }
  }

  .created,
  .last-updated {
  }
}

.example-page {
  .current-example {
    border: solid rgba(255,243,109, 0.6) 20px;
    background-color: transparent;
    margin: 0 -20px;
    margin-bottom: 20px;
  }

  .example-meta {
    .created {
      display: block;
    }
  }
}

.example-code {
  margin-bottom: 15px;
  background-color: #fafafa;
  //border-left: solid #ddd 3px;
}

.ns-tree {
  font-size: 14px;

  h3 {
    font-size: 12px;
  }

  li {
    margin-bottom: 0px;
  }

  li > ul {
    margin-left: 10px;
  }

  .current {
    font-weight: bold;
  }
}

.syntaxhighlighter * {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.syntaxhighlighter {
  padding: 15px;
  overflow: auto;
  overflow-y: hidden;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

  font-size: 15px;
  line-height: 1.3em;

  @media (max-width: 1199px) {
    font-size: 13.8px;
  }

  @media (max-width: 991px) {
    font-size: 13px;
  }

  @media (max-width: 767px) {
    font-size: 12px;
  }

  table {
    margin: 0 auto;
  }
}

// QUICKREF

.quickref-page {
  h1 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  h3 {
    font-size: 21px;
    font-weight: 500;
  }

  h3, h4, h5 {
    display: inline-block;
    margin-right: 10px;
  }

  .toc {
    margin-bottom: 20px;

    h2 {
      font-size: 16px;
      margin: 0;
      margin-bottom: 5px;
      margin-top: 3px;
    }

    ul {
      margin-bottom: 5px;
    }
  }

  .toc.sticky {
    position: fixed;
    top: 10px;

    @media (max-width: 991px) {
      top: auto;
      position: relative;
    }
  }

  .toc-sphere {
    h3 {
      font-size: 12px;
      margin-right: 0;
      margin-bottom: 0;
      margin-top: 0;
    }

    ul {
      padding: 0;
    }

    li {
      margin-left: 10px;
      font-size: 12px;
      margin-bottom: 0;
      line-height: 1.5em;
    }
  }

  .sphere-header {
    border-bottom: solid orange 3px;
    margin-bottom: 10px;
  }

  .category-header {
    border-bottom: solid #ccc 2px;
    margin-bottom: 10px;
  }

  .header-reference {
    color: #bbb;
    font-weight: normal;
    float: right;
    margin-right: 0;
  }

  .quickref-header {
    .header-reference {
      color: #999;
      font-size: 14px;
    }
  }

  .examples-count {
    color: #bbb;
  }

  dl {
    font-size: 13px;
  }

  .dl-row {
    padding-right: 3px;
    padding-left: 3px;
  }

  dl .dl-row:hover {
    background-color: rgba(0,0,0,0.04);
  }

  @media (max-width: 767px) {
    .dl-row {
      border-top: solid #ccc 1px;
      padding-bottom: 10px;
      padding-top: 10px;
    }
  }

  dt, dd {
  }

  dt {
    font-weight: normal;
  }
}

.add-example {
  textarea {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    margin-bottom: 10px;
    padding: 10px;
    height: 200px;
  }

  .add-example-controls {
    margin-bottom: 10px;
  }
}

.not-finding {
  text-align: right;
  font-size: 12px;
  opacity: 0.8;
}

.checker-bg {
  @checker-color: #f0f0f0;
  @checker-size: 40px;
  background-color: #fafafa;
  background-image: linear-gradient(45deg, @checker-color 25%, transparent 25%, transparent 75%, @checker-color 75%, @checker-color),
  linear-gradient(45deg, @checker-color 25%, transparent 25%, transparent 75%, @checker-color 75%, @checker-color);
  background-size: @checker-size @checker-size;
  background-position:0 0, @checker-size/2 @checker-size/2;

  padding: 20px;
}

.styleguide-page {
  h2 {
    font-size: 20px;
  }

  .example {
    margin-bottom: 10px;
  }
}

.example-body {
  white-space: pre;
  font-family: monospace;
  font-size: 14px;
  background-color: #fafafa;
  margin-bottom: 10px;

  pre.raw-example {
    background-color: #fafafa;
    margin-bottom: 0px;
    padding: 15px;
    font-size: 14px;
  }
}

.syntaxhighlighter .container:before {
  content: ""
}

.library-nav {
  h3 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
  }
}

.recent-pages {
  font-size: 14px;
  margin-bottom: 30px;

  li {
    margin-bottom: 0px;
  }
}


Whoops, missed the conversation-list-seperator styles

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

.chat-conversation-list-seperator {
  content: ' ';
  background: fade(@community-blue-lighter, 50%);
  border-radius: 1px;
  flex-shrink: 0;

  @media @desktop {
    height: 2px;
    margin: 10px 20px;
  }

  @media @mobile {
    width: 2px;
    height: 20px;
    margin: 0px 10px;
    align-self: center;
  }
}

error: pathspec 'resources/assets/less/bem/chat-conversation-list-seperator.less' did not match any file(s) known to git


Create background-variant.less

Create background-variant.less

// Contextual backgrounds

.bg-variant(@color) {
  background-color: @color;
  a&:hover {
    background-color: darken(@color, 10%);
  }
}

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


full height map

full height map

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


default

default

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


ui.Select2: extend results height

ui.Select2: extend results height

/** override select2.css **/
@select2-border-radius: 3px;
@select2-image-path: "../javascripts/lib/select2";

.select2-container {
    .avatar-wrap { margin-top:0; }

    background-color:#fff;
    border:1px solid rgba(0,0,0,0.15);

    .border-radius(@select2-border-radius);
    .box-shadow(0 1px 0 rgba(0,0,0,0.05));
    .transition(all 0.3s ease);

    &:hover {
        background-color:#e6e6e6;
        .transition(all 0.1s linear);
    }

    .select2-choice {
        padding:1px 0 1px 12px;
        border:none;
        .border-radius(@select2-border-radius);

        background-color:transparent;
        background-image:none;
        filter:none;

        > .select2-chosen {
            white-space: nowrap;
        }

        .select2-arrow {
            width:auto;
            padding:4px 9px;
            .border-radius(0 @select2-border-radius @select2-border-radius 0);
            border-left:none;
            background:transparent;
            background-image:none;
            filter:none;

            b {
                display: inline-block;
                width: 0;
                height: 0;
                vertical-align: top;
                border-top: 4px solid #4f4f4f;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
                content: "";
                margin-top: 8px;
                margin-left: 0;
            }
        }
    }

    &.select2-drop-above {
        .select2-choice {
            .border-radius(0 0 @select2-border-radius @select2-border-radius);
        }
    }

    &.select2-container-disabled {
        color:#333 !important;
        border:1px solid rgba(0,0,0,0.22);

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

        .box-shadow(none);
        .opacity(35);

        .select2-choice {
            background-color:#e6e6e6;
            border:none;

            .select2-arrow {
                background-color:#e6e6e6;
                b { border-top-color:#aaa; }
            }
        }
    }

    &.select2-dropdown-open {
        .select2-choice {
            .border-radius(@select2-border-radius @select2-border-radius 0 0);
        }
    }
}

.select2-results {
    max-height: 400px;
    padding:0;

    li { margin-bottom:1px; padding-left:4px; }

    .avatar-wrap { margin-top:0; }

    .select2-highlighted {
        background: @secondary;
        color: #fff;

        .loginid { color:#fff; }
    }

    .select2-result-label {
        padding:3px 7px 4px 8px;
        white-space: nowrap;
    }

    .select2-no-results,
    .select2-searching,
    .select2-selection-limit {
        padding:3px 7px 4px 8px;
        background:#fafafa; color:#aaa;
    }
}

.select2-drop {
    border:1px solid rgba(0,0,0,0.15);
    border-top: none;
    .border-radius(0 0 @select2-border-radius @select2-border-radius);
    .box-shadow(0 1px 0 rgba(0,0,0,.05));

    &.select2-drop-above {
        border-top:1px solid rgba(0,0,0,0.15);
        .border-radius(@select2-border-radius @select2-border-radius 0 0);
        .box-shadow(0 -2px 0 rgba(0,0,0,0.05));

        &.select2-drop-active {
            border:1px solid rgba(0,0,0,0.15);
            border-top:0; border-bottom:0;
        }
    }

    &.select2-drop-active {
        border:1px solid rgba(0,0,0,0.15);
        border-top:0;
    }
}

.select2-drop-auto-width {
    border-top:1px solid rgba(0,0,0,0.15);
}

.select2-search {
    margin-top:4px;

    input {
        border: 1px solid rgba(0,0,0,0.15);
        background: #fff url('@{select2-image-path}/select2.png') no-repeat 100% -22px;

        &.select2-active {
            background: #fff url('@{select2-image-path}/select2-spinner.gif') no-repeat 100%;
        }
    }
}

.select2-container-active .select2-choices {
    border: 1px solid rgba(0,0,0,0.15);
    outline: none;
    .box-shadow(none);
}

.select2-dropdown-open {
    .select2-choice {
        border-bottom-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-color:inherit;
        background-image:none;
        filter:none;
        .box-shadow(none);
    }

    &.select2-drop-above {
        border-top:1px solid transparent;
        .border-radius(0 0 @select2-border-radius @select2-border-radius);

        .select2-choice, .select2-choices {
            border: none;
            background-color:transparent;
            background-image:none;
            filter:none;
        }
    }
}

.select2-container-multi {

    .select2-choices {
        border: 1px solid rgba(0,0,0,0.15);

        .select2-search-choice {
            border: 1px solid rgba(0,0,0,0.15);
            background-image:none;
            filter:none;
        }
    }

    &.select2-container-active {
        .select2-choices {
            border: 1px solid rgba(0,0,0,0.15);
            background-image:none;
        }
    }
}

/** override select2.css **/
@select2-border-radius: 3px;
@select2-image-path: "../javascripts/lib/select2";

.select2-container {
    .avatar-wrap { margin-top:0; }

    background-color:#fff;
    border:1px solid rgba(0,0,0,0.15);

    .border-radius(@select2-border-radius);
    .box-shadow(0 1px 0 rgba(0,0,0,0.05));
    .transition(all 0.3s ease);

    &:hover {
        background-color:#e6e6e6;
        .transition(all 0.1s linear);
    }

    .select2-choice {
        padding:1px 0 1px 12px;
        border:none;
        .border-radius(@select2-border-radius);

        background-color:transparent;
        background-image:none;
        filter:none;

        > .select2-chosen {
            white-space: nowrap;
        }

        .select2-arrow {
            width:auto;
            padding:4px 9px;
            .border-radius(0 @select2-border-radius @select2-border-radius 0);
            border-left:none;
            background:transparent;
            background-image:none;
            filter:none;

            b {
                display: inline-block;
                width: 0;
                height: 0;
                vertical-align: top;
                border-top: 4px solid #4f4f4f;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
                content: "";
                margin-top: 8px;
                margin-left: 0;
            }
        }
    }

    &.select2-drop-above {
        .select2-choice {
            .border-radius(0 0 @select2-border-radius @select2-border-radius);
        }
    }

    &.select2-container-disabled {
        color:#333 !important;
        border:1px solid rgba(0,0,0,0.22);

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

        .box-shadow(none);
        .opacity(35);

        .select2-choice {
            background-color:#e6e6e6;
            border:none;

            .select2-arrow {
                background-color:#e6e6e6;
                b { border-top-color:#aaa; }
            }
        }
    }

    &.select2-dropdown-open {
        .select2-choice {
            .border-radius(@select2-border-radius @select2-border-radius 0 0);
        }
    }
}

.select2-results {
    .avatar-wrap { margin-top:0; }

    .select2-highlighted {
        background: @secondary;
        color: #fff;

        .loginid { color:#fff; }
    }

    .select2-result-label {
        padding:3px 7px 4px 8px;
        white-space: nowrap;
    }

    .select2-no-results,
    .select2-searching,
    .select2-selection-limit {
        padding:3px 7px 4px 8px;
        background:#fafafa; color:#aaa;
    }

    li { margin-bottom:1px }
}

.select2-drop {
    border:1px solid rgba(0,0,0,0.15);
    border-top: none;
    .border-radius(0 0 @select2-border-radius @select2-border-radius);
    .box-shadow(0 1px 0 rgba(0,0,0,.05));

    &.select2-drop-above {
        border-top:1px solid rgba(0,0,0,0.15);
        .border-radius(@select2-border-radius @select2-border-radius 0 0);
        .box-shadow(0 -2px 0 rgba(0,0,0,0.05));

        &.select2-drop-active {
            border:1px solid rgba(0,0,0,0.15);
            border-top:0; border-bottom:0;
        }
    }

    &.select2-drop-active {
        border:1px solid rgba(0,0,0,0.15);
        border-top:0;
    }
}

.select2-drop-auto-width {
    border-top:1px solid rgba(0,0,0,0.15);
}

.select2-search {
    margin-top:4px;

    input {
        border: 1px solid rgba(0,0,0,0.15);
        background: #fff url('@{select2-image-path}/select2.png') no-repeat 100% -22px;

        &.select2-active {
            background: #fff url('@{select2-image-path}/select2-spinner.gif') no-repeat 100%;
        }
    }
}

.select2-container-active .select2-choices {
    border: 1px solid rgba(0,0,0,0.15);
    outline: none;
    .box-shadow(none);
}

.select2-dropdown-open {
    .select2-choice {
        border-bottom-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-color:inherit;
        background-image:none;
        filter:none;
        .box-shadow(none);
    }

    &.select2-drop-above {
        border-top:1px solid transparent;
        .border-radius(0 0 @select2-border-radius @select2-border-radius);

        .select2-choice, .select2-choices {
            border: none;
            background-color:transparent;
            background-image:none;
            filter:none;
        }
    }
}

.select2-container-multi {

    .select2-choices {
        border: 1px solid rgba(0,0,0,0.15);

        .select2-search-choice {
            border: 1px solid rgba(0,0,0,0.15);
            background-image:none;
            filter:none;
        }
    }

    &.select2-container-active {
        .select2-choices {
            border: 1px solid rgba(0,0,0,0.15);
            background-image:none;
        }
    }
}


OR-312  add a less variable for button 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/heroandtn3/openpaas-esn.git/'


BB-6704: Grid-sidebar-component is absent in category update page in mobile view - added collapse/expand component for categories page and category update page - fixed update page appearance in mobile view - updated grid sidebar component with optional params

@import "oroui/css/less/mixins";

.left-panel-container {
  background-color: white;
  & > .placeholder {
    margin-left: 334px;
    background-color: #f1f1f1;
    border-left: 1px solid #e2e2e2;
    & > * {
      margin-left: -335px;
      & > .left-panel {
        float: left;
        width: 334px;
        border-top: 1px solid #f2f2f2;
        margin: 0;
      }
      & > .content {
        margin-left: 335px;
        padding: 15px 15px 0;
        .box-sizing(border-box);

        &.categories-content {
          padding-bottom: 15px;
        }
      }
    }
  }

  &.grid-sidebar-maximized {
    .left-panel-control-maximize {
      display: none;
    }

    .left-panel-control-minimize {
      display: block;
    }
  }

  &.grid-sidebar-minimized {
    & > .placeholder {
      margin-left: 33px;
      & > * {
        margin-left: -33px;
        & > .left-panel {
          width: 33px;
        }
        & > .content {
          margin-left: 33px;
        }
      }
    }
    .left-panel-control-minimize {
      display: none;
    }
    .left-panel-control-maximize {
      display: block;
    }
    .category {
      display: none;
    }
  }
}

.left-panel-header {
  border-bottom: 1px solid #f2f2f2;
  text-align: right;
}

.left-panel-control {
  padding: 5px 10px 4px;

  i {
    cursor: pointer;
    font-size: 8px;
    line-height: 20px;
  }
}

.system-configuration-container {
  .controls.control-subgroup {
    width: auto;
    margin: 0 15px 0 0;
    float: left;
  }
  .controls .parent-scope-checkbox {
    float: left;
    color: #777;
    padding-top: 6px;
    label {
      float: left;
      margin: 0 4px 0 0;
    }
    input[type="checkbox"] {
      margin: -4px 10px 0 0
    }
  }
  .oro-item-collection input[type="text"]{
      width: 240px;
  }
  .container-fluid:after {
    clear: none;
  }
}

.system-configuration-content {
  .accordion-group {
    background-color: #fff;
  }
  .accordion {
    margin-bottom: 15px;
    .accordion-inner {
      padding: 27px 30px 20px;
      width: 100%;
      overflow-y: auto;
    }
    .accordion-heading .accordion-toggle {
      color: #727272;
      font-size: 13px;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: bold;
      &:before {
        content: '−';
        display: inline-block;
        width: 13px;
        height: 13px;
        font-weight: normal;
        border: 1px solid #c3c3c3;
        margin-right: 12px;
        background-color: #fcfcfc;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        color: #727272;
        #gradient > .horizontal(#fcfcfc, #e9e9e9);
      }
      &.collapsed:before {
        content: '+';
      }
    }
    .accordion-heading ul.inline {
      margin: 8px 7px 0 0;
    }
  }
  select {
    width: 280px;
  }
}

.system-configuration-search {
  padding: 15px;
  .fa-search {
    color: #ccc;
  }
  .input-append {
    input[type="search"],
    input[type="text"] {
      border-color: #ddd;
      border-width: 1px 0 1px 1px;
      width: 260px;
      .box-shadow(none);
    }
    button {
      background-color: #fff;
      #gradient > .horizontal(#ffffff, #ffffff);
      border-color: #ddd;
      border-width: 1px 1px 1px 0;
      padding-left: 6px;
      padding-right: 6px;
      height: 30px;
    }
  }
  .input-append, .input-prepend {
    input:focus,
    select:focus,
    .uneditable-input:focus {
      .box-shadow(none);
    }
  }
}

.system-configuration-accordion {
  padding: 0 0 0 15px;
  list-style: none;
  margin: 0;
  a {
    color: #727272;
  }
  & > li > a,
  & > .accordion-group {
    background-color: #f4f4f4;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e6e6e6;
    .border-radius(0);
    display: block;
    margin: 0;
  }
  .accordion-inner {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    .accordion-inner {
      border: 0;
      ul li a {
        position: relative;
        padding-left: 68px;
        &:before {
          display: none;
        }
        i {
          position: absolute;
          top: 0;
          left: 40px;
          min-width: 20px;
          line-height: 36px;
          text-align: center;
        }
      }
    }
  }
  .accordion-body .accordion-inner {
    padding: 0;
    text-transform: capitalize;
  }
  ul > .accordion-group > .accordion-heading a,
  & > li > a,
  & > .accordion-group > .accordion-heading a {
    font-family: Helvetica,  Arial, sans-serif;
    font-weight: bold;
    padding: 8px 15px;
    display: block;
  }
  & > .accordion-group > .accordion-heading a {
    text-transform: uppercase;
    font-size: 12px;

  }
  ul > .accordion-group > .accordion-heading a:before,
  & > .accordion-group > .accordion-heading a:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f078";
    font-size: 11px;
    margin: 0 10px 0 0;
  }
  ul > .accordion-group > .accordion-heading a.collapsed:before,
  & > li > a:before,
  & > .accordion-group > .accordion-heading a.collapsed:before {
    font-family: 'FontAwesome';
    font-size: 11px;
    font-weight: normal;
    content: "\f054";
    margin: 0 13px 0 0;
  }
  & > .accordion-group {
    &:first-child {
      border-top: 0;
    }
    &:last-child {
      border-bottom: 0;
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    & > .accordion-group {
      .border-radius(0);
      margin-bottom: 0;
      border: 0;
      & > .accordion-heading a {
        padding-left: 30px;
        font-weight: normal;
        & :hover {
          background-color: #f4f4f4;
        }
      }
    }
    & > li.accordion-group > a {
      list-style: none;
    }
    & > li.active > a {
      background-color: #f4f4f4;
      cursor:           default;
      font-family:      Helvetica Arial, sans-serif;
      font-weight:      bold;
    }
    & > li > a {
      padding: 8px 15px 8px 30px;
      display: block;
      &:hover {
        background-color: #f4f4f4;
      }
      &:before {
        content: ".";
        font-size: 32px;
        height: 21px;
        margin: 0 11px 0 0;
        overflow: hidden;
        position: relative;
        top: -2px;
        display: inline-block;
      }
    }
  }
}

.scrollable-container .container-fluid.configuration-header {
  background-color: #fff;
  h1 {
    font-size: 20px;
    line-height: 28px;
    float: left;
  }
  > .pull-right {
    margin: 10px 0;
  }
  > .pull-left{
    margin: 10px 0 0;
  }
  .sub-title, .separator {
    line-height: 28px;
  }
}

.inline.small-text > li {
  line-height: 12px;
  &.separator {
    padding: 0;
    line-height: 12px;
  }
}

@import "oroui/css/less/mixins";

.left-panel-container {
  background-color: white;
  & > .placeholder {
    margin-left: 334px;
    background-color: #f1f1f1;
    border-left: 1px solid #e2e2e2;
    & > * {
      margin-left: -335px;
      & > .left-panel {
        float: left;
        width: 334px;
        border-top: 1px solid #f2f2f2;
        margin: 0;
      }
      & > .content {
        margin-left: 335px;
        padding: 15px 15px 0;
        .box-sizing(border-box);
      }
    }
  }
}

.system-configuration-container {
  .controls.control-subgroup {
    width: auto;
    margin: 0 15px 0 0;
    float: left;
  }
  .controls .parent-scope-checkbox {
    float: left;
    color: #777;
    padding-top: 6px;
    label {
      float: left;
      margin: 0 4px 0 0;
    }
    input[type="checkbox"] {
      margin: -4px 10px 0 0
    }
  }
  .oro-item-collection input[type="text"]{
      width: 240px;
  }
  .container-fluid:after {
    clear: none;
  }
}

.system-configuration-content {
  .accordion-group {
    background-color: #fff;
  }
  .accordion {
    margin-bottom: 15px;
    .accordion-inner {
      padding: 27px 30px 20px;
      width: 100%;
      overflow-y: auto;
    }
    .accordion-heading .accordion-toggle {
      color: #727272;
      font-size: 13px;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: bold;
      &:before {
        content: '−';
        display: inline-block;
        width: 13px;
        height: 13px;
        font-weight: normal;
        border: 1px solid #c3c3c3;
        margin-right: 12px;
        background-color: #fcfcfc;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        color: #727272;
        #gradient > .horizontal(#fcfcfc, #e9e9e9);
      }
      &.collapsed:before {
        content: '+';
      }
    }
    .accordion-heading ul.inline {
      margin: 8px 7px 0 0;
    }
  }
  select {
    width: 280px;
  }
}

.system-configuration-search {
  padding: 15px;
  .fa-search {
    color: #ccc;
  }
  .input-append {
    input[type="search"],
    input[type="text"] {
      border-color: #ddd;
      border-width: 1px 0 1px 1px;
      width: 260px;
      .box-shadow(none);
    }
    button {
      background-color: #fff;
      #gradient > .horizontal(#ffffff, #ffffff);
      border-color: #ddd;
      border-width: 1px 1px 1px 0;
      padding-left: 6px;
      padding-right: 6px;
      height: 30px;
    }
  }
  .input-append, .input-prepend {
    input:focus,
    select:focus,
    .uneditable-input:focus {
      .box-shadow(none);
    }
  }
}

.system-configuration-accordion {
  padding: 0 0 0 15px;
  list-style: none;
  margin: 0;
  a {
    color: #727272;
  }
  & > li > a,
  & > .accordion-group {
    background-color: #f4f4f4;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e6e6e6;
    .border-radius(0);
    display: block;
    margin: 0;
  }
  .accordion-inner {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    .accordion-inner {
      border: 0;
      ul li a {
        position: relative;
        padding-left: 68px;
        &:before {
          display: none;
        }
        i {
          position: absolute;
          top: 0;
          left: 40px;
          min-width: 20px;
          line-height: 36px;
          text-align: center;
        }
      }
    }
  }
  .accordion-body .accordion-inner {
    padding: 0;
    text-transform: capitalize;
  }
  ul > .accordion-group > .accordion-heading a,
  & > li > a,
  & > .accordion-group > .accordion-heading a {
    font-family: Helvetica,  Arial, sans-serif;
    font-weight: bold;
    padding: 8px 15px;
    display: block;
  }
  & > .accordion-group > .accordion-heading a {
    text-transform: uppercase;
    font-size: 12px;

  }
  ul > .accordion-group > .accordion-heading a:before,
  & > .accordion-group > .accordion-heading a:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f078";
    font-size: 11px;
    margin: 0 10px 0 0;
  }
  ul > .accordion-group > .accordion-heading a.collapsed:before,
  & > li > a:before,
  & > .accordion-group > .accordion-heading a.collapsed:before {
    font-family: 'FontAwesome';
    font-size: 11px;
    font-weight: normal;
    content: "\f054";
    margin: 0 13px 0 0;
  }
  & > .accordion-group {
    &:first-child {
      border-top: 0;
    }
    &:last-child {
      border-bottom: 0;
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    & > .accordion-group {
      .border-radius(0);
      margin-bottom: 0;
      border: 0;
      & > .accordion-heading a {
        padding-left: 30px;
        font-weight: normal;
        & :hover {
          background-color: #f4f4f4;
        }
      }
    }
    & > li.accordion-group > a {
      list-style: none;
    }
    & > li.active > a {
      background-color: #f4f4f4;
      cursor:           default;
      font-family:      Helvetica Arial, sans-serif;
      font-weight:      bold;
    }
    & > li > a {
      padding: 8px 15px 8px 30px;
      display: block;
      &:hover {
        background-color: #f4f4f4;
      }
      &:before {
        content: ".";
        font-size: 32px;
        height: 21px;
        margin: 0 11px 0 0;
        overflow: hidden;
        position: relative;
        top: -2px;
        display: inline-block;
      }
    }
  }
}

.scrollable-container .container-fluid.configuration-header {
  background-color: #fff;
  h1 {
    font-size: 20px;
    line-height: 28px;
    float: left;
  }
  > .pull-right {
    margin: 10px 0;
  }
  > .pull-left{
    margin: 10px 0 0;
  }
  .sub-title, .separator {
    line-height: 28px;
  }
}

.inline.small-text > li {
  line-height: 12px;
  &.separator {
    padding: 0;
    line-height: 12px;
  }
}


7 in a row instead of 8, bumped font-size on icons to 30

.umb-iconpicker {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    margin: 0;
}

.umb-iconpicker-item {
    display: flex;
    flex-direction: row;
    flex: 0 0 14.28%;
    justify-content: center;
    align-items: center;

    margin-bottom: 0;

    overflow: hidden;
}

.umb-iconpicker-item a {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;

    padding: 15px 0;

    text-decoration: none;
}

.umb-iconpicker-item a:hover,
.umb-iconpicker-item a:focus{
    background: darken(@grayLighter, 1%);
    outline: none;
}

.umb-iconpicker-item a:active {
    background: darken(@grayLighter, 4%);
}

.umb-iconpicker-item i {
    font-size: 30px;
}

.umb-iconpicker {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    margin: 0;
}

.umb-iconpicker-item {
    display: flex;
    flex-direction: row;
    flex: 0 0 12.5%;
    justify-content: center;
    align-items: center;

    margin-bottom: 0;

    overflow: hidden;
}

.umb-iconpicker-item a {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;

    padding: 15px 0;

    text-decoration: none;
}

.umb-iconpicker-item a:hover,
.umb-iconpicker-item a:focus{
    background: darken(@grayLighter, 1%);
    outline: none;
}

.umb-iconpicker-item a:active {
    background: darken(@grayLighter, 4%);
}

.umb-iconpicker-item i {
    font-size: 26px;
}


Add overflow auto to tx-tile tx-changes

Add overflow auto to tx-tile tx-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/xaun/transac.git/'


Remove deprecated code

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