Only animate the running and restarting icon five times. Continuously animating loads the CPU a lot and we can use the cycles better somewhere else.

/* Sidebar */

.sidebar {
  background-color: white;
  margin: 0;
  border-right: 1px solid @color-divider;
  display: flex;
  flex-direction: column;
  min-width: @sidebar-width;
  box-sizing: border-box;
  position: relative;
  .sidebar-header {
    flex: 0 auto;
    min-width: @sidebar-width;
    min-height: 44px;
    display: flex;
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.25s;
    &.sep {
      border-bottom: 1px solid @color-divider;
      box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.03);
    }
    h4 {
      align-self: flex-start;
      padding: 0.4rem 0 0 1.4rem;
      display: inline-block;
      position: relative;
    }
    .create {
      display: flex;
      flex: 1 auto;
      justify-content: flex-end;
      margin: 0.8rem 0.8rem 0 0;
      a {
        display: block;
        text-decoration: none;
        cursor: default;
        &:focus {
          outline: 0;
        }
        &.active {
          .btn-new {
            opacity: 0.3;
          }
        }
      }
    }
  }
  .sidebar-containers {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    max-width: @sidebar-width;
    ul {
      flex: 1 auto;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      .new-container-item {
        .info {
          position: relative;
          top: 9px;
        }
      }
      a {
        color: inherit;
        flex-shrink: 0;
        cursor: default;
        outline: none;
        &:hover {
          text-decoration: none;
          cursor: default;
        }
        &:first-child {
          li {
            //border-top: 1px solid @color-divider;
          }
        }
        &:focus {
          text-decoration: none;
        }
        &.active {
          background: @brand-action;
          li {
            height: 45px;
            border-bottom: none;
            background-color: @brand-primary;
            .name {
              color: white;
            }
            .image {
              color: white;
              opacity: 0.8;
            }
            .action {
              .btn {
                border: 1px solid white;
                .icon {
                  color: white;
                }
              }
            }
            .state-new {
              .at2x('container-white.png', @container-state-size, @container-state-size);
            }
            .state-running {
              .at2x('running-white.png', @container-state-size, @container-state-size);
              .runningwave {
                .at2x('runningwave-white.png', @container-state-size, @container-state-size);
              }
            }
            .state-paused {
              .at2x('wavy-white.png', @container-state-size, @container-state-size);
            }
            .state-stopped {
              .at2x('stopped-white.png', @container-state-size, @container-state-size);
            }
            .state-downloading {
              .at2x('downloading-white.png', @container-state-size, @container-state-size);
              .downloading-arrow {
                .at2x('downloading-arrow-white.png', @container-state-size, @container-state-size);
              }
            }
          }
        }
      }
      li {
        vertical-align: middle;
        padding: 0.5rem 1rem 0.7rem 1.4rem;
        display: flex;
        flex-direction: row;
        height: 45px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        &:hover {
          background-color: @color-box-button;
        }
        .info {
          margin-left: 1rem;
          .name {
            text-overflow: ellipsis;
            max-width: @sidebar-text-overflow-width;
            white-space: nowrap;
            overflow: hidden;
            font-size: 13px;
            font-weight: 400;
            color: @gray-darkest;
          }
          .image {
            margin-top: -0.1rem;
            color: @gray-light;
            font-size: 11px;
            font-weight: 400;
            text-overflow: ellipsis;
            max-width: @sidebar-text-overflow-width;
            white-space: nowrap;
            overflow: hidden;
          }
        }
        .action {
          display: none;
          flex: 1;
          position: relative;
          top: 0.4rem;
          text-align: right;
          .btn {
            border: 1px solid @gray-lighter;
            .icon {
              color: @gray-lighter;
            }
          }
        }
        .state {
          margin-top: 0.6rem;
          display: inline-block;
          position: relative;
          min-width: @container-state-size;
          height: @container-state-size;
        }
        .state-error {
          .at2x('error.png', @container-state-size, @container-state-size);
        }
        .state-stopped {
          .at2x('stopped.png', @container-state-size, @container-state-size);
        }
        .state-paused {
          .at2x('paused.png', @container-state-size, @container-state-size);
        }
        .state-new {
          .at2x('container.png', @container-state-size, @container-state-size);
        }
        .state-downloading {
          .at2x('downloading.png', @container-state-size, @container-state-size);
          overflow: hidden;
          .downloading-arrow {
            width: @container-state-size;
            height: @container-state-size;
            .at2x('downloading-arrow.png', @container-state-size, @container-state-size);
            position: absolute;
            -webkit-animation-name: translatedownload;
            -webkit-animation-duration: 1.8s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
          }
        }
        .state-running {
          .at2x('running.png', @container-state-size, @container-state-size);
          overflow: hidden;
          .runningwave {
            position: absolute;
            width: @container-state-size * 2;
            height: @container-state-size;
            left: -20px;
            .at2x('runningwave.png', @container-state-size, @container-state-size);
            -webkit-animation-name: translatewave;
            -webkit-animation-duration: 7.0s;
            -webkit-animation-iteration-count: 5;
            -webkit-animation-timing-function: linear;
          }
        }
        .state-restarting {
          display: inline-block;
          width: @container-state-size;
          height: @container-state-size;
          .at2x('restarting.png', @container-state-size, @container-state-size);
          background-repeat: repeat-x;
          -webkit-animation-delay: -1s;
          -webkit-animation-name: rotate;
          -webkit-animation-duration: 3.0s;
          -webkit-animation-iteration-count: 5;
          -webkit-animation-timing-function: linear;
        }
      }
    }
  }
}

