revert 16c4ce0

revert 16c4ce0

@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;
      pointer-events: none;
    }

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

    .@{select-prefix-cls}-search__field__mirror {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      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;
    }
  }
}


Disable text selection when editing dashboard

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


点赞图片添加

点赞图片添加

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


Section tweaks

Section tweaks

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


Fit in Navbar

Fit in Navbar

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


preventing word-wrap in all table cells

preventing word-wrap in all table cells

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


Fix typo in LESS file

Fix typo in LESS file

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


tilføj til min e-hylde er blevet til en knap (mangler dog tekst tror det er en js opgave)

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/Det-Kongelige-Bibliotek/rex.git/'


profile styles

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


vertical align top for header

vertical align top for header


Create rotated-flipped.less

Create rotated-flipped.less

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

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

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

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

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

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


only apply markerless outdent on larger screens

/*
Typograhy styles
 ==========================================================================
typography.less contains both global and application specific typography */

/*
 Global Typography
 ========================================================================== */

/*  Body Font
    ------------

Georgia, 1em, black

*/

body {
    color: @black;
    font-family: @body-font;
    font-size: 1em;
    /*line-height: 1.625;*/ /* 26px */
    /*line-height: 1.375;*/ /*22px*/
    line-height: 1.5; /*24px*/
}

strong {
    .avenir-next-demi;
}

/*  Default Headings
    --------

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

 */

h1,
h2,
h3{
    .avenir-next-demi;
    margin-bottom: 0;
}

h4,
h5,
h6 {
    .avenir-next-demi;
    margin-bottom: 0;
}

h1 {
    font-size: 2.125em;
}

h2 {
    font-size: 1.625em;
}

h3 {
    font-size: 1.375em;
}

h4 {
    font-size: 1em;
    text-transform: uppercase;
}

h5 {
    font-size: 0.875em;
    text-transform: uppercase;
}

h6 {
    font-size: 0.875em;
    margin: 1em 0 0 0;
}

/*  Sub Headings
    ------------

Sub Heading

*/

.sub-text {
    .avenir-next;
}

.small-header {
    font-size: 1.125em;
}

.xsmall-header {
    font-size: 1em;
}

.light-header {
    .avenir-next;
}

.upper-header {
    text-transform: uppercase;
}

.sentence-header {
    text-transform: none;
}

.effective-date {
    font-size: .875em;
    padding-right: 15px;
}

/*  Lists
    ------

List item

List item

List item

*/

ul li {
  list-style: none;
}

.bullet li {
    list-style: disc;
}

li {
    margin-top: 1em; /*16px*/
}

address {
    font-style: normal;
}

ol[type="no-marker"] {
    list-style-type: none;
    padding-left: 0;
}

/*
 Link Styles
 ========================================================================== */

a:link,
a:visited {
    color: @pacific;
    text-decoration: none;
    border: none;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
}

/*  Internal Links
    ---------------
    internal contents
*/

.internal,
.internal:link,
.internal:visited {
    color: @black;
    text-decoration: none;
    border-bottom: 1px solid @pacific;
}

.internal:hover,
.internal:active,
.internal:focus {
    background-color: #cde3f1;
}

/*  External Links
    --------------
    some other website
*/

.external:after{
    .cf-icon;
    content: "\e610";
    padding: 0 0 0 5px;
    font-size: 16px;
}

.phone:link,
.phone:visited {
    color: @pacific;
}

.phone:before {
    .cf-icon;
    content: "\e306";
    margin-right: 6px;
}

.mail:before {
    .cf-icon;
    content: "\e302";
    margin-right: 6px;
}

.go:after {
   .cf-icon;
    content: "\e002";
    font-size: 0.75em;
    margin-left: 6px;
    vertical-align: middle;
}

.pdf:after {
   .cf-icon;
    content: "\e402";
    margin-left: 6px;
}

.external:hover,
.mail:hover,
.go:hover,
.pdf:hover,
.standard:hover,
.what:hover,
.external:active,
.mail:active,
.go:active,
.pdf:active,
.standard:active,
.what:active,
.external:focus,
.mail:focus,
.go:focus,
.pdf:focus
.standard:focus,
.what:focus, {
    border-bottom: 1px solid;
}

/*  Definition Links
    --------------
    defined term
*/

.definition,
.definition:link,
.definition:visited {
    color: @black;
    text-decoration: none;
    border-bottom: 1px dotted @gray-80;
}

.definition:hover,
.definition:active {
    border-bottom: 1px solid @gray-40;
    background-color: @gray-10;
}

.definition.active {
    background-color: @gray-10;
}

.inline-interpretation {
    .definition:link,
    .definition:visited {
         border-bottom: 1px solid @gray-40;
    }
}

/* button styles */

.btn {
    .avenir-next;
    display: inline-block;
    box-sizing: border-box;
    padding: .57142857em 1em;
    border: 0;
    border-radius: .28571429em;
    margin: 0;
    vertical-align: middle;
    font-size: .875em;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .1s;
    -webkit-appearance: none;
}

.btn, .btn:link, .btn:visited {
    background-color: #0072ce;
    color: #fff;
}

.btn.hover, .btn:hover {
    background-color: #328ed8;
}

.btn.focus, .btn:focus {
    background-color: #328ed8;
    outline: #0072ce dotted 1px;
    outline-offset: 1px;
}

/*
 Regulation Headings
 ========================================================================== */

/*  Top Level
    -----------

Top Level Reg Heading

*/

.section-number,
.supplement-section h3 {
    font-size: 1.8125em; /* 29px / 16 */
    .avenir-next-demi;
    line-height: 1.25;
    letter-spacing: 1px;
}

.section-number {
    text-indent: -.94em; /* outdent the § symbol */
}

/* for a header with no following content */

.empty-header {
    margin-bottom: 2em;
}

/*  Sub Headings
    -----------

Top Level Reg Heading

*/

.appendix-subheading,
.interp-subheading {
    .reset;
    font-size: 1.375em; /* 22 / 16 */
    line-height: 1.25;
    margin-top: 1em;
    text-transform: none;
}

/*  List Styles
    ==========================================================================
Regulations are essentially a giant nested list.
This attempts to define global rules for a clear hierarchical structure.
 */

.level-1 > li {
    padding: 1em 0 0 0;
}

.level-1 > li p {
    margin-top: 0;
    padding-top: 0;
}

.supplement-section .level-1 > li {
    border-bottom: none;
    padding: 0;
}

.level-1 > li:last-child {
    border-bottom: 0;
}

.level-1 > li:first-child {
    padding-top: 0;
}

.level-2 > li > p {
    margin-top: 1em;
}

/*
The list & key-terms are set to Avenir Next Demi
Paragraphs within the list items are set in the body font
The `<ol>` tag needs to have the appropriate list type applied
```
<ol class="level-1" type="a">
    <li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
        <ol class="level-2" type="1">
            <li><p>Ut enim ad minim veniam</p></li>
            <li><p>Quis nostrud exercitation ullamco laboris nisi ut aliquip</p></li>
        </ol>
    </li>
</ol>
```
*/

.main-content ol, dfn, .stripped-marker {
  .avenir-next-demi;
}
//
// .appendix-section ol {
//   list-style-type: none;
// }

.main-content p {
  font-family: @body-font;
  font-weight: 400;
}

.paragraph-marker, .stripped-marker {
  display: none;
}

/* remove paragraph markers that have the markerless class */
.markerless {
  list-style-type: none;

    /* don't indent the markerless headings, paragraphs, tables, and images */
    @media screen and (min-width: 600px) {
        >h3,
        >h4,
        >p,
        >img,
        >.table-wrap,
        >ol {
            margin-left: -1.2em;
        }
    }
}

/*  Definition Styles
    ==========================================================================

The ```<dfn class="key-term">``` tag is used throughout the reg to reference terms as they are defined
within the context of the regulation.

See [MDN's `<dfn>` tag reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn) for more info.

All key-terms are displayed as block elements to force a line-break,
except in the appendix where we use inline-block to accomodate the marker styles

*/

