fix: hide mirror

fix: hide mirror

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

@select-prefix-cls: ant-select;

.selection__clear() {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  opacity: 0;
  position: absolute;
  right: 8px;
  z-index: 1;
  background: #fff;
  top: 50%;
  font-size: 12px;
  color: #ccc;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.15s ease;
  &:before {
    display: block;
    font-family: "anticon" !important;
    content: "\E631";
  }
  &:hover {
    color: #999;
  }
}

.@{select-prefix-cls} {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #666;
  font-size: @font-size-base;

  > ul > li > a {
    padding: 0;
    background-color: #fff;
  }

  // arrow
  &-arrow {
    .iconfont-mixin();
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -6px;
    .iconfont-size-under-12px(8px);

    * {
      display: none;
    }

    &:before {
      content: '\e603';
      transition: transform 0.2s ease;
    }
  }

  &-selection {
    outline: none;
    user-select: none;

    box-sizing: border-box;
    display: block;

    background-color: #fff;
    border-radius: @border-radius-base;
    border: 1px solid @border-color-base;
    transition: all .3s @ease-in-out;

    &:hover {
      .hover;
    }

    .@{select-prefix-cls}-focused &,
    &:focus,
    &:active {
      .active;
    }

    &__clear {
      .selection__clear();
    }

    &:hover &__clear {
      opacity: 1;
    }
  }

  &-disabled {
    color: #ccc;
  }

  &-disabled &-selection {
    background: #f7f7f7;
    cursor: not-allowed;
    &:hover,
    &:focus,
    &:active {
      border-color: @border-color-base;
      box-shadow: none;
    }

    &__clear {
      display: none;
      visibility: hidden;
      pointer-events: none;
    }
  }

  &-disabled &-selection--multiple &-selection__choice {
    background: #e9e9e9;
    color: #aaa;
    padding-right: 10px;
    &__remove {
      display: none;
    }
  }

  &-selection--single {
    height: 28px;
    position: relative;
    cursor: pointer;

    .@{select-prefix-cls}-selection__rendered {
      height: 26px;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: 8px;
      padding-right: 24px;
      line-height: 26px;
    }
  }

  &-open&-show-search &-selection--single &-selection-selected-value {
    position: absolute;
    left: 8px;
    top: 0;
  }

  &-lg {
    .ant-select-selection--single {
      height: 32px;
      .ant-select-selection__rendered {
        line-height: 30px;
      }
    }

    .ant-select-selection--multiple {
      min-height: 32px;
      .ant-select-selection__rendered {
        li {
          height: 24px;
          line-height: 24px;
        }
      }
    }
  }

  &-sm {
    .ant-select-selection {
      border-radius: @border-radius-sm;
    }
    .ant-select-selection--single {
      height: 22px;
      .ant-select-selection__rendered {
        line-height: 20px;
      }
    }
    .ant-select-selection--multiple {
      min-height: 22px;
      .ant-select-selection__rendered {
        li {
          height: 14px;
          line-height: 14px;
        }
      }
    }
  }

  &-disabled &-selection__choice__remove {
    color: #ccc;
    cursor: default;
    &:hover {
      color: #ccc;
    }
  }

  &-search__field__wrap {
    display: inline-block;
    position: relative;
  }

  &-selection__placeholder,
  &-search__field__placeholder { // for TreeSelect compatibility
    position: absolute;
    top: 50%;
    left: 9px;
    color: #ccc;
    line-height: 20px;
    height: 20px;
    margin-top: -10px;
    cursor: text;
  }

  &-search--inline {
    float: left;
    width: 100%;

    .@{select-prefix-cls}-search__field__wrap {
      width: 100%;
    }

    .@{select-prefix-cls}-search__field {
      border: 0;
      font-size: 100%;
      background: transparent;
      outline: 0;
      border-radius: @border-radius-base;
    }

    .@{select-prefix-cls}-search__field__mirror {
      position: absolute;
      top: 0;
      left: 9999px;
      white-space: pre;
    }

    > i {
      float: right;
    }
  }

  &-selection--multiple {
    min-height: 28px;
    cursor: text;

    .@{select-prefix-cls}-search--inline {
      width: auto;
      .@{select-prefix-cls}-search__field {
        width: 0.75em;
      }
    }

    .@{select-prefix-cls}-selection__rendered {
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 6px;
      padding-bottom: 4px;
    }

    > ul > li,
    .@{select-prefix-cls}-selection__rendered > ul > li {  // for tree-select
      margin-top: 4px;
      height: 20px;
      line-height: 20px;
    }

    .@{select-prefix-cls}-selection__choice {
      background-color: #f3f3f3;
      border-radius: 4px;
      cursor: default;
      float: left;
      padding: 0 15px;
      margin-right: 4px;
      max-width: 99%;
      position: relative;
      overflow: hidden;
      transition: padding .3s @ease-in-out;
      padding: 0 20px 0 10px;
    }

    .@{select-prefix-cls}-selection__choice__content {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      transition: margin .3s @ease-in-out;
    }

    .@{select-prefix-cls}-selection__choice__remove {
      .iconfont-mixin();
      color: #999;
      line-height: inherit;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      transition: all 0.3s @ease-in-out;
      .iconfont-size-under-12px(8px);
      position: absolute;
      right: 4px;
      padding: 0 0 0 8px;
      &:hover {
        color: #404040;
      }
      &:before {
        content: "\e62d";
      }
    }
  }

  &-open {
    .@{select-prefix-cls}-arrow {
      .ie-rotate(2);
      -ms-transform: rotate(180deg);
      &:before {
        transform: rotate(180deg);
      }
    }
    .@{select-prefix-cls}-selection {
      .active();
    }
  }

  &-combobox {
    .@{select-prefix-cls}-arrow {
      display: none;
    }
    .@{select-prefix-cls}-search--inline {
      height: 100%;
      float: none;
    }
    .@{select-prefix-cls}-search__field__wrap {
      width: 100%;
      height: 100%;
    }
    .@{select-prefix-cls}-search__field {
      padding: 0 10px;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      transition: all .3s @ease-in-out;
      box-shadow: none;
    }
    .@{select-prefix-cls}-selection__rendered {
      padding: 0;
      height: 100%;
      overflow: visible;
    }
  }
}

.@{select-prefix-cls}-dropdown {
  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
    animation-name: antSlideUpIn;
  }

  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-topLeft {
    animation-name: antSlideDownIn;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
    animation-name: antSlideUpOut;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-topLeft {
    animation-name: antSlideDownOut;
  }

  &-hidden {
    display: none;
  }

  background-color: white;
  border: 1px solid @border-color-base;
  box-shadow: @box-shadow-base;
  border-radius: @border-radius-base;
  box-sizing: border-box;
  z-index: @zindex-dropdown;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  overflow: hidden;
  font-size: @font-size-base;

  &-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0; // Override default ul/ol
    list-style: none;
    max-height: 250px;
    overflow: auto;

    &-item-group-list {
      margin: 0;
      padding: 0;

      > .@{select-prefix-cls}-dropdown-menu-item {
        padding-left: 24px;
      }
    }

    &-item-group-title {
      color: #999;
      line-height: 1.5;
      padding: 8px 15px;
    }

    &-item {
      position: relative;
      display: block;
      padding: 7px 15px;
      font-weight: normal;
      color: #666;
      white-space: nowrap;
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: background 0.3s ease;

      &:hover,
      &-active {
        background-color: tint(@primary-color, 90%);
      }

      &-selected:not(&-disabled) {
        &,
        &:hover {
          background-color: #f7f7f7;
          font-weight: bold;
        }
      }

      &-disabled {
        color: #ccc;
        cursor: not-allowed;

        &:hover {
          color: #ccc;
          background-color: #fff;
          cursor: not-allowed;
        }
      }

      &-divider {
        height: 1px;
        margin: 1px 0;
        overflow: hidden;
        background-color: #e5e5e5;
        line-height: 0;
      }
    }
  }

  &&--multiple {
    .@{select-prefix-cls}-dropdown-menu-item {
      &:after {
        content: '\e62e';
        font-family: 'anticon';
        color: transparent;
        .iconfont-size-under-12px(10px);
        transition: all 0.2s ease;
        position: absolute;
        right: 15px;
        font-weight: bold;
        text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
      }

      &:hover:after {
        color: #ddd;
      }

      &-selected:after,
      &-selected:hover:after {
        color: @primary-color;
      }
    }
    .@{select-prefix-cls}-dropdown-menu-item-disabled {
      &:after {
        display: none;
      }
    }
  }

  &-container-open,
  &-open {
    .@{select-prefix-cls}-dropdown {
      display: block;
    }
  }

  .@{select-prefix-cls}-dropdown-search {
    display: block;
    padding: 4px;
    .@{select-prefix-cls}-search__field__wrap {
      width: 100%;
    }
    .@{select-prefix-cls}-search__field {
      padding: 4px 7px;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid @border-color-base;
      border-radius: 4px;
      outline: none;
    }
    &.@{select-prefix-cls}-search--hide {
      display: none;
    }
  }
}

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