/* Sidebar Buttons */

.sidebar-buttons {
  border-top: 1px solid @color-divider;
  min-height: 40px;
  flex: 0 auto;
  display: flex;
  flex-direction: row;
  background-color: white;
  opacity: 0.9;
  z-index: 10000;
  .btn-label {
    color: @gray-lighter;
    font-size: 10px;
    height: 18px;
  }
  .btn-sidebar {
    .box-button();
    flex: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;

    &:active {
      img, .text {
        -webkit-filter: brightness(0.9);
      }
    }
  }

  .btn-terminal {
    flex: 1 auto;
    border-right: 1px solid @color-divider;
    color: @brand-primary;
  }
  .btn-feedback {
    border-right: 1px solid @color-divider;
    .icon {
      margin-right: 0;
    }
  }
  .btn-preferences {
    .icon {
      margin-right: 0;
    }
  }
  .btn {
    position: relative;
    top: 1px;
    float: right;
  }
}

.sidebar-buttons-padding {
  position: relative;
  height: 62px;
}

/* Sidebar */

.sidebar {
  background-color: white;
  margin: 0;
  border-right: 1px solid @color-divider;
  display: flex;
  flex-direction: column;
  min-width: @sidebar-width;
  box-sizing: border-box;
  position: relative;
  .sidebar-header {
    flex: 0 auto;
    min-width: @sidebar-width;
    min-height: 44px;
    display: flex;
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.25s;
    &.sep {
      border-bottom: 1px solid @color-divider;
      box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.03);
    }
    h4 {
      align-self: flex-start;
      padding: 0.4rem 0 0 1.4rem;
      display: inline-block;
      position: relative;
    }
    .create {
      display: flex;
      flex: 1 auto;
      justify-content: flex-end;
      margin: 0.8rem 0.8rem 0 0;
      a {
        display: block;
        text-decoration: none;
        cursor: default;
        &:focus {
          outline: 0;
        }
        &.active {
          .btn-new {
            opacity: 0.3;
          }
        }
      }
    }
  }
  .sidebar-containers {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    max-width: @sidebar-width;
    ul {
      flex: 1 auto;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      .new-container-item {
        .info {
          position: relative;
          top: 9px;
        }
      }
      a {
        color: inherit;
        flex-shrink: 0;
        cursor: default;
        outline: none;
        &:hover {
          text-decoration: none;
          cursor: default;
        }
        &:first-child {
          li {
            //border-top: 1px solid @color-divider;
          }
        }
        &:focus {
          text-decoration: none;
        }
        &.active {
          background: @brand-action;
          li {
            height: 45px;
            border-bottom: none;
            background-color: @brand-primary;
            .name {
              color: white;
            }
            .image {
              color: white;
              opacity: 0.8;
            }
            .action {
              .btn {
                border: 1px solid white;
                .icon {
                  color: white;
                }
              }
            }
            .state-new {
              .at2x('container-white.png', @container-state-size, @container-state-size);
            }
            .state-running {
              .at2x('running-white.png', @container-state-size, @container-state-size);
              .runningwave {
                .at2x('runningwave-white.png', @container-state-size, @container-state-size);
              }
            }
            .state-paused {
              .at2x('wavy-white.png', @container-state-size, @container-state-size);
            }
            .state-stopped {
              .at2x('stopped-white.png', @container-state-size, @container-state-size);
            }
            .state-downloading {
              .at2x('downloading-white.png', @container-state-size, @container-state-size);
              .downloading-arrow {
                .at2x('downloading-arrow-white.png', @container-state-size, @container-state-size);
              }
            }
          }
        }
      }
      li {
        vertical-align: middle;
        padding: 0.5rem 1rem 0.7rem 1.4rem;
        display: flex;
        flex-direction: row;
        height: 45px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        &:hover {
          background-color: @color-box-button;
        }
        .info {
          margin-left: 1rem;
          .name {
            text-overflow: ellipsis;
            max-width: @sidebar-text-overflow-width;
            white-space: nowrap;
            overflow: hidden;
            font-size: 13px;
            font-weight: 400;
            color: @gray-darkest;
          }
          .image {
            margin-top: -0.1rem;
            color: @gray-light;
            font-size: 11px;
            font-weight: 400;
            text-overflow: ellipsis;
            max-width: @sidebar-text-overflow-width;
            white-space: nowrap;
            overflow: hidden;
          }
        }
        .action {
          display: none;
          flex: 1;
          position: relative;
          top: 0.4rem;
          text-align: right;
          .btn {
            border: 1px solid @gray-lighter;
            .icon {
              color: @gray-lighter;
            }
          }
        }
        .state {
          margin-top: 0.6rem;
          display: inline-block;
          position: relative;
          min-width: @container-state-size;
          height: @container-state-size;
        }
        .state-error {
          .at2x('error.png', @container-state-size, @container-state-size);
        }
        .state-stopped {
          .at2x('stopped.png', @container-state-size, @container-state-size);
        }
        .state-paused {
          .at2x('paused.png', @container-state-size, @container-state-size);
        }
        .state-new {
          .at2x('container.png', @container-state-size, @container-state-size);
        }
        .state-downloading {
          .at2x('downloading.png', @container-state-size, @container-state-size);
          overflow: hidden;
          .downloading-arrow {
            width: @container-state-size;
            height: @container-state-size;
            .at2x('downloading-arrow.png', @container-state-size, @container-state-size);
            position: absolute;
            -webkit-animation-name: translatedownload;
            -webkit-animation-duration: 1.8s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
          }
        }
        .state-running {
          .at2x('running.png', @container-state-size, @container-state-size);
          overflow: hidden;
          .runningwave {
            position: absolute;
            width: @container-state-size * 2;
            height: @container-state-size;
            left: -20px;
            .at2x('runningwave.png', @container-state-size, @container-state-size);
            -webkit-animation-name: translatewave;
            -webkit-animation-duration: 7.0s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
          }
        }
        .state-restarting {
          display: inline-block;
          width: @container-state-size;
          height: @container-state-size;
          .at2x('restarting.png', @container-state-size, @container-state-size);
          background-repeat: repeat-x;
          -webkit-animation-delay: -1s;
          -webkit-animation-name: rotate;
          -webkit-animation-duration: 3.0s;
          -webkit-animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
        }
      }
    }
  }
}