.key-term {
    display: block;
}

/*  Level-1 Key-Terms
    -----------------

```
<ol class="level-1">
    <li>
        <dfn class="key-term">Level 1 key-term</dfn>
    </li>
</ol>
```
*/

.level-1 .key-term {
    font-size: 1.375em; /* 24px / 16px = 1.5em */
    line-height: 1.5; /* 30px / 24px = 1.25 */
}

/*  Level-2 key-terms
    -----------------

```
<section class="supplement-section">
<ol class="level-2">
    <li>
        <dfn class="key-term">Level 2 key-term</dfn>
    </li>
</ol>
</section>
```
*/

.level-2 .key-term,
.supplement-section .level-1 .key-term {
    text-transform: uppercase;
    font-size: 1em;
    .avenir-next-demi;
}

/*  Level-3 key-terms
    -----------------

```
<section class="supplement-section">
<ol class="level-3">
    <li>
        <dfn class="key-term">Level 3 key-term</dfn>
    </li>
</ol>
</section>
```
*/

.level-3 .key-term {
    .avenir-next-demi;
    text-transform: none;
}

/*
  Appendix Styles
 ==========================================================================

Model Form Content
------------------

```
<div class="model-form-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div>
```
*/

.model-form-content {
    background: #f6f6f5;
    border: 1px solid #e3e4e5;
    padding: 20px;
    font-family: Arial, sans-serif;
    font-size: 0.875em; /* 14/16 = .875 */
    line-height: 1.4;
}

/* some model forms have dashes in the regulation, such as
* Location ________
* we mark those up with span tags and insert the dash with css
*/
.model-form-dash {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;

    span {
        display: inline-block;
        *display: inline;
        min-width: 1em;
        min-height: 1em;
        vertical-align: baseline;
        *vertical-align: auto;
        zoom: 1;
        position: relative;
        padding-right: 0.4em;

        &:after {
            content: '';
            display: block;
            width: 1000px;
            position: absolute;
            top: 1.2em;
            border-top: 1px solid @black;
        }

        &:after {
          left: 100%;
        }
    }
}

/*
  Table Styles
 ========================================================================== */
table {
    margin: 1em 0;
    padding: 0;
    font-size: .75em;
    .avenir-next;
    table-layout: fixed;
    width: 100%;
}

th,
td {
    padding: 15px;
    line-height: 20px;
    border: 1px solid @gray-80;
}

th {
    font-family: "Avenir Next Demi", Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: left;
}

/* make tables horizontally scroll on small screens */
@media only screen and ( max-width: 480px ) {
    .table-wrap {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; // smoother scrolling
    }
}

/*
  Code Styles
 ========================================================================== */

pre {
    font-size: 0.875em;
    font-family: Consolas, monaco, monospace;
    margin: 0 auto;
    max-width: 600px;
    padding: 10px;
    background-color: @gray-5;
    overflow-x: scroll;
    word-wrap: normal;
    white-space: pre;
}

/*
  there's some wonkiness going on with the pre tag and responsiveness
  this is a quick solution */

@media only screen and ( min-width: 1300px ){
  pre {
    max-width: 680px;
  }
}

@media only screen and ( max-width: 1300px ){
  pre {
    max-width: 600px;
  }
}

@media only screen and ( max-width: 1100px ){
  pre {
    max-width: 500px;
  }
}

/*
  Small screens
 ==============
*/

@media only screen and ( max-width: 480px ) {

    .reg-text {
        margin-top: 20px;

        ol {
            padding: 0;
        }
    }

    .main-content,
    .secondary-content,
    .about-content,
    .landing-content {
        font-size: 0.875em;
    }

    .section-number,
    .appendix-heading,
    .supplement-section h3 {
        font-size: 1.571428571em;
    }
}

@media only screen and ( max-width: 600px ) {

    .main-content {

        ol {
            list-style-position: inside;
        }
    }
}

@media only screen and ( max-width: 780px ) {

    /*
    Typography
    ========================
    */

    .section-number {
        text-indent: 0;
    }

    /*
    Main Content
    =====================
    */

    .level-1 > li:after {
        margin-left: -5em;
    }

    h1 .title {
        display: none;
    }

     /*
    Appendix Content
    =====================
    */
    //
    // .appendix-section .stripped-marker {
    //   display: inline-block;
    //   float: left;
    //   margin-left: 0;
    //   width: auto;
    //   padding-right: 4px;
    // }
    //
    // .appendix-section ol {
    //     padding: 0;
    // }
}

@media only screen and ( max-width: 1100px ) {

    .level-1 > li:after {
        margin-left: -10em;
    }
}

/*
Typograhy styles
 ==========================================================================
typography.less contains both global and application specific typography */

/*
 Global Typography
 ========================================================================== */

/*  Body Font
    ------------

Georgia, 1em, black

*/

body {
    color: @black;
    font-family: @body-font;
    font-size: 1em;
    /*line-height: 1.625;*/ /* 26px */
    /*line-height: 1.375;*/ /*22px*/
    line-height: 1.5; /*24px*/
}

strong {
    .avenir-next-demi;
}

/*  Default Headings
    --------

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

 */

h1,
h2,
h3{
    .avenir-next-demi;
    margin-bottom: 0;
}

h4,
h5,
h6 {
    .avenir-next-demi;
    margin-bottom: 0;
}

h1 {
    font-size: 2.125em;
}

h2 {
    font-size: 1.625em;
}

h3 {
    font-size: 1.375em;
}

h4 {
    font-size: 1em;
    text-transform: uppercase;
}

h5 {
    font-size: 0.875em;
    text-transform: uppercase;
}

h6 {
    font-size: 0.875em;
    margin: 1em 0 0 0;
}

/*  Sub Headings
    ------------

Sub Heading

*/

.sub-text {
    .avenir-next;
}

.small-header {
    font-size: 1.125em;
}

.xsmall-header {
    font-size: 1em;
}

.light-header {
    .avenir-next;
}

.upper-header {
    text-transform: uppercase;
}

.sentence-header {
    text-transform: none;
}

.effective-date {
    font-size: .875em;
    padding-right: 15px;
}

/*  Lists
    ------

List item

List item

List item

*/

ul li {
  list-style: none;
}

.bullet li {
    list-style: disc;
}

li {
    margin-top: 1em; /*16px*/
}

address {
    font-style: normal;
}

ol[type="no-marker"] {
    list-style-type: none;
    padding-left: 0;
}

/*
 Link Styles
 ========================================================================== */

a:link,
a:visited {
    color: @pacific;
    text-decoration: none;
    border: none;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
}

/*  Internal Links
    ---------------
    internal contents
*/

.internal,
.internal:link,
.internal:visited {
    color: @black;
    text-decoration: none;
    border-bottom: 1px solid @pacific;
}

.internal:hover,
.internal:active,
.internal:focus {
    background-color: #cde3f1;
}

/*  External Links
    --------------
    some other website
*/

.external:after{
    .cf-icon;
    content: "\e610";
    padding: 0 0 0 5px;
    font-size: 16px;
}

.phone:link,
.phone:visited {
    color: @pacific;
}

.phone:before {
    .cf-icon;
    content: "\e306";
    margin-right: 6px;
}

.mail:before {
    .cf-icon;
    content: "\e302";
    margin-right: 6px;
}

.go:after {
   .cf-icon;
    content: "\e002";
    font-size: 0.75em;
    margin-left: 6px;
    vertical-align: middle;
}

.pdf:after {
   .cf-icon;
    content: "\e402";
    margin-left: 6px;
}

.external:hover,
.mail:hover,
.go:hover,
.pdf:hover,
.standard:hover,
.what:hover,
.external:active,
.mail:active,
.go:active,
.pdf:active,
.standard:active,
.what:active,
.external:focus,
.mail:focus,
.go:focus,
.pdf:focus
.standard:focus,
.what:focus, {
    border-bottom: 1px solid;
}

/*  Definition Links
    --------------
    defined term
*/