@select-prefix-cls: ant-select;

.selection__clear() {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  opacity: 0;
  position: absolute;
  right: 8px;
  z-index: 1;
  background: #fff;
  top: 50%;
  font-size: 12px;
  color: #ccc;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.15s ease;
  &:before {
    display: block;
    font-family: "anticon" !important;
    content: "\E631";
  }
  &:hover {
    color: #999;
  }
}

.@{select-prefix-cls} {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #666;
  font-size: @font-size-base;

  > ul > li > a {
    padding: 0;
    background-color: #fff;
  }

  // arrow
  &-arrow {
    .iconfont-mixin();
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -6px;
    .iconfont-size-under-12px(8px);

    * {
      display: none;
    }

    &:before {
      content: '\e603';
      transition: transform 0.2s ease;
    }
  }

  &-selection {
    outline: none;
    user-select: none;

    box-sizing: border-box;
    display: block;

    background-color: #fff;
    border-radius: @border-radius-base;
    border: 1px solid @border-color-base;
    transition: all .3s @ease-in-out;

    &:hover {
      .hover;
    }

    .@{select-prefix-cls}-focused &,
    &:focus,
    &:active {
      .active;
    }

    &__clear {
      .selection__clear();
    }

    &:hover &__clear {
      opacity: 1;
    }
  }

  &-disabled {
    color: #ccc;
  }

  &-disabled &-selection {
    background: #f7f7f7;
    cursor: not-allowed;
    &:hover,
    &:focus,
    &:active {
      border-color: @border-color-base;
      box-shadow: none;
    }

    &__clear {
      display: none;
      visibility: hidden;
      pointer-events: none;
    }
  }

  &-disabled &-selection--multiple &-selection__choice {
    background: #e9e9e9;
    color: #aaa;
    padding-right: 10px;
    &__remove {
      display: none;
    }
  }

  &-selection--single {
    height: 28px;
    position: relative;
    cursor: pointer;

    .@{select-prefix-cls}-selection__rendered {
      height: 26px;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: 8px;
      padding-right: 24px;
      line-height: 26px;
    }
  }

  &-open&-show-search &-selection--single &-selection-selected-value {
    position: absolute;
    left: 8px;
    top: 0;
  }

  &-lg {
    .ant-select-selection--single {
      height: 32px;
      .ant-select-selection__rendered {
        line-height: 30px;
      }
    }

    .ant-select-selection--multiple {
      min-height: 32px;
      .ant-select-selection__rendered {
        li {
          height: 24px;
          line-height: 24px;
        }
      }
    }
  }

  &-sm {
    .ant-select-selection {
      border-radius: @border-radius-sm;
    }
    .ant-select-selection--single {
      height: 22px;
      .ant-select-selection__rendered {
        line-height: 20px;
      }
    }
    .ant-select-selection--multiple {
      min-height: 22px;
      .ant-select-selection__rendered {
        li {
          height: 14px;
          line-height: 14px;
        }
      }
    }
  }

  &-disabled &-selection__choice__remove {
    color: #ccc;
    cursor: default;
    &:hover {
      color: #ccc;
    }
  }

  &-search__field__wrap {
    display: inline-block;
    position: relative;
  }

  &-selection__placeholder,
  &-search__field__placeholder { // for TreeSelect compatibility
    position: absolute;
    top: 50%;
    left: 9px;
    color: #ccc;
    line-height: 20px;
    height: 20px;
    margin-top: -10px;
    cursor: text;
  }

  &-search--inline {
    float: left;
    width: 100%;

    .@{select-prefix-cls}-search__field__wrap {
      width: 100%;
    }

    .@{select-prefix-cls}-search__field {
      border: 0;
      font-size: 100%;
      background: transparent;
      outline: 0;
      border-radius: @border-radius-base;
    }
    > i {
      float: right;
    }
  }

  &-selection--multiple {
    min-height: 28px;
    cursor: text;

    .@{select-prefix-cls}-search--inline {
      width: auto;
      .@{select-prefix-cls}-search__field {
        width: 0.75em;
      }
    }

    .@{select-prefix-cls}-selection__rendered {
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 6px;
      padding-bottom: 4px;
    }

    > ul > li,
    .@{select-prefix-cls}-selection__rendered > ul > li {  // for tree-select
      margin-top: 4px;
      height: 20px;
      line-height: 20px;
    }

    .@{select-prefix-cls}-selection__choice {
      background-color: #f3f3f3;
      border-radius: 4px;
      cursor: default;
      float: left;
      padding: 0 15px;
      margin-right: 4px;
      max-width: 99%;
      position: relative;
      overflow: hidden;
      transition: padding .3s @ease-in-out;
      padding: 0 20px 0 10px;
    }

    .@{select-prefix-cls}-selection__choice__content {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      transition: margin .3s @ease-in-out;
    }

    .@{select-prefix-cls}-selection__choice__remove {
      .iconfont-mixin();
      color: #999;
      line-height: inherit;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      transition: all 0.3s @ease-in-out;
      .iconfont-size-under-12px(8px);
      position: absolute;
      right: 4px;
      padding: 0 0 0 8px;
      &:hover {
        color: #404040;
      }
      &:before {
        content: "\e62d";
      }
    }
  }

  &-open {
    .@{select-prefix-cls}-arrow {
      .ie-rotate(2);
      -ms-transform: rotate(180deg);
      &:before {
        transform: rotate(180deg);
      }
    }
    .@{select-prefix-cls}-selection {
      .active();
    }
  }

  &-combobox {
    .@{select-prefix-cls}-arrow {
      display: none;
    }
    .@{select-prefix-cls}-search--inline {
      height: 100%;
      float: none;
    }
    .@{select-prefix-cls}-search__field__wrap {
      width: 100%;
      height: 100%;
    }
    .@{select-prefix-cls}-search__field {
      padding: 0 10px;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      transition: all .3s @ease-in-out;
      box-shadow: none;
    }
    .@{select-prefix-cls}-selection__rendered {
      padding: 0;
      height: 100%;
      overflow: visible;
    }
  }
}

.@{select-prefix-cls}-dropdown {
  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
    animation-name: antSlideUpIn;
  }

  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-topLeft {
    animation-name: antSlideDownIn;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
    animation-name: antSlideUpOut;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-topLeft {
    animation-name: antSlideDownOut;
  }

  &-hidden {
    display: none;
  }

  background-color: white;
  border: 1px solid @border-color-base;
  box-shadow: @box-shadow-base;
  border-radius: @border-radius-base;
  box-sizing: border-box;
  z-index: @zindex-dropdown;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  overflow: hidden;
  font-size: @font-size-base;

  &-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0; // Override default ul/ol
    list-style: none;
    max-height: 250px;
    overflow: auto;

    &-item-group-list {
      margin: 0;
      padding: 0;

      > .@{select-prefix-cls}-dropdown-menu-item {
        padding-left: 24px;
      }
    }

    &-item-group-title {
      color: #999;
      line-height: 1.5;
      padding: 8px 15px;
    }

    &-item {
      position: relative;
      display: block;
      padding: 7px 15px;
      font-weight: normal;
      color: #666;
      white-space: nowrap;
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: background 0.3s ease;

      &:hover,
      &-active {
        background-color: tint(@primary-color, 90%);
      }

      &-selected:not(&-disabled) {
        &,
        &:hover {
          background-color: #f7f7f7;
          font-weight: bold;
        }
      }

      &-disabled {
        color: #ccc;
        cursor: not-allowed;

        &:hover {
          color: #ccc;
          background-color: #fff;
          cursor: not-allowed;
        }
      }

      &-divider {
        height: 1px;
        margin: 1px 0;
        overflow: hidden;
        background-color: #e5e5e5;
        line-height: 0;
      }
    }
  }

  &&--multiple {
    .@{select-prefix-cls}-dropdown-menu-item {
      &:after {
        content: '\e62e';
        font-family: 'anticon';
        color: transparent;
        .iconfont-size-under-12px(10px);
        transition: all 0.2s ease;
        position: absolute;
        right: 15px;
        font-weight: bold;
        text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
      }

      &:hover:after {
        color: #ddd;
      }

      &-selected:after,
      &-selected:hover:after {
        color: @primary-color;
      }
    }
    .@{select-prefix-cls}-dropdown-menu-item-disabled {
      &:after {
        display: none;
      }
    }
  }

  &-container-open,
  &-open {
    .@{select-prefix-cls}-dropdown {
      display: block;
    }
  }

  .@{select-prefix-cls}-dropdown-search {
    display: block;
    padding: 4px;
    .@{select-prefix-cls}-search__field__wrap {
      width: 100%;
    }
    .@{select-prefix-cls}-search__field {
      padding: 4px 7px;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid @border-color-base;
      border-radius: 4px;
      outline: none;
    }
    &.@{select-prefix-cls}-search--hide {
      display: none;
    }
  }
}