/* Sidebar Buttons */

.sidebar-buttons {
  border-top: 1px solid @color-divider;
  min-height: 40px;
  flex: 0 auto;
  display: flex;
  flex-direction: row;
  background-color: white;
  opacity: 0.9;
  z-index: 10000;
  .btn-label {
    color: @gray-lighter;
    font-size: 10px;
    height: 18px;
  }
  .btn-sidebar {
    .box-button();
    flex: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;

    &:active {
      img, .text {
        -webkit-filter: brightness(0.9);
      }
    }
  }

  .btn-terminal {
    flex: 1 auto;
    border-right: 1px solid @color-divider;
    color: @brand-primary;
  }
  .btn-feedback {
    border-right: 1px solid @color-divider;
    .icon {
      margin-right: 0;
    }
  }
  .btn-preferences {
    .icon {
      margin-right: 0;
    }
  }
  .btn {
    position: relative;
    top: 1px;
    float: right;
  }
}

.sidebar-buttons-padding {
  position: relative;
  height: 62px;
}


Add list-group styles

Add list-group styles

with bootstrap patterns

fatal: unable to access 'https://github.com/ABS-org/cdp_strap.git/': The requested URL returned error: 403


ref(ui): Smaller tab size in highlight blocks (#13486)

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


Delete rotated-flipped.less

Delete rotated-flipped.less

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


add dir less/jetcms

add dir less/jetcms

@import "jetcms_modules/core/less/helper.less";

.jet-form(@prefix) {
  @import "jetcms_modules/form/less/variables.less";

  @import "jetcms_modules/core/less/footer.less";
}

.jet-form(jet-core__);

error: pathspec 'publish/resources/assets/less/jetcms/core.less' did not match any file(s) known to git


Yay! Finally get rid of separate vars file for landing page :)

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