.definition,
.definition:link,
.definition:visited {
    color: @black;
    text-decoration: none;
    border-bottom: 1px dotted @gray-80;
}

.definition:hover,
.definition:active {
    border-bottom: 1px solid @gray-40;
    background-color: @gray-10;
}

.definition.active {
    background-color: @gray-10;
}

.inline-interpretation {
    .definition:link,
    .definition:visited {
         border-bottom: 1px solid @gray-40;
    }
}

/* button styles */

.btn {
    .avenir-next;
    display: inline-block;
    box-sizing: border-box;
    padding: .57142857em 1em;
    border: 0;
    border-radius: .28571429em;
    margin: 0;
    vertical-align: middle;
    font-size: .875em;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .1s;
    -webkit-appearance: none;
}

.btn, .btn:link, .btn:visited {
    background-color: #0072ce;
    color: #fff;
}

.btn.hover, .btn:hover {
    background-color: #328ed8;
}

.btn.focus, .btn:focus {
    background-color: #328ed8;
    outline: #0072ce dotted 1px;
    outline-offset: 1px;
}

/*
 Regulation Headings
 ========================================================================== */

/*  Top Level
    -----------

Top Level Reg Heading

*/

.section-number,
.supplement-section h3 {
    font-size: 1.8125em; /* 29px / 16 */
    .avenir-next-demi;
    line-height: 1.25;
    letter-spacing: 1px;
}

.section-number {
    text-indent: -.94em; /* outdent the § symbol */
}

/* for a header with no following content */

.empty-header {
    margin-bottom: 2em;
}

/*  Sub Headings
    -----------

Top Level Reg Heading

*/

.appendix-subheading,
.interp-subheading {
    .reset;
    font-size: 1.375em; /* 22 / 16 */
    line-height: 1.25;
    margin-top: 1em;
    text-transform: none;
}

/*  List Styles
    ==========================================================================
Regulations are essentially a giant nested list.
This attempts to define global rules for a clear hierarchical structure.
 */

.level-1 > li {
    padding: 1em 0 0 0;
}

.level-1 > li p {
    margin-top: 0;
    padding-top: 0;
}

.supplement-section .level-1 > li {
    border-bottom: none;
    padding: 0;
}

.level-1 > li:last-child {
    border-bottom: 0;
}

.level-1 > li:first-child {
    padding-top: 0;
}

.level-2 > li > p {
    margin-top: 1em;
}

/*
The list & key-terms are set to Avenir Next Demi
Paragraphs within the list items are set in the body font
The `<ol>` tag needs to have the appropriate list type applied
```
<ol class="level-1" type="a">
    <li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
        <ol class="level-2" type="1">
            <li><p>Ut enim ad minim veniam</p></li>
            <li><p>Quis nostrud exercitation ullamco laboris nisi ut aliquip</p></li>
        </ol>
    </li>
</ol>
```
*/

.main-content ol, dfn, .stripped-marker {
  .avenir-next-demi;
}
//
// .appendix-section ol {
//   list-style-type: none;
// }

.main-content p {
  font-family: @body-font;
  font-weight: 400;
}

.paragraph-marker, .stripped-marker {
  display: none;
}

/* remove paragraph markers that have the markerless class */
.markerless {
  list-style-type: none;

  /* don't indent the markerless headings, paragraphs, tables, and images */
  >h3,
  >h4,
  >p,
  >img,
  >.table-wrap,
  >ol {
    margin-left: -1em;
  }
}

/*  Definition Styles
    ==========================================================================

The ```<dfn class="key-term">``` tag is used throughout the reg to reference terms as they are defined
within the context of the regulation.

See [MDN's `<dfn>` tag reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn) for more info.

All key-terms are displayed as block elements to force a line-break,
except in the appendix where we use inline-block to accomodate the marker styles

*/

.key-term {
    display: block;
}

/*  Level-1 Key-Terms
    -----------------

```
<ol class="level-1">
    <li>
        <dfn class="key-term">Level 1 key-term</dfn>
    </li>
</ol>
```
*/

.level-1 .key-term {
    font-size: 1.375em; /* 24px / 16px = 1.5em */
    line-height: 1.5; /* 30px / 24px = 1.25 */
}

/*  Level-2 key-terms
    -----------------

```
<section class="supplement-section">
<ol class="level-2">
    <li>
        <dfn class="key-term">Level 2 key-term</dfn>
    </li>
</ol>
</section>
```
*/

.level-2 .key-term,
.supplement-section .level-1 .key-term {
    text-transform: uppercase;
    font-size: 1em;
    .avenir-next-demi;
}

/*  Level-3 key-terms
    -----------------

```
<section class="supplement-section">
<ol class="level-3">
    <li>
        <dfn class="key-term">Level 3 key-term</dfn>
    </li>
</ol>
</section>
```
*/

.level-3 .key-term {
    .avenir-next-demi;
    text-transform: none;
}

/*
  Appendix Styles
 ==========================================================================

Model Form Content
------------------

```
<div class="model-form-content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div>
```
*/

.model-form-content {
    background: #f6f6f5;
    border: 1px solid #e3e4e5;
    padding: 20px;
    font-family: Arial, sans-serif;
    font-size: 0.875em; /* 14/16 = .875 */
    line-height: 1.4;
}

/* some model forms have dashes in the regulation, such as
* Location ________
* we mark those up with span tags and insert the dash with css
*/
.model-form-dash {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;

    span {
        display: inline-block;
        *display: inline;
        min-width: 1em;
        min-height: 1em;
        vertical-align: baseline;
        *vertical-align: auto;
        zoom: 1;
        position: relative;
        padding-right: 0.4em;

        &:after {
            content: '';
            display: block;
            width: 1000px;
            position: absolute;
            top: 1.2em;
            border-top: 1px solid @black;
        }

        &:after {
          left: 100%;
        }
    }
}

/*
  Table Styles
 ========================================================================== */
table {
    margin: 1em 0;
    padding: 0;
    font-size: .75em;
    .avenir-next;
    table-layout: fixed;
    width: 100%;
}

th,
td {
    padding: 15px;
    line-height: 20px;
    border: 1px solid @gray-80;
}

th {
    font-family: "Avenir Next Demi", Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: left;
}

/* make tables horizontally scroll on small screens */
@media only screen and ( max-width: 480px ) {
    .table-wrap {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; // smoother scrolling
    }
}

/*
  Code Styles
 ========================================================================== */

pre {
    font-size: 0.875em;
    font-family: Consolas, monaco, monospace;
    margin: 0 auto;
    max-width: 600px;
    padding: 10px;
    background-color: @gray-5;
    overflow-x: scroll;
    word-wrap: normal;
    white-space: pre;
}

/*
  there's some wonkiness going on with the pre tag and responsiveness
  this is a quick solution */

@media only screen and ( min-width: 1300px ){
  pre {
    max-width: 680px;
  }
}

@media only screen and ( max-width: 1300px ){
  pre {
    max-width: 600px;
  }
}

@media only screen and ( max-width: 1100px ){
  pre {
    max-width: 500px;
  }
}

/*
  Small screens
 ==============
*/

@media only screen and ( max-width: 480px ) {

    .reg-text {
        margin-top: 20px;

        ol {
            padding: 0;
        }
    }

    .main-content,
    .secondary-content,
    .about-content,
    .landing-content {
        font-size: 0.875em;
    }

    .section-number,
    .appendix-heading,
    .supplement-section h3 {
        font-size: 1.571428571em;
    }
}

@media only screen and ( max-width: 600px ) {

    .main-content {

        ol {
            list-style-position: inside;
        }
    }
}

@media only screen and ( max-width: 780px ) {

    /*
    Typography
    ========================
    */

    .section-number {
        text-indent: 0;
    }

    /*
    Main Content
    =====================
    */

    .level-1 > li:after {
        margin-left: -5em;
    }

    h1 .title {
        display: none;
    }

     /*
    Appendix Content
    =====================
    */
    //
    // .appendix-section .stripped-marker {
    //   display: inline-block;
    //   float: left;
    //   margin-left: 0;
    //   width: auto;
    //   padding-right: 4px;
    // }
    //
    // .appendix-section ol {
    //     padding: 0;
    // }
}