close #2050

close #2050

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

@switch-prefix-cls: ant-switch;
@switch-duration: .3s;

.@{switch-prefix-cls} {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 20px;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  transition: all @switch-duration @ease-in-out-circ;
  user-select: none;

  &-inner {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 24px;
  }

  &:after {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 1px;
    border-radius: 100%;
    background-color: #fff;
    content: " ";
    cursor: pointer;
    transition: left @switch-duration @ease-in-out-circ;
  }

  &:focus {
    box-shadow: 0 0 0 2px fade(@primary-color, 20%);
    outline: 0;
  }

  &:focus:hover {
    box-shadow: none;
  }

  &-small {
    height: 14px;
    line-height: 12px;
    width: 28px;
    &:after {
      width: 12px;
      height: 12px;
      top: 0;
      left: 0;
    }
  }

  &-small&-checked:after {
    left: 14px;
  }

  &-checked {
    border: 1px solid @primary-color;
    background-color: @primary-color;

    .@{switch-prefix-cls}-inner {
      left: 6px;
    }

    &:after {
      left: 22px;
    }
  }

  &-disabled {
    cursor: not-allowed;
    background: #f7f7f7;
    border-color: #f7f7f7;

    &:after {
      background: #ccc;
      cursor: not-allowed;
    }

    .@{switch-prefix-cls}-inner {
      color: #ccc;
    }
  }
}

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

@switch-prefix-cls: ant-switch;
@switch-duration: .3s;

.@{switch-prefix-cls} {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 20px;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  transition: all @switch-duration @ease-in-out-circ;
  user-select: none;

  &-inner {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 24px;
  }

  &:after {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 1px;
    border-radius: 100%;
    background-color: #fff;
    content: " ";
    cursor: pointer;
    transition: left @switch-duration @ease-in-out-circ;
  }

  &:focus {
    box-shadow: 0 0 0 2px fade(@primary-color, 20%);
    outline: 0;
  }

  &:focus:hover {
    box-shadow: none;
  }

  &-small {
    height: 14px;
    line-height: 12px;
    width: 28px;
    &:after {
      width: 12px;
      height: 12px;
      top: 0;
      left: 0;
    }
  }

  &-small&-checked:after {
    left: 14px;
  }

  &-checked {
    border: 1px solid @primary-color;
    background-color: @primary-color;

    .@{switch-prefix-cls}-inner {
      left: 6px;
    }

    &:after {
      left: 22px;
    }
  }

  &-disabled {
    cursor: not-allowed;
    background: #f7f7f7;
    border-color: #f7f7f7;

    &:after {
      background: #ccc;
      cursor: not-allowed;
    }

    &-inner {
      color: #ccc;
    }
  }
}


Fixed missing checkbox images, tweaked radio button styles

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


Removed unused styling.

Removed unused 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/cschuller/yak-js.git/'


upgrade normalize.css to 7.0.0

upgrade normalize.css to 7.0.0

fatal: unable to access 'https://github.com/zheeeng/ant-design.git/': The requested URL returned error: 403


Signed-off-by: Ge-yuan-jun <daydaygyj@gmail.com>

fatal: unable to access 'https://github.com/XUEJS/xue-project.git/': The requested URL returned error: 403


Add easing variables

Add easing variables

error: pathspec 'layout/default/css/easings.less' did not match any file(s) known to git


use bootswatch darkly theme

use bootswatch darkly theme

@import "custom.bootstrap.mixins.import.less";
@import "variables.import.less";
@import "bootswatch.import.less";

error: pathspec 'client/stylesheets/vendor/custom.bootstrap.import.less' did not match any file(s) known to git


refactor(tiles): set float to inline-block so parent has a height

body, html {
  margin: 0;
  height: 100%;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
}

router-view {
  height: 100%;
}

.btn-primary {
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 2px;
  padding: 3px 10px;
}

// spinning glyphicon
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.list-group-item {
  i, p {
    display: inline;
  }
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#toast-container > div {
  opacity: 1 !important;
}

.logs {
  background-color: black;
  padding-left: 5px;
  overflow: auto;
}

ai-dialog-body * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

ai-dialog-body {
  display: block;
  overflow: auto;
  height: ~"calc(100% - 40px)";
}

ai-dialog>ai-dialog-footer {
  display: block;
  width: 100%;
  height: 30px;
  padding-top: 9px;
  border-top: solid #C5C5C5 1px;
}

ai-dialog ai-dialog-footer .align-right {
  float: right;
}

.tile {
  margin: 5px;
  cursor: pointer;
  cursor: hand;
  width: 120px;
  height: 132px;
  display: inline-block;
}

.default-tile {
  width: 120px;
  height: 132px;
  vertical-align: middle;
  text-align: center;

  &.without-icon {
    > p {
      margin: 0;
      padding-top: 50px;
    }
  }

  &.with-icon {
    img {
      width: 50px;
      height: 50px;
    }

    > p {
      padding-top: 17px;
      text-align: center;
    }
  }
}

.plugin-title-container {
  display: block;

  .plugin-title {
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: .4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
  }

  .project-title-plugin {
    text-align: center;
    margin-bottom: 5px;
    white-space: nowrap;
    vertical-align: middle;
  }
}

.plugin-content-container {
  display: block;
  padding-top: 5px;
  padding-left: 20px;
}

tree-list {
  ul {
    padding-left: 0;
  }
}

tree-list {
  ul {
    li {
      div {
        padding-left: 5px;

        > span {
          line-height: 30px;
        }

        i {
          float: right;
          padding-top: 7px;
          padding-right: 2px;
        }

        .glyphicon {
          width: 16px;
          height: 14px;
        }
      }
    }
  }

  > tree-node {
    > ul {
      > li {
        padding-left: 0;
      }
    }
  }
}

.splitter {
  padding: 2px;
  min-height: 200px;
  cursor: col-resize;
  flex: 0 0 auto;
}

.title {
  font-weight: 300;
  letter-spacing: .4px;
  white-space: nowrap;
  text-transform: capitalize;
  vertical-align: middle;
}

.main-header {
  line-height: 25px;
  letter-spacing: .4px;
  white-space: nowrap;
  vertical-align: middle;
}

.vGrid-glyphicon {
  right: 14px;
  top: 9px;
}

m-menu p {
  color: black;
}

.introjs-helperLayer {
  background: ~"rgba(255,255,255,.2)";
}

body, html {
  margin: 0;
  height: 100%;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
}

router-view {
  height: 100%;
}

.btn-primary {
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 2px;
  padding: 3px 10px;
}

// spinning glyphicon
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.list-group-item {
  i, p {
    display: inline;
  }
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#toast-container > div {
  opacity: 1 !important;
}

.logs {
  background-color: black;
  padding-left: 5px;
  overflow: auto;
}

ai-dialog-body * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

ai-dialog-body {
  display: block;
  overflow: auto;
  height: ~"calc(100% - 40px)";
}

ai-dialog>ai-dialog-footer {
  display: block;
  width: 100%;
  height: 30px;
  padding-top: 9px;
  border-top: solid #C5C5C5 1px;
}

ai-dialog ai-dialog-footer .align-right {
  float: right;
}

.tile {
  margin: 5px;
  cursor: pointer;
  cursor: hand;
  width: 120px;
  height: 132px;
  display: block;
  float: left;
}

.default-tile {
  width: 120px;
  height: 132px;
  vertical-align: middle;
  text-align: center;

  &.without-icon {
    > p {
      margin: 0;
      padding-top: 50px;
    }
  }

  &.with-icon {
    img {
      width: 50px;
      height: 50px;
    }

    > p {
      padding-top: 17px;
      text-align: center;
    }
  }
}

.plugin-title-container {
  display: block;

  .plugin-title {
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: .4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
  }

  .project-title-plugin {
    text-align: center;
    margin-bottom: 5px;
    white-space: nowrap;
    vertical-align: middle;
  }
}