new png

new png

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


Make path to font awesome absolute to make it more robust

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */

@fontAwesomePath: '/static/oscar/fonts';

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fontAwesomePath}/fontawesome-webfont.eot');
  src: url('@{fontAwesomePath}/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{fontAwesomePath}/fontawesome-webfont.woff') format('woff'),
    url('@{fontAwesomePath}/fontawesome-webfont.ttf') format('truetype'),
    url('@{fontAwesomePath}/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 4/3em;
}

.btn, .nav-tabs {
  [class^="icon-"],
  [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
    line-height: .9em;
  }
}

li {
  [class^="icon-"],
  [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
  }
  .icon-large:before,
  .icon-large:before {
    /* 1.5 increased font size for icon-large * 1.25 width */
    width: 1.5*1.25em;
  }
}

ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -.8em;

  li {
    [class^="icon-"],
    [class*=" icon-"] {
      width: .8em;
    }
    .icon-large:before,
    .icon-large:before {
      /* 1.5 increased font size for icon-large * 1.25 width */
      vertical-align: initial;
//      width: 1.5*1.25em;
    }
  }
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */

@fontAwesomePath: '../fonts';

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fontAwesomePath}/fontawesome-webfont.eot');
  src: url('@{fontAwesomePath}/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{fontAwesomePath}/fontawesome-webfont.woff') format('woff'),
    url('@{fontAwesomePath}/fontawesome-webfont.ttf') format('truetype'),
    url('@{fontAwesomePath}/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 4/3em;
}

.btn, .nav-tabs {
  [class^="icon-"],
  [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
    line-height: .9em;
  }
}

li {
  [class^="icon-"],
  [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
  }
  .icon-large:before,
  .icon-large:before {
    /* 1.5 increased font size for icon-large * 1.25 width */
    width: 1.5*1.25em;
  }
}

ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -.8em;

  li {
    [class^="icon-"],
    [class*=" icon-"] {
      width: .8em;
    }
    .icon-large:before,
    .icon-large:before {
      /* 1.5 increased font size for icon-large * 1.25 width */
      vertical-align: initial;
//      width: 1.5*1.25em;
    }
  }
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }


CSS changes.

CSS changes.

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


Comment block per element

Comment block per element

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


Update styles.less

Update styles.less

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


2016/11/24 周四@22:18:19.74

2016/11/24 周四@22:18:19.74

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


Added a comment

Added a comment

fatal: unable to access 'https://github.com/jchurchley/Umbraco-CMS.git/': The requested URL returned error: 403


Update static/vendors/font-awesome/less/screen-reader.less

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

// Screen Readers
// -------------------------

.sr-only { .sr-only(); }
.sr-only-focusable { .sr-only-focusable(); }

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