@media only screen and ( max-width: 1100px ) {

    .level-1 > li:after {
        margin-left: -10em;
    }
}


Fix InterestingPeople link style

Fix InterestingPeople link style

.User {
  font-weight: 500;
}

.User__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.User__links {
  display: flex;
  align-items: center;

  & > a {
    font-weight: bold;
  }
}

.User__name {
  margin-left: 8px;
}

.User__about {
  font-size: 15px;
  color: #9d9d9d
}

.User__divider {
  width: 100%;
  height: 1px;
  margin: 12px 0;
  background-color: #e9e7e7;
}

.User {
  font-weight: 500;
}

.User__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.User__links {
  display: flex;
  align-items: center;
}

.User__name {
  margin-left: 8px;
}

.User__about {
  font-size: 15px;
  color: #9d9d9d
}

.User__divider {
  width: 100%;
  height: 1px;
  margin: 12px 0;
  background-color: #e9e7e7;
}


Massive less cleanup. Less less now.

Massive less cleanup. Less less now.

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


Create helpers.import.less

Create helpers.import.less

.position(@type; @top: auto; @right: auto; @bottom: auto; @left: auto; @width: auto; @height: auto) {
  position: @type;
  top: @top;
  right: @right;
  bottom: @bottom;
  left: @left;
  width: @width;
  height: @height;
}

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


a bit of styling

a bit of styling


remove unused variable

remove unused variable

@trim: #d0d8de;
@bgColor: #fff;
@bgColorDarker: #f6f9fc;
@baseFontSize: 13px;
@gray: #72778b;
@gray-light: lighten(@gray, 24);
@gray-dark: #464a56;
@navbarInverseLinkBackgroundActive: #333;
@orange: #F78300;
@black: #111;
@white: #fff;
@sentry-orange: #fb4226;
@blue: #2eb0f7;
@green: #34c08b;
@yellow: #fece09;
@red: #e8535a;
@pink: #DB3B8A;
@purple: #a47ac6;
@teal: #45c2c9;

@linkColor: @blue;

@linkColorHover: darken(@blue, 15%);

@font-family-base: "Lato", "Avenir Next", "Helvetica Neue", sans-serif;
@font-family-code: Monaco, Consolas, "Courier New", monospace;

@sidebar-width: 200px;


fix presence style

fix presence style

.table .circle {
  font-size: 10px !important;
}
.circle.icon {
  &.absent { color: @mediumgrey; }
  &.abandoned { color: @red; }
  &.waiting { color: @orange; }
  &.present { color: @green; }
}

.apps {
  .scrollable();
  flex: 1;
  .app {
    margin: 10px;
    .border-radius(5px);
    width: ~"calc(100% - 20px)";
    display: flex;
    border: 1px solid #CCC;
    overflow: hidden;
    &.installed .app-icon {
      background: #21BA45 !important;
      i {
        color: #FFFFFF !important;
      }
    }
  }
  .app-icon {
    flex: 0 0 60px;
    display: flex;
    background: #DDDDDD !important;
    i {
      margin: auto;
      font-size: 30px;
      line-height: 30px;
      color: #666666;
    }
  }
  .app-content {
    flex: 1;
    background: #FFF;
    padding: 10px;
    h2 {
      margin: 0;
      font-size: 18px;
      line-height: 28px;
    }
    h4 {
      margin: 0 0 10px;
      font-size: 12px;
      line-height: 14px;
      font-weight: normal;
      color: #444444;
      height: 14px;
    }
    p {
      margin: 0 0 10px;
      color: #888888;
      height: 40px;
    }
  }
}
.app-detail {
  .scrollable();
  flex: 1;
  .app {
    &.installed .app-icon {
      position: relative;
      background: #21BA45 !important;
    }
    .app-icon {
      height: 150px;
      display: flex;
      background: #DDDDDD !important;
      i {
        margin: auto;
        font-size: 60px;
        line-height: 60px;
        color: #FFFFFF;
      }
    }
    .app-content {
      flex: 1;
      padding: 20px;
      h2 {
        margin: 0;
        font-size: 18px;
        line-height: 28px;
      }
      h4 {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        color: #444444;
      }
      p {
        margin: 0 0 10px;
        color: #888888;
      }
    }
  }
}
.author-details {
  padding: 10px;
}

.role-user {
  strong {
    color: #000;
  }
  .avatar {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 15px;
  }
}
.role-access-title {
  padding: 10px 15px;
  border-bottom: 1px solid #DDD;
  background: #EEE;
  text-transform: uppercase;
}
.role-access-right {
  padding: 10px 15px;
  border-bottom: 1px solid #DDD;
  color: #888;
  display: flex;
  strong {
    text-transform: lowercase;;
    color: #000;
  }
  .role-access-right-icon {
    flex: 0 0 30px;
    display: flex;
    i {
      margin: auto 0;
    }
  }
  .role-access-right-label {
    flex: 1;
  }
}

.app-token {
  position: relative;
  .app-icon {
    .border-radius(5px);
    background-color: @darkgrey;
    color: #FFF;
    padding: 5px;
    margin-right: 10px;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    i {
      margin: 0;
    }
  }
  .chevron {
    position: absolute;
    right: 18px;
    top: 18px;
  }
}

.user-token {
  .avatar {
    display: inline-block !important;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    float: left;
  }
  color: #888888 !important;
  strong {
    color: #000;
  }
}

@import './components/access/style';
@import './components/roles/style';

.table .circle {
  font-size: 10px !important;
  &.absent { color: @mediumgrey; }
  &.abandoned { color: @red; }
  &.waiting { color: @orange; }
  &.present { color: @green; }
}

.apps {
  .scrollable();
  flex: 1;
  .app {
    margin: 10px;
    .border-radius(5px);
    width: ~"calc(100% - 20px)";
    display: flex;
    border: 1px solid #CCC;
    overflow: hidden;
    &.installed .app-icon {
      background: #21BA45 !important;
      i {
        color: #FFFFFF !important;
      }
    }
  }
  .app-icon {
    flex: 0 0 60px;
    display: flex;
    background: #DDDDDD !important;
    i {
      margin: auto;
      font-size: 30px;
      line-height: 30px;
      color: #666666;
    }
  }
  .app-content {
    flex: 1;
    background: #FFF;
    padding: 10px;
    h2 {
      margin: 0;
      font-size: 18px;
      line-height: 28px;
    }
    h4 {
      margin: 0 0 10px;
      font-size: 12px;
      line-height: 14px;
      font-weight: normal;
      color: #444444;
      height: 14px;
    }
    p {
      margin: 0 0 10px;
      color: #888888;
      height: 40px;
    }
  }
}
.app-detail {
  .scrollable();
  flex: 1;
  .app {
    &.installed .app-icon {
      position: relative;
      background: #21BA45 !important;
    }
    .app-icon {
      height: 150px;
      display: flex;
      background: #DDDDDD !important;
      i {
        margin: auto;
        font-size: 60px;
        line-height: 60px;
        color: #FFFFFF;
      }
    }
    .app-content {
      flex: 1;
      padding: 20px;
      h2 {
        margin: 0;
        font-size: 18px;
        line-height: 28px;
      }
      h4 {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        color: #444444;
      }
      p {
        margin: 0 0 10px;
        color: #888888;
      }
    }
  }
}
.author-details {
  padding: 10px;
}

.role-user {
  strong {
    color: #000;
  }
  .avatar {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 15px;
  }
}
.role-access-title {
  padding: 10px 15px;
  border-bottom: 1px solid #DDD;
  background: #EEE;
  text-transform: uppercase;
}
.role-access-right {
  padding: 10px 15px;
  border-bottom: 1px solid #DDD;
  color: #888;
  display: flex;
  strong {
    text-transform: lowercase;;
    color: #000;
  }
  .role-access-right-icon {
    flex: 0 0 30px;
    display: flex;
    i {
      margin: auto 0;
    }
  }
  .role-access-right-label {
    flex: 1;
  }
}