.plugin-content-container {
  display: block;
  padding-top: 5px;
  padding-left: 20px;
}

tree-list {
  ul {
    padding-left: 0;
  }
}

tree-list {
  ul {
    li {
      div {
        padding-left: 5px;

        > span {
          line-height: 30px;
        }

        i {
          float: right;
          padding-top: 7px;
          padding-right: 2px;
        }

        .glyphicon {
          width: 16px;
          height: 14px;
        }
      }
    }
  }

  > tree-node {
    > ul {
      > li {
        padding-left: 0;
      }
    }
  }
}

.splitter {
  padding: 2px;
  min-height: 200px;
  cursor: col-resize;
  flex: 0 0 auto;
}

.title {
  font-weight: 300;
  letter-spacing: .4px;
  white-space: nowrap;
  text-transform: capitalize;
  vertical-align: middle;
}

.main-header {
  line-height: 25px;
  letter-spacing: .4px;
  white-space: nowrap;
  vertical-align: middle;
}

.vGrid-glyphicon {
  right: 14px;
  top: 9px;
}

m-menu p {
  color: black;
}

.introjs-helperLayer {
  background: ~"rgba(255,255,255,.2)";
}


added subtle glowing css animation to unread notification icon

fatal: unable to access 'https://github.com/cablelabs/dev-portal.git/': The requested URL returned error: 403


increasing xs min to 568px

increasing xs min to 568px

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/pradeepmurugesan/incubator-freemarker-docgen.git/'


New custom less file

New custom less file

error: pathspec 'standbase/static/less/custom.less' did not match any file(s) known to git


allow selecting the text in the preview panel

.define-if-not-set() {
	@btn-primary-bg: darken(#428bca, 6.5%);
	@btn-primary-color: #fff;
	@gray-light: lighten(#000, 46.7%);
}

.define-if-not-set();

@topbarHeight: 50px;

html.composing {
	&.mobile {
		overflow: hidden;

		.composer {
			.composer-container {
				display: flex;
				flex-direction: column;
			}

			.write, .preview {
				min-height: auto;
				flex-grow: 1;
				height: auto !important;
			}

			.write-preview-container, .write-preview-container > div {
				min-height: auto;
				flex-grow: 1;
				height: auto !important;
				display: flex;
			}
		}
	}

	body {
		height: 0px !important;
	}

	.composer {
		padding: 0;

		.composer-container {
			overflow-y: visible;
			overflow-x: hidden;
			padding: 0;
			padding-top: 50px;
			height: 100%;
			background: white;
		}

		.title-container {
			margin-top: 0px;

			.title {
				padding-left: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 100%;
			}
		}

		.write, .preview {
			border-bottom: 0;
			min-height: 100%;
			outline: none;
			padding: 25px 10px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			font-size: 18px;
		}

		.form-control {
			box-shadow: none;
		}

		.formatting-bar {
			margin: 0;
			padding: 0;
		}

		.mobile-navbar {
			background: @btn-primary-bg;
			color: @btn-primary-color;
			position: absolute;

			button {
				font-size: 20px;
			}
		}
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
}

.composer {
	.no-select;

	&.resizable {
		position: fixed;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));

		.write, .preview {
			min-height: 0;
		}
	}

	z-index: 10000;

	padding-top: 20px;

	background: white;
	visibility: hidden;

	.composer-container {
		min-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-container {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;

		.title {
			display: block;
			font-size: 22px;
			padding-left: 3px;
			border: 0;
			.box-shadow(none);
			background: white;
			overflow: hidden;
		}

		input.title {
			height: 47px;
		}
	}

	.category-list {
		padding: 0 6px;
	}

	.category-tag-row {
		margin: 5px 0;
	}

	.tag-row {
		margin: 0px;
	}

	.tags-container {
		.bootstrap-tagsinput {
			width:100%;
			margin-bottom: 0px;
			border: 0;
			box-shadow: none;

			input {
				height:28px;
				padding: 4px 6px;
			}

			.label {
				color: white;
				font-size: 13px;
			}
		}
	}

	.write-preview-container {
		height:100%;
		margin: 0 0;
		min-height: 200px;

		> div {
			height:100%;
		}
	}

	.write {
		border: 1px solid #EDEDED;
		.border-radius(0px);
		.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
	}

	.write, .preview  {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 250px;
		margin: 0 auto;
		font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		resize:none;
		overflow: auto;
		padding: 20px;
	}

	.preview-container {
		word-wrap: break-word;
	}

	.write-container {
		&.maximized {
			width: 100%;
		}
	}

	.write-container, .preview-container {
		.help-text {
			text-transform: uppercase;
			position: absolute;
			right: 35px;
			top: 8px;
			font-size: 10px;
			color: #999;
			z-index: 1;
		}
	}

	.help {
		.pointer;
	}

	.toggle-preview {
		margin-left: 20px;
		.pointer;
	}

	.preview {
		overflow-y: auto;

		-webkit-touch-callout: default;
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;

		p {
			margin: 0 0 18px;
		}
	}

	.formatting-bar {
		margin: 5px 0;
		padding: 0px 8px;
		span {
			color: #000;
		}

		.spacer {
			&:before {
				content: ' | ';
				color: @gray-light;
			}
		}
	}

	.resizer {
		position: absolute;
		width: 100%;
		top: 10px;
		height: 0px;

		.pointer;

		.trigger {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			top: -20px;
			margin: 0 auto;
			margin-left: 20px;

			background: #333;
			border: 1px solid #333;
			.border-radius(50%);

			line-height: 26px;

			i {
				position: relative;
				color: #FFF;
				font-size: 16px;

				&:before {
					content: @fa-var-arrows-v;
					position: relative;
					top: 3px;
				}
			}
		}
	}

	&.maximized {
		.resizer .trigger i {
			&:before {
				content: @fa-var-chevron-down;
			}
		}

		box-shadow: none;
	}

	.imagedrop {
		position: absolute;
		top: 250px;
		text-align: center;
		font-size: 24px;
		color: #999;
		width: 100%;
		display: none;
	}

	.topic-thumb-container {
		margin-top: 5px;
		margin-left: 8px;
		margin-right: 8px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		padding: 10px;
	}

	.topic-thumb-btn {
		cursor: hand;
		cursor: pointer;
	}

	.topic-thumb-preview {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 100px
	}

	.topic-thumb-ctrl.form-group {
		display: inline-block;
		vertical-align: -50% !important;
	}
}

@media (max-width: 767px), (max-height: 480px) {
	.composer {
		width: 100%;
		padding-top: 0px;
	}

	.resizer {
		visibility: hidden;
	}
}

.define-if-not-set() {
	@btn-primary-bg: darken(#428bca, 6.5%);
	@btn-primary-color: #fff;
	@gray-light: lighten(#000, 46.7%);
}

.define-if-not-set();

@topbarHeight: 50px;

html.composing {
	&.mobile {
		overflow: hidden;

		.composer {
			.composer-container {
				display: flex;
				flex-direction: column;
			}

			.write, .preview {
				min-height: auto;
				flex-grow: 1;
				height: auto !important;
			}

			.write-preview-container, .write-preview-container > div {
				min-height: auto;
				flex-grow: 1;
				height: auto !important;
				display: flex;
			}
		}
	}

	body {
		height: 0px !important;
	}

	.composer {
		padding: 0;

		.composer-container {
			overflow-y: visible;
			overflow-x: hidden;
			padding: 0;
			padding-top: 50px;
			height: 100%;
			background: white;
		}

		.title-container {
			margin-top: 0px;

			.title {
				padding-left: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 100%;
			}
		}

		.write, .preview {
			border-bottom: 0;
			min-height: 100%;
			outline: none;
			padding: 25px 10px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			font-size: 18px;
		}

		.form-control {
			box-shadow: none;
		}

		.formatting-bar {
			margin: 0;
			padding: 0;
		}

		.mobile-navbar {
			background: @btn-primary-bg;
			color: @btn-primary-color;
			position: absolute;

			button {
				font-size: 20px;
			}
		}
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
}

.composer {
	.no-select;

	&.resizable {
		position: fixed;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));

		.write, .preview {
			min-height: 0;
		}
	}

	z-index: 10000;

	padding-top: 20px;

	background: white;
	visibility: hidden;

	.composer-container {
		min-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-container {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;

		.title {
			display: block;
			font-size: 22px;
			padding-left: 3px;
			border: 0;
			.box-shadow(none);
			background: white;
			overflow: hidden;
		}

		input.title {
			height: 47px;
		}
	}

	.category-list {
		padding: 0 6px;
	}

	.category-tag-row {
		margin: 5px 0;
	}

	.tag-row {
		margin: 0px;
	}

	.tags-container {
		.bootstrap-tagsinput {
			width:100%;
			margin-bottom: 0px;
			border: 0;
			box-shadow: none;

			input {
				height:28px;
				padding: 4px 6px;
			}

			.label {
				color: white;
				font-size: 13px;
			}
		}
	}

	.write-preview-container {
		height:100%;
		margin: 0 0;
		min-height: 200px;

		> div {
			height:100%;
		}
	}

	.write {
		border: 1px solid #EDEDED;
		.border-radius(0px);
		.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
	}

	.write, .preview  {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 250px;
		margin: 0 auto;
		font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		resize:none;
		overflow: auto;
		padding: 20px;
	}

	.preview-container {
		word-wrap: break-word;
	}

	.write-container {
		&.maximized {
			width: 100%;
		}
	}

	.write-container, .preview-container {
		.help-text {
			text-transform: uppercase;
			position: absolute;
			right: 35px;
			top: 8px;
			font-size: 10px;
			color: #999;
			z-index: 1;
		}
	}

	.help {
		.pointer;
	}

	.toggle-preview {
		margin-left: 20px;
		.pointer;
	}

	.preview {
		overflow-y: auto;

		p {
			margin: 0 0 18px;
		}
	}

	.formatting-bar {
		margin: 5px 0;
		padding: 0px 8px;
		span {
			color: #000;
		}

		.spacer {
			&:before {
				content: ' | ';
				color: @gray-light;
			}
		}
	}

	.resizer {
		position: absolute;
		width: 100%;
		top: 10px;
		height: 0px;

		.pointer;

		.trigger {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			top: -20px;
			margin: 0 auto;
			margin-left: 20px;

			background: #333;
			border: 1px solid #333;
			.border-radius(50%);

			line-height: 26px;

			i {
				position: relative;
				color: #FFF;
				font-size: 16px;

				&:before {
					content: @fa-var-arrows-v;
					position: relative;
					top: 3px;
				}
			}
		}
	}

	&.maximized {
		.resizer .trigger i {
			&:before {
				content: @fa-var-chevron-down;
			}
		}

		box-shadow: none;
	}

	.imagedrop {
		position: absolute;
		top: 250px;
		text-align: center;
		font-size: 24px;
		color: #999;
		width: 100%;
		display: none;
	}

	.topic-thumb-container {
		margin-top: 5px;
		margin-left: 8px;
		margin-right: 8px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		padding: 10px;
	}

	.topic-thumb-btn {
		cursor: hand;
		cursor: pointer;
	}

	.topic-thumb-preview {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 100px
	}

	.topic-thumb-ctrl.form-group {
		display: inline-block;
		vertical-align: -50% !important;
	}
}

@media (max-width: 767px), (max-height: 480px) {
	.composer {
		width: 100%;
		padding-top: 0px;
	}

	.resizer {
		visibility: hidden;
	}
}


Adds styles.less for atom.

Adds styles.less for atom.

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

.tree-view {

}

// style the background and foreground colors on the atom-text-editor-element
// itself
atom-text-editor {

}

// To style other content in the text editor's shadow DOM, use the ::shadow
// expression
atom-text-editor::shadow .cursor {

}

atom-text-editor::shadow .highlight.find-result .region {
  background-color: rgb(255, 255, 0);
}
atom-text-editor::shadow .highlight.current-result .region,
atom-text-editor::shadow .highlight.current-result ~ .highlight.selection .region {
  background: rgb(255, 165, 0); // to distinguish from the other results
}

atom-text-editor::shadow .highlights .region {
  background-color: rgba(255, 255, 255, 0.3);
}

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


add example

add example

/*
Example how to "switch" column amount if you cannot achieve a layout with the current amount of columns
Alternative to just divide the column amount defined in config through the amount of columns you want
*/

@grid-type: 'fluid';
@grid-width: 940px;
@grid-gutter: 20px;
@grid-gtype: 'fixed';
@grid-gcount: 12;

@grid-config: @grid-type, @grid-width, @grid-gutter, @grid-gtype, @grid-gcount;

.grid-bundle(@config: @grid-config);

.g-layout-12col {
	// 3 columns per line
	.grid-col-set-equal(@grid-gcount/3);
}

// for some reason we now want columns to behave like in a 16 column grid
.g-layout-16col {
	// 1st col = 10, 2nd col = 6
	.grid-col-set(col-1, @grid-gcount/16*10);
	.grid-col-set(col-2, @grid-gcount/16*6);
}

error: pathspec 'examples/switch-column-count.less' did not match any file(s) known to git


Create notify.less

Create notify.less

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


fixed tooltip issue by isolating xs changes to .tooltip.in

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


remove select box border

remove select box border

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


Force custom styles in buttons with !important

// Buttons
.colorize-button(@color, @border-color) {
  background: @color !important;
  border-color: @border-color !important;

  &:hover,
  &:focus,
  &:active,
  &.active {
    background: darken(@color, 15%, 'relative') !important;
    border-color: darken(@border-color, 15%, 'relative') !important;
  }
}

.colorize-ghost-button(@color) {
  border-color: @color !important;
  color: @color !important;

  &:hover,
  &:focus,
  &:active,
  &.active {
    border-color: @color !important;
    background-color: @color !important;
    color: white !important;
  }
}

// Buttons
.colorize-button(@color, @border-color) {
  background: @color;
  border-color: @border-color;

  &:hover,
  &:focus,
  &:active,
  &.active {
    background: darken(@color, 15%, 'relative');
    border-color: darken(@border-color, 15%, 'relative');
  }
}

.colorize-ghost-button(@color) {
  border-color: @color;
  color: @color;

  &:hover,
  &:focus,
  &:active,
  &.active {
    border-color: @color;
    background-color: @color;
    color: white;
  }
}


tiles animate on :hover

tiles animate on :hover


Revert "remove throbber whimsy"

Revert "remove throbber whimsy"

This reverts commit 6102b3f3d829b55d1e54272ac13aa2a7908664a1.

@import 'lib';

@media (min-width: @desktop) {
    #site-header {
        height: 110px;
        #search,
        #search-q {
            width: 175px;
        }
        #search-q {
            .border-radius(3px);
            .box-shadow(0 1px 0 rgba(255,255,255,.1),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            font-size: 14px;
            font-weight: 300;
            margin-top: -15px;
            position: absolute;
            top: 50%;
            right: 0;
            &:-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-webkit-input-placeholder {
                color: lighten(#48535d, 15%);
            }

        }
    }
    #page {
        padding-top: 110px;
    }
    .incompatible-browser.active {
        top: 110px;
    }

    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    .search {
        #page {
            &:before {
                background: @grain-src #566773;
                background-size: 100px 100px;
                border-bottom: 1px solid rgba(0,0,0,.2);
                content: "";
                display: block;
                position: fixed;
                top: 110px;
                height: 40px;
                width: 100%;
                z-index: 3;
            }
        }
        .incompatible-browser.active {
            top: 151px;
        }
    }

    // The logo is permanent in the header.
    #site-header h1.page {
        display: none;
    }

    .force-mobile #site-header > section,
    #site-header nav,
    #search {
        height: 100%;
    }

    #search {
        display: block;
        position: absolute;
        right: 70px;
    }

    #site-header, .classic-header {
        .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.1) inset');
        background: darken(#3f4f5b, 5%) @grain-src;
        background-size: 100px 100px;
    }

    body, .home {
        #site-header h1.site {
            background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
            text-indent: -9999px;
            height: 100%;
            left: 0;
            max-width: 280px;
            top: 0;
            width: 280px;
            a {
                display: block;
                height: 100%;
                width: 100%;
            }
        }
    }
    .header-button {
        float: none;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 0;
        width: 50px;
        &:after,
        &.back,
        &.home {
            display: none !important;
        }

        // TODO: These are temporary styles. Davor, remove this with bug 811356.
        &.filter,
        &.expand {
            margin-top: 50px;
        }
        &.filter {
            color: @black;
        }
        &.expand {
            margin-right: 50px;
        }

        &.settings {
            display: block;
        }
        &.browserid {
            .transition(.2s background);
            background-position: 50% 0;
            display: block;
            height: 100%;
            line-height: 110px;
            margin: 0;
            top: 0;
            width: 60px;
            &.loading-submit {
                -webkit-animation-duration: 1.5s;
                -webkit-animation-name: spin;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                background: url(../../img/mkt/loading-16.png) center no-repeat;
                text-indent: -9999px;
                &:after {
                    display: none;
                }
            }
        }
    }
    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    #search-results {
        padding-top: 45px;
        .listing {
            border-top: 1px solid @light-gray;
        }
    }
}