.app-token {
  position: relative;
  .app-icon {
    .border-radius(5px);
    background-color: @darkgrey;
    color: #FFF;
    padding: 5px;
    margin-right: 10px;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    i {
      margin: 0;
    }
  }
  .chevron {
    position: absolute;
    right: 18px;
    top: 18px;
  }
}

.user-token {
  .avatar {
    display: inline-block !important;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    float: left;
  }
  color: #888888 !important;
  strong {
    color: #000;
  }
}

@import './components/access/style';
@import './components/roles/style';


using the right variable

using the right variable

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


Création du fichier LESS du style.css

Création du fichier LESS du style.css

body {
    width: 100%;
    line-height: 1;
    color: #000;
    background: #fff;
    color: #565a5f;
    background: #f5f8f9;
    font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}
body:before,body:after {
    content: "";
    display: table;
}
body:after {
    clear: both;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
ol,ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}
caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
a {
    color: #38b7ea;
    text-decoration: none;
    img {
        border: none;
    }
}
input,button {
    margin: 0;
    padding: 0;
}
input::-moz-focus-inner,button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
html,body,#container {
    height: 100%;
}
a:visited {
    color: #38b7ea;
}
.outer {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}
.outer:before,.outer:after {
    content: "";
    display: table;
}
.outer:after {
    clear: both;
}
@media {
    screen {
        and {
            (max-width: {
                559px) {
                    .outer #header-sub #main-nav #search-form-wrap #main-nav-mobile .menu .search-form-input .archive-year-wrap,.archive-category-wrap,.archive-tag-wrap,.layout-title .layout-wrap-inner .archive-article-thumbnail .thumbnail .archive-article-title #page-nav .page-number .widget-wrap #toTop;
                }
            }
            (min-width: {
                1200px) {
                    #main #main-nav-mobile #sub-nav #profile #article-nav .article-nav-link-wrap #article-nav-newer #article-nav-older #sidebar;
                }
                800px) {
                    and {
                        (max-width: {
                            1199px) {
                                #main #main-nav-mobile #sidebar;
                            }
                        }
                    }
                }
                560px) {
                    and {
                        (max-width: {
                            799px) {
                                #header-sub #main-nav #toTop;
                            }
                        }
                    }
                }
            }
        }
    }
}
.left,.alignleft {
    float: left;
}
.right,.alignright {
    float: right;
}
.clear {
    clear: both;
}
.logo {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#container {
    position: relative;
    & > .outer {
        margin-bottom: 30px;
    }
}
.archive-article-header a,.layout-wrap-inner.tag-cloud a,.archive-article-header a:visited,.layout-wrap-inner.tag-cloud a:visited {
    color: #565a5f;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    transition: 0.2s ease;
}
.archive-article-header a:hover,.layout-wrap-inner.tag-cloud a:hover,.archive-article-header a:visited:hover,.layout-wrap-inner.tag-cloud a:visited:hover {
    color: #38b7ea;
}
.article-date,.article-category-link,.archive-year,.widget-title {
    text-decoration: none;
    text-transform: uppercase;
    color: #999;
    font-size: 0.8rem;
    line-height: 1em;
}
#header,#profile .inner,.article-inner,#comments,.archive-article,#toTop {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.article-entry h1,.widget h1 {
    font-size: 2em;
}
.article-entry h2,.widget h2 {
    font-size: 1.5em;
}
.article-entry h3,.widget h3 {
    font-size: 1.3em;
}
.article-entry h4,.widget h4 {
    font-size: 1.2em;
}
.article-entry h5,.widget h5 {
    font-size: 1em;
}
.article-entry h6,.widget h6 {
    font-size: 1em;
    color: #999;
}
.article-entry hr,.widget hr {
    border: 1px dashed #eceff2;
}
.article-entry strong,.widget strong {
    font-weight: bold;
}
.article-entry em,.widget em,.article-entry cite,.widget cite {
    font-style: italic;
}
.article-entry sup,.widget sup,.article-entry sub,.widget sub {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.article-entry sup,.widget sup {
    top: -0.5em;
}
.article-entry sub,.widget sub {
    bottom: -0.2em;
}
.article-entry small,.widget small {
    font-size: 0.85em;
}
.article-entry acronym,.widget acronym,.article-entry abbr,.widget abbr {
    border-bottom: 1px dotted;
}
.article-entry ul,.widget ul,.article-entry ol,.widget ol,.article-entry dl,.widget dl {
    margin: 0 20px;
    line-height: 1.6em;
}
.article-entry ul ul,.widget ul ul,.article-entry ol ul,.widget ol ul,.article-entry ul ol,.widget ul ol,.article-entry ol ol,.widget ol ol {
    margin-top: 0;
    margin-bottom: 0;
}
.article-entry ul,.widget ul {
    list-style: disc;
}
.article-entry ol,.widget ol {
    list-style: decimal;
}
.article-entry dt,.widget dt {
    font-weight: bold;
}
#header {
    background: #fff;
    position: relative;
    a:hover {
        color: #38b7ea;
    }
}
#header a,#header a:visited {
    white-space: nowrap;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    transition: 0.2s ease;
    color: #565a5f;
}
.header-inner #logo,#main-nav,#sub-nav,#search-form-wrap {
    height: 40px;
    line-height: 40px;
    padding: 12px 15px;
}
.header-inner #logo,#main-nav {
    float: left;
}
#sub-nav,#search-form-wrap {
    float: right;
}
.header-inner {
    height: 100%;
    position: relative;
    #logo {
        display: inline-block;
        .logo {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 5px;
        }
        .site-title {
            font-size: 16px;
            display: inline-block;
            vertical-align: top;
            font-weight: 600;
        }
    }
}
#header-title {
    text-align: center;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
}
.header-sub {
    border-top: 1px solid #eceff2;
    ul {
        margin: 0 15px;
        li {
            float: left;
            margin: 0 10px;
            a {
                display: inline-block;
                line-height: 48px;
            }
        }
    }
    ul:after {
        clear: both;
    }
    .main-nav-link {
        display: inline-block;
        line-height: 48px;
    }
}
.header-sub ul:before,.header-sub ul:after {
    content: "";
    display: table;
}
.nav-icon,.main-nav-link {
    float: left;
    display: block;
    padding: 0 15px;
}
.nav-icon {
    text-align: center;
    font-size: 14px;
    width: 14px;
    height: 14px;
    position: relative;
    cursor: pointer;
    height: 40px !important;
    line-height: 40px !important;
}
.main-nav-link {
    font-weight: 300;
}
#sub-nav {
    #profile-nav {
        #profile-anchor {
            display: block;
            height: 40px;
            line-height: 40px;
        }
        #profile-anchor:after {
            clear: both;
        }
        .avatar {
            width: 40px;
            height: 40px;
            margin-right: 8px;
        }
        .fa {
            line-height: 40px;
        }
    }
}
#sub-nav #profile-nav #profile-anchor:before,#sub-nav #profile-nav #profile-anchor:after {
    content: "";
    display: table;
}
#sub-nav #profile-nav .avatar,#sub-nav #profile-nav .fa {
    float: left;
}
#search-form-wrap {
    .search-form {
        position: relative;
        .search-form-input {
            width: 100%;
            height: 40px;
            padding: 0 30px 0 10px;
            line-height: 40px;
            -webkit-border-radius: 21px;
            border-radius: 21px;
        }
        .search-form-submit {
            top: 50%;
            right: 15px;
            border: none;
            cursor: pointer;
            margin-top: -7px;
            background: none;
            position: absolute;
            font: 13px font-icon;
            font-family: 'FontAwesome';
        }
        .search-form-submit:before {
            content: '\f002';
        }
    }
}
#search-form-wrap .search-form .search-form-input::-webkit-search-results-decoration,#search-form-wrap .search-form .search-form-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
#search-form-wrap .search-form .search-form-submit:hover,#search-form-wrap .search-form .search-form-submit:focus {
    color: #777;
}
.search-form-input {
    width: 200px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #565a5f;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif;
    border: 1px solid #eceff2;
}
.search-form-input:focus {
    border-color: #38b7ea;
}
#main-nav-mobile {
    overflow-y: hidden;
    overflow-x: auto;
    .menu {
        margin: 0;
        height: 48px;
        .search-form-input {
            display: none;
            padding: 0 10px;
            margin-right: 15px;
            height: 32px;
            line-height: 32px;
            -webkit-border-radius: 16px;
            border-radius: 16px;
        }
    }
    .menu:after {
        clear: both;
    }
}
#main-nav-mobile .menu:before,#main-nav-mobile .menu:after {
    content: "";
    display: table;
}
#main-nav-mobile .menu .search-form-input::-webkit-search-results-decoration,#main-nav-mobile .menu .search-form-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.bio {
    text-align: center;
}
#profile {
    display: inline;
    float: left;
    width: 21.5384615384615%;
    margin: 0 0.7692307692308%;
    display: none;
    .inner {
        margin-top: 40px;
        background: #fff;
        .bio {
            h2 {
                font-size: 1.3em;
                font-weight: bold;
                margin-top: 15px;
            }
            p {
                margin: 5px 20px 10px 20px;
                text-align: justify;
                max-width: 300px;
                line-height: 1.5em;
            }
        }
        .base-info {
            #avatar {
                display: block;
                margin: 10px auto 20px;
                width: 200px;
                height: 200px;
            }
            #name {
                font-size: 20px;
                font-weight: 600;
            }
            #location {
                font-size: 12px;
                margin-top: 5px;
                color: #9a9ea3;
                .fa {
                    margin-right: 5px;
                }
            }
            #follow {
                color: #fff;
                width: 150px;
                height: 40px;
                display: block;
                font-size: 14px;
                line-height: 40px;
                text-align: center;
                margin: 20px auto 10px;
                background: #38b7ea;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                -webkit-transition: 0.2s ease;
                -moz-transition: 0.2s ease;
                -ms-transition: 0.2s ease;
                transition: 0.2s ease;
            }
            #follow:hover {
                background: #49c8fb;
            }
        }
        .article-info {
            padding: 0px;
            .article-info-block {
                width: 50%;
                float: left;
                padding: 20px 15px;
                text-align: center;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 20px;
                span {
                    display: block;
                    font-size: 14px;
                    text-transform: uppercase;
                }
            }
            .article-info-block:first-child {
                border-right: 1px solid #eceff2;
            }
        }
        .article-info:after {
            clear: both;
        }
        .contact-info {
            .contact-list {
                width: 100%;
                td {
                    text-align: center;
                    font-size: 24px;
                    a {
                        position: relative;
                        -webkit-transition: 0.2s ease;
                        -moz-transition: 0.2s ease;
                        -ms-transition: 0.2s ease;
                        transition: 0.2s ease;
                        color: #898d92;
                    }
                    a:hover {
                        color: #565a5f;
                    }
                    a:hover:after {
                        right: -50%;
                        top: -41px;
                        color: #fff;
                        background: #333;
                        font-size: 14px;
                        content: attr(title);
                        display: block;
                        padding: 5px 15px;
                        position: absolute;
                        white-space: nowrap;
                        -webkit-border-radius: 2px;
                        border-radius: 2px;
                        text-transform: uppercase;
                        -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
                        box-shadow: 0 0 2px rgba(0,0,0,0.2);
                        z-index: 1;
                    }
                    a:hover:before {
                        top: -12px;
                        right: 8px;
                        border: solid;
                        border-color: #333 transparent;
                        border-width: 5px 5px 0 5px;
                        content: "";
                        display: block;
                        position: absolute;
                        z-index: 2;
                    }
                }
            }
        }
    }
}
.profile-block {
    padding: 15px 20px;
    border-bottom: 1px solid #eceff2;
}
.profile-block:last-child {
    border-bottom: none;
}
#profile .inner .base-info #name,#profile .inner .base-info #title,#profile .inner .base-info #location {
    display: block;
    text-align: center;
}
#profile .inner .article-info:before,#profile .inner .article-info:after {
    content: "";
    display: table;
}
#profile.card {
    top: 50px;
    right: 20px;
    z-index: 999;
    display: block;
    min-width: 280px;
    position: absolute;
    .profile-inner {
        position: relative;
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
    .profile-inner:after {
        z-index: 0;
        border-color: transparent transparent #dbdee1 transparent;
    }
}
#profile.card .profile-inner:before,#profile.card .profile-inner:after {
    z-index: 1;
    content: '';
    top: -20px;
    right: 10px;
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.article {
    margin: 40px 0;
}
.article-inner {
    overflow: hidden;
}
.article-banner {
    width: 100%;
    height: auto;
}
.article-meta:before,.article-meta:after {
    content: "";
    display: table;
}
.article-meta:after {
    clear: both;
}
.article-meta {
    & > div {
        margin-bottom: 5px;
    }
    a {
        color: #9a9ea3;
    }
    a:hover {
        color: #38b7ea;
    }
}
.article-meta .article-date,.article-meta .article-category {
    margin-right: 10px;
    color: #9a9ea3;
}
.article-date {
    float: left;
}
.article-category {
    float: left;
    line-height: 1em;
    color: #565a5f;
    .fa-angle-right {
        margin: 0 5px;
    }
}
.article-header {
    padding: 20px 20px 0;
    .article-title {
        display: block;
        margin-bottom: 14px;
    }
}
.article-title {
    text-decoration: none;
    font-size: 2em;
    color: #565a5f;
    line-height: 1.1em;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}