@media screen and (min-width: @desktop),
       @retina {
    body, .home {
        #site-header h1.site {
            background-image: url(../../img/mkt/logos/large-2x.png);
            background-size: 280px auto;
        }
    }
}

@import 'lib';

@media (min-width: @desktop) {
    #site-header {
        height: 110px;
        #search,
        #search-q {
            width: 175px;
        }
        #search-q {
            .border-radius(3px);
            .box-shadow(0 1px 0 rgba(255,255,255,.1),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            font-size: 14px;
            font-weight: 300;
            margin-top: -15px;
            position: absolute;
            top: 50%;
            right: 0;
            &:-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-webkit-input-placeholder {
                color: lighten(#48535d, 15%);
            }

        }
    }
    #page {
        padding-top: 110px;
    }
    .incompatible-browser.active {
        top: 110px;
    }

    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    .search {
        #page {
            &:before {
                background: @grain-src #566773;
                background-size: 100px 100px;
                border-bottom: 1px solid rgba(0,0,0,.2);
                content: "";
                display: block;
                position: fixed;
                top: 110px;
                height: 40px;
                width: 100%;
                z-index: 3;
            }
        }
        .incompatible-browser.active {
            top: 151px;
        }
    }

    // The logo is permanent in the header.
    #site-header h1.page {
        display: none;
    }

    .force-mobile #site-header > section,
    #site-header nav,
    #search {
        height: 100%;
    }

    #search {
        display: block;
        position: absolute;
        right: 70px;
    }

    #site-header, .classic-header {
        .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.1) inset');
        background: darken(#3f4f5b, 5%) @grain-src;
        background-size: 100px 100px;
    }

    body, .home {
        #site-header h1.site {
            background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
            text-indent: -9999px;
            height: 100%;
            left: 0;
            max-width: 280px;
            top: 0;
            width: 280px;
            a {
                display: block;
                height: 100%;
                width: 100%;
            }
        }
    }
    .header-button {
        float: none;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 0;
        width: 50px;
        &:after,
        &.back,
        &.home {
            display: none !important;
        }

        // TODO: These are temporary styles. Davor, remove this with bug 811356.
        &.filter,
        &.expand {
            margin-top: 50px;
        }
        &.filter {
            color: @black;
        }
        &.expand {
            margin-right: 50px;
        }

        &.settings {
            display: block;
        }
        &.browserid {
            display: block;
            height: 100%;
            line-height: 110px;
            margin: 0;
            top: 0;
            width: 60px;
            &.loading-submit {
                -webkit-animation-duration: 1.5s;
                -webkit-animation-name: spin;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                background: url(../../img/mkt/loading-16.png) center no-repeat;
                text-indent: -9999px;
                &:after {
                    display: none;
                }
            }
        }
    }
    // TODO: These are temporary styles. Davor, remove this with bug 811356.
    #search-results {
        padding-top: 45px;
        .listing {
            border-top: 1px solid @light-gray;
        }
    }
}

@media screen and (min-width: @desktop),
       @retina {
    body, .home {
        #site-header h1.site {
            background-image: url(../../img/mkt/logos/large-2x.png);
            background-size: 280px auto;
        }
    }
}


Set max-height, width auto on thumbnail images

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


Remove import of editor.less in style.less

fatal: unable to access 'https://github.com/Livefyre/streamhub-sdk.git/': The requested URL returned error: 403


Hide popup elements by default, show only if popup

Ref saasquatch/dollar-credit-theme#2

// Base Elements
body {
  background: transparent;
  font-family: 'Lato', sans-serif;
  padding: 10px;
}

// Bootstrap overrides
.input-group .form-control:first-child {
  border-right: 0;

  &:focus {
    border-color: @input-border;
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  }
}

.input-group-btn:last-child  {
  > .btn,
  > .btn-group {
    margin-left: 0;
  }
}

html.no-flash {
  .input-group {
    width: 100%;

    .form-control {
      width: 100%;
      border-right: 1px solid @input-border;
      border-radius: @border-radius-base;
    }

    .input-group-btn {
      display: none;
    }
  }
}

html.lt-ie9 .fade {
  visibility: hidden;

  &.in {
    visibility: visible;
  }
}

// Base Referral SaaSquatch elements
.squatch-container {
  padding: 0;
  width: 500px;
  position: relative;
  overflow: hidden;

  html.lt-ie9 & {
    border: 1px solid @gray-lighter;
  }
}

.squatch-container-popup {
  .box-shadow(0 2px 4px rgba(0,0,0,.5));
  background: @white;
  height: 490px;
}

// Styling for portal
.squatch-container-demo_embed {
  border-radius: 4px;
  border: 1px solid @gray-light;
}

.squatch-body {
  padding: @body-padding;
}

.squatch-header-close {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: 0;
  color: @blue;
  font-size: @font-size-xs;
  display: none;

  &:hover {
    text-decoration: underline;
  }

  .squatch-container-popup & {
    display: inline-block;
  }
}

.squatch-title,
.squatch-lead,
.squatch-cta {
  text-align: center;
}

.squatch-title {
  margin: 0 0 20px;
  color: @blue;
}

.squatch-lead {
  font-size: @font-size-sm;
}

.squatch-cta {
  margin: 0 0 24px;

  b {
    color: @gray-darker;
  }
}

#squatch-share-link {
  color: @text-color;
  background: transparent;
  cursor: text;
}

#squatch-share-notification {
  position: absolute;
  top: 10px;
  right: 156px;
  z-index: 100;
}

.squatch-stats {
  .transition-transform(.3s cubic-bezier(.65, 0, .35, 1));
  .translate(0, 0);
  overflow: hidden;
  position: relative;
  z-index: 110;

  .squatch-stats-body {
    padding: 15px @body-padding;
    border-top: 1px solid @gray-lighter;
  }

  .squatch-stats-title {
    margin: 5px 0 7px;
    text-align: center;
    color: @gray-darker;
    font-weight: bold;

    html.lt-ie9 & {
      margin: 0 0 7px;
    }
  }

  .squatch-stats-body-actions {
    text-align: center;

    .btn {
      margin-left: @grid-gutter-width;
      width: 120px;

      &:first-child {
        margin-left: 0;
      }

      &[data-close-panel] {
        display: none;

        .squatch-container-popup & {
          display: inline-block;
        }
      }
    }
  }

  &.open {
    .translate(0, -207px);

    html.lt-ie9 & {
      top: -207px;
    }
  }

  .squatch-container-popup & {
    background: @white;
  }
}

.squatch-progress {
  .progress {
    border: 1px solid darken(@gray-light, 5%);
  }

  .progress-bar {
    .box-shadow(1px 0 0 darken(@gray-light, 5%));
  }

  .progress-legend {
    width: @line-height-computed;
    float: left;
    margin: 0 10px 0 0;
  }
}

.squatch-actions {
  .translate(0, 0);
  .transition-transform(.3s cubic-bezier(0,0,.58,1));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  background: @white;
  text-align: center;
  padding: 15px @body-padding 0;
  display: none;

  .squatch-stats.open + & {
    .translate(0, 81px);

    html.lt-ie9 & {
      display: none;
    }
  }

  .squatch-container-popup & {
    display: block;
  }
}

.squatch-attribution {
  text-align: center;
  margin: 9px 0;
  font-size: 9px;
  color: lighten(@gray-light, 8%);
}

.squatch-referrals-container {
  margin: 10px 0 11px;
  height: 209px;
  overflow: hidden;
}

.squatch-referrals {
  margin-bottom: 209px;
  border-collapse: separate;
  position: relative;
  width: 100%;

  td {
    padding-top: 15px;
    padding-bottom: 14px;
    vertical-align: top;

    &:first-child {
      width: 180px;
      padding-left: 20px;
    }

    &:last-child {
      width: 142px;
      padding-right: 20px;
    }
  }

  tr {
    td {
      border-bottom: 1px solid @gray-lighter;
    }

    &:last-child td,
    &:nth-child(3n) td {
      border-bottom: 0;
    }
  }

  .squatch-referrals-avatar {
    width: 40px;
    float: left;
    margin-right: 12px;
  }

  .squatch-referrals-heading {
    margin: 2px 0;
  }

  .squatch-referrals-description {
    color: @gray-light;
    font-size: @font-size-xs;
    line-height: 12px;
  }

  .squatch-referrals-icon {
    margin: 10px 7px 0 0;
    float: left;
    font-size: 22px;
  }
}

// Theme-specific elements
.icon-btn {
  border-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: left;

  &:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    bottom: -1px;
    background: fade(@white, 18%);
    width: 40px;
  }

  .icon {
    width: 42px;
    margin-right: 20px;
  }
}

.btn-email {
  .button-variant(@btn-email-color; @btn-email-bg; @btn-email-border);
}

.btn-facebook {
  .button-variant(@btn-facebook-color; @btn-facebook-bg; @btn-facebook-border);
}

.btn-twitter {
  .button-variant(@btn-twitter-color; @btn-twitter-bg; @btn-twitter-border);
}

.btn[data-clipboard-target] {
  width: 140px;

  &.hover {
    background: darken(@btn-primary-bg, 10%);
    border-color: darken(@btn-primary-border, 12%);
  }
}

// Components

button[data-scroll-element].disabled {
  cursor: default;
}

// Empty referrals list
[data-scroll-limit='0'] {
  &,
  & + .squatch-stats-body-actions {
    display: none;
  }

  & ~ .squatch-attribution {
    margin-top: 20px;
  }
}

// Atomic classes
.text-green {
  color: @green !important;
}

.text-yellow {
  color: @yellow !important;
}

.text-gray {
  color: @gray-light !important;
}

.text-black {
  color: @black !important;
}

// Base Elements
body {
  background: transparent;
  font-family: 'Lato', sans-serif;
  padding: 10px;
}

// Bootstrap overrides
.input-group .form-control:first-child {
  border-right: 0;

  &:focus {
    border-color: @input-border;
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  }
}

.input-group-btn:last-child  {
  > .btn,
  > .btn-group {
    margin-left: 0;
  }
}

html.no-flash {
  .input-group {
    width: 100%;

    .form-control {
      width: 100%;
      border-right: 1px solid @input-border;
      border-radius: @border-radius-base;
    }

    .input-group-btn {
      display: none;
    }
  }
}

html.lt-ie9 .fade {
  visibility: hidden;

  &.in {
    visibility: visible;
  }
}

// Base Referral SaaSquatch elements
.squatch-container {
  padding: 0;
  width: 500px;
  position: relative;
  overflow: hidden;

  html.lt-ie9 & {
    border: 1px solid @gray-lighter;
  }
}

.squatch-container-popup {
  .box-shadow(0 2px 4px rgba(0,0,0,.5));
  background: @white;
  height: 490px;
}

// Styling for portal
.squatch-container-demo_embed {
  border-radius: 4px;
  border: 1px solid @gray-light;
}

.squatch-body {
  padding: @body-padding;
}

.squatch-header-close {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: 0;
  color: @blue;
  font-size: @font-size-xs;

  &:hover {
    text-decoration: underline;
  }

  .squatch-container-embed & {
    display: none;
  }
}

.squatch-title,
.squatch-lead,
.squatch-cta {
  text-align: center;
}

.squatch-title {
  margin: 0 0 20px;
  color: @blue;
}

.squatch-lead {
  font-size: @font-size-sm;
}

.squatch-cta {
  margin: 0 0 24px;

  b {
    color: @gray-darker;
  }
}

#squatch-share-link {
  color: @text-color;
  background: transparent;
  cursor: text;
}

#squatch-share-notification {
  position: absolute;
  top: 10px;
  right: 156px;
  z-index: 100;
}

.squatch-stats {
  .transition-transform(.3s cubic-bezier(.65, 0, .35, 1));
  .translate(0, 0);
  overflow: hidden;
  position: relative;
  z-index: 110;

  .squatch-stats-body {
    padding: 15px @body-padding;
    border-top: 1px solid @gray-lighter;
  }

  .squatch-stats-title {
    margin: 5px 0 7px;
    text-align: center;
    color: @gray-darker;
    font-weight: bold;

    html.lt-ie9 & {
      margin: 0 0 7px;
    }
  }

  .squatch-stats-body-actions {
    text-align: center;

    .btn {
      margin-left: @grid-gutter-width;
      width: 120px;

      &:first-child {
        margin-left: 0;
      }

      .squatch-container-embed &[data-close-panel] {
        display: none;
      }
    }
  }

  &.open {
    .translate(0, -207px);

    html.lt-ie9 & {
      top: -207px;
    }
  }

  .squatch-container-popup & {
    background: @white;
  }
}

.squatch-progress {
  .progress {
    border: 1px solid darken(@gray-light, 5%);
  }

  .progress-bar {
    .box-shadow(1px 0 0 darken(@gray-light, 5%));
  }

  .progress-legend {
    width: @line-height-computed;
    float: left;
    margin: 0 10px 0 0;
  }
}

.squatch-actions {
  .translate(0, 0);
  .transition-transform(.3s cubic-bezier(0,0,.58,1));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  background: @white;
  text-align: center;
  padding: 15px @body-padding 0;

  html.lt-ie9 & {
    display: block;
  }

  .squatch-stats.open + & {
    .translate(0, 81px);

    html.lt-ie9 & {
      display: none;
    }
  }

  .squatch-container-embed & {
    display: none;
  }
}

.squatch-attribution {
  text-align: center;
  margin: 9px 0;
  font-size: 9px;
  color: lighten(@gray-light, 8%);
}

.squatch-referrals-container {
  margin: 10px 0 11px;
  height: 209px;
  overflow: hidden;
}

.squatch-referrals {
  margin-bottom: 209px;
  border-collapse: separate;
  position: relative;
  width: 100%;

  td {
    padding-top: 15px;
    padding-bottom: 14px;
    vertical-align: top;

    &:first-child {
      width: 180px;
      padding-left: 20px;
    }

    &:last-child {
      width: 142px;
      padding-right: 20px;
    }
  }

  tr {
    td {
      border-bottom: 1px solid @gray-lighter;
    }

    &:last-child td,
    &:nth-child(3n) td {
      border-bottom: 0;
    }
  }

  .squatch-referrals-avatar {
    width: 40px;
    float: left;
    margin-right: 12px;
  }

  .squatch-referrals-heading {
    margin: 2px 0;
  }

  .squatch-referrals-description {
    color: @gray-light;
    font-size: @font-size-xs;
    line-height: 12px;
  }

  .squatch-referrals-icon {
    margin: 10px 7px 0 0;
    float: left;
    font-size: 22px;
  }
}

// Theme-specific elements
.icon-btn {
  border-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: left;

  &:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    bottom: -1px;
    background: fade(@white, 18%);
    width: 40px;
  }

  .icon {
    width: 42px;
    margin-right: 20px;
  }
}

.btn-email {
  .button-variant(@btn-email-color; @btn-email-bg; @btn-email-border);
}

.btn-facebook {
  .button-variant(@btn-facebook-color; @btn-facebook-bg; @btn-facebook-border);
}

.btn-twitter {
  .button-variant(@btn-twitter-color; @btn-twitter-bg; @btn-twitter-border);
}

.btn[data-clipboard-target] {
  width: 140px;

  &.hover {
    background: darken(@btn-primary-bg, 10%);
    border-color: darken(@btn-primary-border, 12%);
  }
}

// Components

button[data-scroll-element].disabled {
  cursor: default;
}

// Empty referrals list
[data-scroll-limit='0'] {
  &,
  & + .squatch-stats-body-actions {
    display: none;
  }

  & ~ .squatch-attribution {
    margin-top: 20px;
  }
}

// Atomic classes
.text-green {
  color: @green !important;
}

.text-yellow {
  color: @yellow !important;
}

.text-gray {
  color: @gray-light !important;
}

.text-black {
  color: @black !important;
}


Continued initial commit

Continued initial commit

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */

@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "bootstrap.less";
@import "extras.less";
@import "icons.less";

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


Lightened comment colour a bit

Lightened comment colour a bit

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


Stronger blue

Stronger blue

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


[atom] add styles.less that enables font ligatures

atom-text-editor {
  text-rendering: optimizeLegibility;
}

atom-text-editor.editor .syntax--string.syntax--quoted,
atom-text-editor.editor .syntax--string.syntax--regexp {
  -webkit-font-feature-settings: "liga" off, "calt" off;
}

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


More generic border colour on input hover

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


Supported long text in menubar.

Supported long text in menubar.

fatal: unable to access 'https://github.com/team-aries/just.git/': The requested URL returned error: 403


Create badges.less

Create badges.less

//**** Badges ****//

//Base Style

.badge {
    display: inline-block;
    min-width: @badge-min-width;
    padding: @badge-padding;
    font-size: @default-font-size - 2px;
    font-weight: 700;
    line-height: 1;
    color: @white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: @badge;
    border-radius: @border-radius;
}

//UP

.badge.badge.up {
    position: relative;
    top: @badge-up-top;
}

//Primary