a.article-title:visited {
    color: #565a5f;
}
a.article-title:hover {
    color: #38b7ea;
}
.article-entry {
    color: #565a5f;
    padding: 0 20px;
    line-height: 1.6em;
    a {
        color: #38b7ea;
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
    iframe {
        border: none;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    th {
        font-weight: bold;
        border-bottom: 3px solid #eceff2;
        padding-bottom: 0.5em;
    }
    td {
        border-bottom: 1px solid #eceff2;
        padding: 10px 0;
    }
    blockquote {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.4em;
        margin: 1.6em 20px;
        text-align: center;
        footer {
            font-size: 14px;
            margin: 1.6em 0;
            font-family: "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif;
            cite:before {
                content: "â€”";
                padding: 0 0.5em;
            }
        }
    }
    .pullquote {
        text-align: left;
        width: 45%;
        margin: 0;
    }
    .pullquote.left {
        margin-left: 0.5em;
        margin-right: 1em;
    }
    .pullquote.right {
        margin-right: 0.5em;
        margin-left: 1em;
    }
    .caption {
        color: #999;
        display: block;
        font-size: 0.9em;
        margin-top: 0.5em;
        position: relative;
        text-align: center;
    }
    .video-container {
        position: relative;
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
    }
    code {
        background: #f5f8f9;
        text-shadow: 0 1px #fff;
        padding: 0 0.3em;
    }
    pre {
        code {
            background: none;
            text-shadow: none;
            padding: 0;
        }
    }
    .highlight {
        pre {
            border: none;
            margin: 0;
            padding: 0;
        }
        table {
            margin: 0;
            width: auto;
        }
        td {
            border: none;
            padding: 0;
        }
        figcaption {
            font-size: 0.85em;
            color: #999;
            line-height: 1em;
            margin-bottom: 1em;
            a {
                float: right;
            }
        }
        figcaption:after {
            clear: both;
        }
        .gutter {
            pre {
                text-align: right;
                padding-right: 20px;
            }
        }
        .line {
            height: 22.400000000000002px;
        }
    }
}
.article-entry:before,.article-entry:after {
    content: "";
    display: table;
}
.article-entry:after {
    clear: both;
}
.article-entry p,.article-entry table {
    line-height: 1.6em;
    margin: 1.6em 0;
}
.article-entry h1,.article-entry h2,.article-entry h3,.article-entry h4,.article-entry h5,.article-entry h6 {
    font-weight: bold;
    line-height: 1.1em;
    margin: 1.1em 0;
}
.article-entry ul,.article-entry ol,.article-entry dl {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
}
.article-entry img,.article-entry video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.article-entry .video-container iframe,.article-entry .video-container object,.article-entry .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
}
.article-more-link {
    text-align: center;
    a {
        display: inline-block;
        line-height: 1em;
        padding: 6px 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background: #f5f8f9;
        color: #999;
        text-shadow: 0 1px #fff;
        text-decoration: none;
        text-align:center;
    }
    a:hover {
        background: #38b7ea;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 1px #169cd2;
    }
}
.article-footer {
    font-size: 0.85em;
    line-height: 1.6em;
    border-top: 1px solid #eceff2;
    padding-top: 1.6em;
    margin: 0 20px 20px;
    a {
        color: #999;
        text-decoration: none;
    }
    a:hover {
        color: #565a5f;
    }
    a.label {
        color:#FFF;
    }
    .label:hover {
        background: #49c8fb;
    }
    .tagliste {
        display: table-cell;
        padding-left:1.2em;
    }
}
.article-footer:before,.article-footer:after {
    content: "";
    display: table;
}
.article-footer:after {
    clear: both;
}
.article-tag-list-item {
    float: left;
    margin-right: 10px;
}
.article-tag-list-link:before {
    content: "#";
}
.article-comment-link {
    float: right;
}
.article-comment-link:before {
    content: "\f075";
    font-family: FontAwesome;
    padding-right: 8px;
}
.article-share-link {
    cursor: pointer;
    float: right;
    margin-left: 20px;
}
.article-share-link:before {
    content: "\f064";
    font-family: FontAwesome;
    padding-right: 6px;
}
#article-nav {
    position: relative;
}
#article-nav:before,#article-nav:after {
    content: "";
    display: table;
}
#article-nav:after {
    clear: both;
}
margin: {
    40px {
        0; {
            #article-nav:before;
        }
    }
}
.article-nav-link-wrap {
    text-decoration: none;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    text-align: center;
    display: block;
}
.article-nav-link-wrap:hover {
    color: #565a5f;
}
.article-nav-caption {
    letter-spacing: 2px;
    line-height: 1em;
    font-weight: bold;
    color: #565a5f;
    text-transform: uppercase;
}
#article-nav-newer {
    .article-nav-caption {
        margin-right: -2px;
    }
}
.article-nav-title {
    font-size: 0.85em;
    line-height: 1.6em;
    margin-top: 0.5em;
}
.article-share-box {
    position: absolute;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: -145px;
    overflow: hidden;
    z-index: 1;
}
.article-share-box.on {
    display: block;
}
.article-share-input {
    width: 100%;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    color: #565a5f;
    outline: none;
    border: 1px solid #eceff2;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    height: 36px;
    line-height: 36px;
}
.article-share-links {
    background: #f5f8f9;
}
.article-share-links:before,.article-share-links:after {
    content: "";
    display: table;
}
.article-share-links:after {
    clear: both;
}
.article-share-twitter,.article-share-facebook,.article-share-pinterest,.article-share-google {
    width: 50px;
    height: 36px;
    display: block;
    float: left;
    position: relative;
    color: #999;
    text-shadow: 0 1px #fff;
}
.article-share-twitter:before,.article-share-facebook:before,.article-share-pinterest:before,.article-share-google:before {
    font-size: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    text-align: center;
}
.article-share-twitter:hover,.article-share-facebook:hover,.article-share-pinterest:hover,.article-share-google:hover {
    color: #fff;
}
.article-share-twitter:hover {
    background: #00aced;
    text-shadow: 0 1px #008abe;
}
.article-share-facebook:hover {
    background: #3b5998;
    text-shadow: 0 1px #2f477a;
}
.article-share-pinterest:hover {
    background: #cb2027;
    text-shadow: 0 1px #a21a1f;
}
.article-share-google:hover {
    background: #dd4b39;
    text-shadow: 0 1px #be3221;
}
.article-gallery {
    background: #000;
    position: relative;
}
.article-gallery-photos {
    position: relative;
    overflow: hidden;
}
.article-gallery-img {
    display: none;
    max-width: 100%;
    img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }
}
.article-gallery-img:first-child {
    display: block;
}
.article-gallery-img.loaded {
    position: absolute;
    display: block;
}
#comments {
    padding: 20px;
    margin: 40px 0;
    a {
        color: #38b7ea;
    }
}
.archives:before,.archives:after {
    content: "";
    display: table;
}
.archives:after {
    clear: both;
}
.archives {
    .article:first-child {
        margin: 20px 0;
    }
}
.archive-year-wrap,.archive-category-wrap,.archive-tag-wrap,.layout-title {
    font-size: 1.4em;
    margin: 40px 0 20px 0;
}
.archive-year-wrap .fa,.archive-category-wrap .fa,.archive-tag-wrap .fa,.layout-title .fa {
    margin-right: 3px;
}
.archive-year-wrap .archive-year,.archive-category-wrap .archive-year,.archive-tag-wrap .archive-year,.layout-title .archive-year {
    color: #565a5f;
}
.archive-year-wrap .archive-year:hover,.archive-category-wrap .archive-year:hover,.archive-tag-wrap .archive-year:hover,.layout-title .archive-year:hover {
    color: #38b7ea;
}
.archive-article {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    overflow: hidden;
    break-inside: avoid-column;
    padding: 0;
    margin-bottom: 15px;
}
.archive-article:before,.archive-article:after {
    content: "";
    display: table;
}
.archive-article:after {
    clear: both;
}
.archive-article-thumbnail {
    float: left;
    margin-right: 10px;
    .thumbnail {
        width: 160px;
        height: 90px;
        display: block;
        position: relative;
        overflow: hidden;
        span {
            width: 100%;
            height: 100%;
            display: block;
        }
        .thumbnail-image {
            position: absolute;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            background-position: center;
        }
        .thumbnail-none {
            background-image: url("images/thumb-default-small.png");
        }
    }
}
.archive-article-header {
    padding: 10px;
}
.archive-article-title {
    font-size: 1.2em;
    line-height: 1.2em;
}
.archive-article-date {
    display: block;
    margin-top: 8px;
}
.layout-wrap-inner.list-categories {
    ul {
        margin-left: 15px;
        list-style: none;
    }
    li {
        a:before {
            color: #ccc;
            content: "\f0da";
            font-size: 12px;
            margin-right: 6px;
            font-family: FontAwesome;
            -webkit-transition: 0.2s ease;
            -moz-transition: 0.2s ease;
            -ms-transition: 0.2s ease;
            transition: 0.2s ease;
        }
        a:hover:before {
            color: #333;
        }
    }
}
.layout-wrap-inner.list-categories ul li,.layout-wrap-inner.list-categories ul .category-list-child {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid border-color;
}
.layout-wrap-inner.list-categories ul li a,.layout-wrap-inner.list-categories ul .category-list-child a {
    color: #777;
}
.layout-wrap-inner.list-categories ul ul,.layout-wrap-inner.list-categories ul ol {
    list-style: none;
}
.layout-wrap-inner.list-categories ul ul li,.layout-wrap-inner.list-categories ul ol li {
    border: none;
}
.layout-wrap-inner.list-categories ul ul li:last-child,.layout-wrap-inner.list-categories ul ol li:last-child {
    padding-bottom: 0px;
}
.layout-wrap-inner.tag-cloud {
    a {
        margin-right: 8px;
    }
    a:before {
        content: '#';
    }
}
#page-nav {
    margin: 40px auto;
    text-align: center;
    color: #999;
    overflow: hidden;
    a {
        color: #999;
        text-decoration: none;
    }
    a:hover {
        color: #fff;
        background: #38b7ea;
    }
    .page-number {
        display: inline-block;
    }
    .current {
        color: #565a5f;
        font-weight: bold;
    }
    .space {
        color: #eceff2;
    }
}
#page-nav:before,#page-nav:after {
    content: "";
    display: table;
}
#page-nav:after {
    clear: both;
}
#page-nav a,#page-nav span {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#footer {
    padding: 20px 0;
    border-top: 1px solid #eceff2;
    color: #565a5f;
    font-size: 16px;
    text-align: center;
    .outer {
        margin-bottom: 0;
    }
    a {
        color: #38b7ea;
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
}
#footer-info {
    line-height: 1.6em;
    font-size: 0.85em;
}
.article-entry pre,.article-entry .highlight {
    background: #34383d;
    margin: 0 -20px;
    padding: 15px 20px;
    border-style: solid;
    border-color: #eceff2;
    border-width: 1px 0;
    overflow: auto;
    color: #ccc;
    line-height: 22.400000000000002px;
}
.article-entry .highlight .gutter pre,.article-entry  .line-numbers {
    color: #666;
    font-size: 0.85em;
}
.article-entry pre,.article-entry code {
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
}
.article-entry .highlight figcaption:before,.article-entry .highlight figcaption:after {
    content: "";
    display: table;
}
pre .comment,pre .title,pre .template_comment,pre .header,pre .javadoc {
    color: #999;
}
pre .variable,pre .attribute,pre .tag,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo,pre .winutils,pre .method,pre .request,pre .status,pre .nginx .title,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .subst,pre .clojure .title,pre .deletion {
    color: #f2777a;
}
pre .number,pre .preprocessor,pre .preprocessor .keyword,pre .built_in,pre .literal,pre .params,pre .constant,pre .command,pre .lisp .body,pre .parent,pre .haskell .type {
    color: #f99157;
}
pre .class,pre .ruby .class .title,pre .css .rules .attribute,pre .addition {
    color: #9c9;
}
pre .string,pre .value,pre .inheritance,pre .ruby .symbol,pre .symbol .string,pre .xml .cdata,pre .function .title {
    color: #9c9;
}
pre .css .hexcolor,pre .phpdoc,pre .tex .formula {
    color: #6cc;
}
pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title,pre .localvars,pre .chunk,pre .decorator,pre .identifier,pre .vhdl {
    color: #69c;
}
pre .keyword,pre .javascript .function {
    color: #c9c;
}
.widget {
    line-height: 1.6em;
    word-wrap: break-word;
    font-size: 0.9em;
    padding: 15px 5px;
    a {
        color: #777;
        text-decoration: none;
    }
    a:hover {
        color: #333;
    }
    .label {
        color : #EEE;
        a {
            color:#FFF;
        }
        a:hover {
            color:#FFF;
        }
    }
    .label:hover {
        background-color: #34495e;
        color: #FFF;
    }
}
.widget ul,.widget ol {
    list-style: none;
    margin: 0;
    list-style: none;
}
.widget ul ul,.widget ol ul,.widget ul ol,.widget ol ol {
    margin: 0 20px;
    list-style: none;
}
.widget ul ul,.widget ol ul {
    list-style: disc;
}
.widget ul ol,.widget ol ol {
    list-style: decimal;
}
.category-list-count,.tag-list-count,.archive-list-count {
    padding-left: 5px;
    color: #999;
    font-size: 0.85em;
}
.category-list-count:before,.tag-list-count:before,.archive-list-count:before {
    content: "(";
}
.category-list-count:after,.tag-list-count:after,.archive-list-count:after {
    content: ")";
}
.tagcloud {
    a {
        margin-right: 5px;
    }
}
.widget-wrap {
    margin: 40px 10px;
}
.widget-title {
    margin-bottom: 0;
}
.widget ul ul,.widget ol ul,.widget dl ul,.widget ul ol,.widget ol ol,.widget dl ol,.widget ul dl,.widget ol dl,.widget dl dl {
    margin-left: 15px;
    list-style: disc;
}
.widget ul li,.widget ol li,.widget ul .category-list-child,.widget ol .category-list-child {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid border-color;
}
.widget ul li a,.widget ol li a,.widget ul .category-list-child a,.widget ol .category-list-child a {
    color: #777;
}
.widget ul ul li,.widget ol ul li,.widget ul ol li,.widget ol ol li {
    border: none;
}
.widget ul ul li:last-child,.widget ol ul li:last-child,.widget ul ol li:last-child,.widget ol ol li:last-child {
    padding-bottom: 0px;
}
.widget ul:not(#recent-post) li a:before,.widget ol:not(#recent-post) li a:before {
    color: #ccc;
    content: "\f0da";
    font-size: 12px;
    margin-right: 6px;
    font-family: FontAwesome;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    transition: 0.2s ease;
}
.widget ul:not(#recent-post) li a:hover:before,.widget ol:not(#recent-post) li a:hover:before {
    color: #333;
}
#toTop {
    cursor: pointer;
    text-align: center;
    width: 64px;
    height: 64px;
    color: #fff;
    font-size: 32px;
    line-height: 64px;
    background: #565a5f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#toTop.fix {
    bottom: 20px;
    position: fixed;
}
#recent-post {
    li {
        padding: 10px 0 10px 94px;
        .item-thumbnail {
            opacity: 1;
            float: left;
            margin-left: -94px;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            .thumbnail {
                width: 80px;
                height: 80px;
                display: block;
                position: relative;
                overflow: hidden;
                span {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                .thumbnail-image {
                    position: absolute;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    background-size: cover;
                    background-position: center;
                }
                .thumbnail-none {
                    background-image: url("images/thumb-default-small.png");
                    -webkit-background-size: 100% 100%;
                    -moz-background-size: 100% 100%;
                    background-size: 100% 100%;
                }
            }
        }
        .item-inner {
            .item-title {
                font-size: 15px;
                a {
                    color: #333;
                    -webkit-transition: all 0.2s ease;
                    -moz-transition: all 0.2s ease;
                    -ms-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }
            }
            .item-date {
                color: #aaa;
                font-size: 13px;
                text-transform: uppercase;
            }
        }
    }
    li:after {
        clear: both;
    }
    li:hover {
        .item-thumbnail {
            opacity: 0.8;
        }
        .item-title {
            a {
                color: #38b7ea;
            }
        }
    }
}
#recent-post li:before,#recent-post li:after {
    content: "";
    display: table;
}
#recent-post.no-thumbnail {
    li {
        padding: 10px 0px;
    }
}
#recent-post li .item-inner a,#recent-post li .item-inner .item-category {
    font-size: 13px;
    text-transform: uppercase;
}
#recent-post li .item-inner a a,#recent-post li .item-inner .item-category a {
    color: #38b7ea;
}
#recent-post li .item-inner a a:hover,#recent-post li .item-inner .item-category a:hover {
    color: #333;
}
#recent-post li .item-inner a a,#recent-post li .item-inner .item-category a,#recent-post li .item-inner a .fa,#recent-post li .item-inner .item-category .fa {
    margin-right: 5px;
}
code.has-jax {
    font: inherit;
    font-size: 100%;
    background: inherit;
    border: inherit;
    color: #515151;
}
.label {
    margin: 0 .25em;
    background-color: #38b7ea;
    display: block;
    float: left;
    margin: .2em;
    padding: .2em .3em .4em;
    line-height: 1.2em;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.tagliste {
    .label {
        display: inline;
        float:none;
        margin:0;
    }
}
.article-tag {
    display: table;
    .fa {
        display:table-cell;
    }
}
article {
    .article-category-link {
        background-color: #34495e;
        padding: .2em .4em .3em;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
    }
    .article-category {
        .sciences {
            background-color: #1abc9c;
            color: #FFF;
        }
        .futura-sciences {
            background-color: #e67e22;
            color: #FFF;
        }
        .pour-la-science {
            background-color: #9b59b6;
            color: #FFF;
        }
    }
    a.article-category-link:hover {
        background-color: #7f8c8d;
        color:#2c3e50;
    }
}

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


Fixed UI text color

Fixed UI text color

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


fix(kajona_v4): kajona-overrides.less fix autocomplete white space nowrap

(cherry picked from commit 1393fd8)

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


update to footer.less file

update to footer.less file

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


styles fixes

styles fixes

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


Add flex flow vendor mixin

Add flex flow vendor mixin

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