.badge.badge-primary {
    background-color: @badge-primary-color;
}

//Success

.badge.badge-success {
    background-color: @badge-success-color;
}

//Warning

.badge.badge-warning {
    background-color: @badge-warning-color;
}

//Danger

.badge.badge-danger {
    background-color: @badge-danger-color;
}

//Info

.badge.badge-info {
    background-color: @badge-info-color;
}

//Styles

.badge.square {
    border-radius: @border-square-radius;
}

.badge.ultra-rounded {
    border-radius: @border-ultra-rounded-radius;
}

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


Create winapp.less

Create winapp.less

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


Fix overlay positioning

Fix overlay positioning

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


Remove default background from page header

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


Remove styles

Remove styles

fatal: unable to access 'https://github.com/StudyForFun/Framework7-Plus.git/': The requested URL returned error: 403


padding bottom of the item-tags changed from 6 to 4 pixels

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


added grid block

added grid block

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


Removed unused font from spigot stylesheet

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


다크 테마 Label 스타일 적용

다크 테마 Label 스타일 적용

fatal: unable to access 'https://github.com/cornerstonewdk/cornerstone-framework.git/': The requested URL returned error: 403


have a single icludes file for all components

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


Hero image opacity

Hero image opacity


Increase title-bar padding

Increase title-bar padding

@import "ui-variables";

@title-bar-text-size: 13px;
@title-bar-height: 36px;
@title-bar-background-color: @base-background-color;
@title-bar-border-color: @base-border-color;

body.fullscreen .title-bar {
  margin-top: -@title-bar-height;
}

.title-bar {
  box-sizing: content-box;
  height: @title-bar-height;
  transition: margin-top 160ms;

  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: @title-bar-text-size;
  -webkit-user-select: none;
  -webkit-app-region: drag;

  padding: 0 77px;
  overflow: hidden;

  .title {
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  background-color: @title-bar-background-color;
  border-bottom: 1px solid @title-bar-border-color;

  .is-blurred & {
    color: @text-color-subtle;
  }
}

@import "ui-variables";

@title-bar-text-size: 13px;
@title-bar-height: 36px;
@title-bar-background-color: @base-background-color;
@title-bar-border-color: @base-border-color;

body.fullscreen .title-bar {
  margin-top: -@title-bar-height;
}

.title-bar {
  box-sizing: content-box;
  height: @title-bar-height;
  transition: margin-top 160ms;

  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: @title-bar-text-size;
  -webkit-user-select: none;
  -webkit-app-region: drag;

  padding: 0 70px;
  overflow: hidden;

  .title {
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  background-color: @title-bar-background-color;
  border-bottom: 1px solid @title-bar-border-color;

  .is-blurred & {
    color: @text-color-subtle;
  }
}


Corrects font reference paths to styles/

@font-face {
	font-family: 'icomoon';
	src:url('atom://seti-ui/styles/_fonts/icomoon.eot');
	src:url('atom://seti-ui/styles/_fonts/icomoon.eot') format('embedded-opentype'),
		url('atom://seti-ui/styles/_fonts/icomoon.woff') format('woff'),
		url('atom://seti-ui/styles/_fonts/icomoon.ttf') format('truetype'),
		url('atom://seti-ui/styles/_fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-icons_go:before {
	content: "\e621";
}

.icon-ejs:before {
	content: "\e602";
}
.icon-icons_ts:before {
	content: "\e622";
}
.icon-icons_yml:before {
	content: "\e617";
}
.icon-icons_karma:before {
	content: "\e61c";
}
.icon-icons_ico:before {
	content: "\e61d";
}
.icon-icons_jl:before {
	content: "\e61e";
}
.icon-icons_jsx:before {
	content: "\e620";
}

.icon-icons_npm:before {
	content: "\e616";
}
.icon-icons_node:before {
	content: "\e617";
}
.icon-icons_yml:before {
	content: "\e618";
}
.icon-icons_xml:before {
	content: "\e619";
}
.icon-icons_bower:before {
	content: "\e61a";
}
.icon-icons_stylus:before {
	content: "\e600";
}
.icon-icons_site:before {
	content: "\e601";
}
.icon-icons_sh:before {
	content: "\e602";
}
.icon-icons_sass:before {
	content: "\e603";
}
.icon-icons_rb:before {
	content: "\e604";
}
.icon-icons_rails:before {
	content: "\e605";
}
.icon-icons_py:before {
	content: "\e606";
}
.icon-icons_procfile:before {
	content: "\e607";
}
.icon-icons_php:before {
	content: "\e608";
}
.icon-icons_md:before {
	content: "\e609";
}
.icon-icons_license:before {
	content: "\e60a";
}
.icon-icons_json:before {
	content: "\e60b";
}
.icon-icons_js:before {
	content: "\e60c";
}
.icon-icons_img:before {
	content: "\e60d";
}
.icon-icons_html:before {
	content: "\e60e";
}
.icon-icons_hbs:before {
	content: "\e60f";
}
.icon-icons_gulp:before {
	content: "\e610";
}
.icon-icons_grunt:before {
	content: "\e611";
}
.icon-icons_file:before {
	content: "\e612";
}
.icon-icons_dir:before {
	content: "\e613";
}
.icon-icons_css:before {
	content: "\e614";
}
.icon-icons_config:before {
	content: "\e615";
}
.icon-icons_coffee:before {
	content: "\e61b";
}

@font-face {
	font-family: 'icomoon';
	src:url('atom://seti-ui/stylesheets/_fonts/icomoon.eot');
	src:url('atom://seti-ui/stylesheets/_fonts/icomoon.eot') format('embedded-opentype'),
		url('atom://seti-ui/stylesheets/_fonts/icomoon.woff') format('woff'),
		url('atom://seti-ui/stylesheets/_fonts/icomoon.ttf') format('truetype'),
		url('atom://seti-ui/stylesheets/_fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-icons_go:before {
	content: "\e621";
}

.icon-ejs:before {
	content: "\e602";
}
.icon-icons_ts:before {
	content: "\e622";
}
.icon-icons_yml:before {
	content: "\e617";
}
.icon-icons_karma:before {
	content: "\e61c";
}
.icon-icons_ico:before {
	content: "\e61d";
}
.icon-icons_jl:before {
	content: "\e61e";
}
.icon-icons_jsx:before {
	content: "\e620";
}

.icon-icons_npm:before {
	content: "\e616";
}
.icon-icons_node:before {
	content: "\e617";
}
.icon-icons_yml:before {
	content: "\e618";
}
.icon-icons_xml:before {
	content: "\e619";
}
.icon-icons_bower:before {
	content: "\e61a";
}
.icon-icons_stylus:before {
	content: "\e600";
}
.icon-icons_site:before {
	content: "\e601";
}
.icon-icons_sh:before {
	content: "\e602";
}
.icon-icons_sass:before {
	content: "\e603";
}
.icon-icons_rb:before {
	content: "\e604";
}
.icon-icons_rails:before {
	content: "\e605";
}
.icon-icons_py:before {
	content: "\e606";
}
.icon-icons_procfile:before {
	content: "\e607";
}
.icon-icons_php:before {
	content: "\e608";
}
.icon-icons_md:before {
	content: "\e609";
}
.icon-icons_license:before {
	content: "\e60a";
}
.icon-icons_json:before {
	content: "\e60b";
}
.icon-icons_js:before {
	content: "\e60c";
}
.icon-icons_img:before {
	content: "\e60d";
}
.icon-icons_html:before {
	content: "\e60e";
}
.icon-icons_hbs:before {
	content: "\e60f";
}
.icon-icons_gulp:before {
	content: "\e610";
}
.icon-icons_grunt:before {
	content: "\e611";
}
.icon-icons_file:before {
	content: "\e612";
}
.icon-icons_dir:before {
	content: "\e613";
}
.icon-icons_css:before {
	content: "\e614";
}
.icon-icons_config:before {
	content: "\e615";
}
.icon-icons_coffee:before {
	content: "\e61b";
}


Update stylesheet and avoid deprecated selector (fixes #16)

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/pyfisch/atom-language-rust.git/'


add margin-bottom to progress component

add margin-bottom to progress component

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


fixed width landing head rules for IE < 9

 On branch master

	modified:   public/lesscss/comps/landing-hr.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/FireworksProject/corkboard-website.git/'


merging bkj-testing-2 w/ bug fixes and some aesthetic 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/gophronesis/penny-sae.git/'


add import

add import

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


Regex fix

Regex fix

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


- correção de import para structure

- correção de import para structure

fatal: unable to access 'https://github.com/Dhales-Ribeiro/NoClass.git/': The requested URL returned error: 403