css: width should be set on TimePicker wrapper

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

@timepicker-prefix-cls: ~"@{ant-prefix}-time-picker";

.@{timepicker-prefix-cls}-panel {
  max-width: 168px;
  z-index: @zindex-picker;
  position: absolute;

  &-inner {
    display: inline-block;
    position: relative;
    outline: none;
    list-style: none;
    font-size: @font-size-base;
    text-align: left;
    background-color: @component-background;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;
    background-clip: padding-box;
    line-height: 1.5;
    overflow: hidden;
    left: -2px;
  }

  &-input {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    cursor: auto;
    line-height: 1.5;
    outline: 0;

    &-wrap {
      box-sizing: border-box;
      position: relative;
      padding: 6px;
      border-bottom: 1px solid @border-color-split;
    }

    &-invalid {
      border-color: red;
    }
  }

  &-clear-btn {
    position: absolute;
    right: 5px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 5px;
    margin: 0;
  }

  &-clear-btn:after {
    font-size: @font-size-base;
    color: #ccc;
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color 0.3s ease;
    .iconfont-font("\e62e");
  }

  &-clear-btn:hover:after {
    color: @text-color-secondary;
  }

  &-narrow &-input-wrap {
    max-width: 111px;
  }

  &-select {
    float: left;
    font-size: @font-size-base;
    border-left: 1px solid @border-color-split;
    box-sizing: border-box;
    width: 56px;
    overflow: hidden;
    position: relative; // Fix chrome weird render bug
    max-height: 144px;

    &:hover {
      overflow-y: auto;
    }

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

    &:last-child {
      border-right: 0;
    }

    &:only-child {
      width: 100%;
    }

    ul {
      list-style: none;
      box-sizing: border-box;
      margin: 0;
      padding: 0 0 120px 0;
      width: 100%;
    }

    li {
      list-style: none;
      box-sizing: content-box;
      margin: 0;
      padding: 0 0 0 16px;
      width: 100%;
      height: 24px;
      line-height: 24px;
      text-align: left;
      cursor: pointer;
      user-select: none;
      transition: background 0.3s ease;
    }

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

    li&-option-selected {
      background: @background-color-base;
      font-weight: bold;
    }

    li&-option-disabled {
      color: @btn-disable-color;
      &:hover {
        background: transparent;
        cursor: not-allowed;
      }
    }
  }

  &-combobox {
    .clearfix;
  }

  &-addon {
    padding: 8px;
    border-top: 1px solid @border-color-split;
  }

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

  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
  &.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
    animation-name: antSlideUpIn;
  }

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

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

.@{timepicker-prefix-cls} {
  position: relative;
  display: inline-block;
  outline: none;
  font-size: @font-size-base;
  transition: opacity 0.3s ease;
  width: 100px;

  &-input {
    .input;
  }

  &-large &-input {
    .input-lg;
  }

  &-small &-input {
    .input-sm;
  }

  &-open {
    opacity: 0;
  }

  &-icon {
    position: absolute;
    user-select: none;
    transition: all .3s @ease-in-out;
    width: 12px;
    height: 12px;
    line-height: 12px;
    right: 8px;
    color: @text-color-secondary;
    top: 50%;
    margin-top: -6px;
    &:after {
      content: "\e641";
      font-family: "anticon";
      font-size: @font-size-base;
      color: @text-color-secondary;
      display: inline-block;
      line-height: 1;
      vertical-align: bottom;
    }
  }
}

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

@timepicker-prefix-cls: ~"@{ant-prefix}-time-picker";

.@{timepicker-prefix-cls}-panel {
  max-width: 168px;
  z-index: @zindex-picker;
  position: absolute;

  &-inner {
    display: inline-block;
    position: relative;
    outline: none;
    list-style: none;
    font-size: @font-size-base;
    text-align: left;
    background-color: @component-background;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;
    background-clip: padding-box;
    line-height: 1.5;
    overflow: hidden;
    left: -2px;
  }

  &-input {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    cursor: auto;
    line-height: 1.5;
    outline: 0;

    &-wrap {
      box-sizing: border-box;
      position: relative;
      padding: 6px;
      border-bottom: 1px solid @border-color-split;
    }

    &-invalid {
      border-color: red;
    }
  }

  &-clear-btn {
    position: absolute;
    right: 5px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 5px;
    margin: 0;
  }

  &-clear-btn:after {
    font-size: @font-size-base;
    color: #ccc;
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color 0.3s ease;
    .iconfont-font("\e62e");
  }

  &-clear-btn:hover:after {
    color: @text-color-secondary;
  }

  &-narrow &-input-wrap {
    max-width: 111px;
  }

  &-select {
    float: left;
    font-size: @font-size-base;
    border-left: 1px solid @border-color-split;
    box-sizing: border-box;
    width: 56px;
    overflow: hidden;
    position: relative; // Fix chrome weird render bug
    max-height: 144px;

    &:hover {
      overflow-y: auto;
    }

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

    &:last-child {
      border-right: 0;
    }

    &:only-child {
      width: 100%;
    }

    ul {
      list-style: none;
      box-sizing: border-box;
      margin: 0;
      padding: 0 0 120px 0;
      width: 100%;
    }

    li {
      list-style: none;
      box-sizing: content-box;
      margin: 0;
      padding: 0 0 0 16px;
      width: 100%;
      height: 24px;
      line-height: 24px;
      text-align: left;
      cursor: pointer;
      user-select: none;
      transition: background 0.3s ease;
    }

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

    li&-option-selected {
      background: @background-color-base;
      font-weight: bold;
    }

    li&-option-disabled {
      color: @btn-disable-color;
      &:hover {
        background: transparent;
        cursor: not-allowed;
      }
    }
  }

  &-combobox {
    .clearfix;
  }

  &-addon {
    padding: 8px;
    border-top: 1px solid @border-color-split;
  }

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

  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
  &.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
    animation-name: antSlideUpIn;
  }

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

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

.@{timepicker-prefix-cls} {
  position: relative;
  display: inline-block;
  outline: none;
  font-size: @font-size-base;
  transition: opacity 0.3s ease;

  &-input {
    .input;
    width: 100px;
  }

  &-large &-input {
    .input-lg;
  }

  &-small &-input {
    .input-sm;
  }

  &-open {
    opacity: 0;
  }

  &-icon {
    position: absolute;
    user-select: none;
    transition: all .3s @ease-in-out;
    width: 12px;
    height: 12px;
    line-height: 12px;
    right: 8px;
    color: @text-color-secondary;
    top: 50%;
    margin-top: -6px;
    &:after {
      content: "\e641";
      font-family: "anticon";
      font-size: @font-size-base;
      color: @text-color-secondary;
      display: inline-block;
      line-height: 1;
      vertical-align: bottom;
    }
  }
}


[fix bug 1193592] Remove loading.gif source.

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

.ri-grid {
  margin: 0 auto;
  position: relative;
  height: auto;
}

.ri-grid-loading {
  width: 100px;
  height: 100px;
}

.ri-grid ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ri-grid ul:before,
.ri-grid ul:after {
  content: '';
  display: table;
}

.ri-grid ul:after {
  clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #000;
}

.ri-grid ul li a {
  display: block;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #333;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

.ri-grid {
  margin: 0 auto;
  position: relative;
  height: auto;
}

.ri-grid-loading {
  width: 100px;
  height: 100px;
  background: url(/static/mozillians/img/mosaic/loading.gif) no-repeat center center;
}

.ri-grid ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ri-grid ul:before,
.ri-grid ul:after {
  content: '';
  display: table;
}

.ri-grid ul:after {
  clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #000;
}

.ri-grid ul li a {
  display: block;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #333;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


Add code styles

Add code styles

with bootstrap patterns

//
// Code (inline and block)
// --------------------------------------------------

// Inline and block code styles
code,
kbd,
pre,
samp {
  font-family: @font-family-monospace;
}

// Inline code
code {
  padding: 2px 4px;
  font-size: 90%;
  color: @code-color;
  background-color: @code-bg;
  white-space: nowrap;
  border-radius: @border-radius-base;
}

// User input typically entered via keyboard
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: @kbd-color;
  background-color: @kbd-bg;
  border-radius: @border-radius-small;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

// Blocks of code
pre {
  display: block;
  padding: ((@line-height-computed - 1) / 2);
  margin: 0 0 (@line-height-computed / 2);
  font-size: (@font-size-base - 1); // 14px to 13px
  line-height: @line-height-base;
  word-break: break-all;
  word-wrap: break-word;
  color: @pre-color;
  background-color: @pre-bg;
  border: 1px solid @pre-border-color;
  border-radius: @border-radius-base;

  // Account for some code outputs that place code tags in pre tags
  code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
  }
}

// Enable scrollable blocks of code
.pre-scrollable {
  max-height: @pre-scrollable-max-height;
  overflow-y: scroll;
}

error: pathspec 'cp-strap/src/stylesheets/core/code.less' did not match any file(s) known to git


Consistent dropdown text color

Consistent dropdown text color

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


Add default style

Add default style

fatal: unable to access 'https://github.com/folkelib/folke-ko-grid.git/': The requested URL returned error: 403


Update

Update

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


Create 1113_main.less

Create 1113_main.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/598918/cmb-note.git/'


“text
git commit -a -m text
$ git commit -a -m 11
git status

cd e:
.git/
git commit -a -m “text

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


Add example icons style

Add example icons style

with bootstrap patterns

//
// Glyphicons for Bootstrap
//
// Since icons are fonts, they can be placed anywhere text is placed and are
// thus automatically sized to match the surrounding child. To use, create an
// inline element with the appropriate classes, like so:
//
//  Star

// Import the fonts
@font-face {
  font-family: 'Glyphicons Halflings';
  src: ~"url('@{icon-font-path}@{icon-font-name}.eot')";
  src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')",
       ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')",
       ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')",
       ~"url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg')";
}

// Catchall baseclass
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// Individual icons
.glyphicon-asterisk               { &:before { content: "\2a"; } }
.glyphicon-plus                   { &:before { content: "\2b"; } }
.glyphicon-euro                   { &:before { content: "\20ac"; } }
.glyphicon-minus                  { &:before { content: "\2212"; } }
.glyphicon-cloud                  { &:before { content: "\2601"; } }
.glyphicon-envelope               { &:before { content: "\2709"; } }
.glyphicon-pencil                 { &:before { content: "\270f"; } }
.glyphicon-glass                  { &:before { content: "\e001"; } }
.glyphicon-music                  { &:before { content: "\e002"; } }
.glyphicon-search                 { &:before { content: "\e003"; } }
.glyphicon-heart                  { &:before { content: "\e005"; } }
.glyphicon-star                   { &:before { content: "\e006"; } }
.glyphicon-star-empty             { &:before { content: "\e007"; } }
.glyphicon-user                   { &:before { content: "\e008"; } }
.glyphicon-film                   { &:before { content: "\e009"; } }
.glyphicon-th-large               { &:before { content: "\e010"; } }
.glyphicon-th                     { &:before { content: "\e011"; } }
.glyphicon-th-list                { &:before { content: "\e012"; } }
.glyphicon-ok                     { &:before { content: "\e013"; } }
.glyphicon-remove                 { &:before { content: "\e014"; } }
.glyphicon-zoom-in                { &:before { content: "\e015"; } }
.glyphicon-zoom-out               { &:before { content: "\e016"; } }
.glyphicon-off                    { &:before { content: "\e017"; } }
.glyphicon-signal                 { &:before { content: "\e018"; } }
.glyphicon-cog                    { &:before { content: "\e019"; } }
.glyphicon-trash                  { &:before { content: "\e020"; } }
.glyphicon-home                   { &:before { content: "\e021"; } }
.glyphicon-file                   { &:before { content: "\e022"; } }
.glyphicon-time                   { &:before { content: "\e023"; } }
.glyphicon-road                   { &:before { content: "\e024"; } }
.glyphicon-download-alt           { &:before { content: "\e025"; } }
.glyphicon-download               { &:before { content: "\e026"; } }
.glyphicon-upload                 { &:before { content: "\e027"; } }
.glyphicon-inbox                  { &:before { content: "\e028"; } }
.glyphicon-play-circle            { &:before { content: "\e029"; } }
.glyphicon-repeat                 { &:before { content: "\e030"; } }
.glyphicon-refresh                { &:before { content: "\e031"; } }
.glyphicon-list-alt               { &:before { content: "\e032"; } }
.glyphicon-lock                   { &:before { content: "\e033"; } }
.glyphicon-flag                   { &:before { content: "\e034"; } }
.glyphicon-headphones             { &:before { content: "\e035"; } }
.glyphicon-volume-off             { &:before { content: "\e036"; } }
.glyphicon-volume-down            { &:before { content: "\e037"; } }
.glyphicon-volume-up              { &:before { content: "\e038"; } }
.glyphicon-qrcode                 { &:before { content: "\e039"; } }
.glyphicon-barcode                { &:before { content: "\e040"; } }
.glyphicon-tag                    { &:before { content: "\e041"; } }
.glyphicon-tags                   { &:before { content: "\e042"; } }
.glyphicon-book                   { &:before { content: "\e043"; } }
.glyphicon-bookmark               { &:before { content: "\e044"; } }
.glyphicon-print                  { &:before { content: "\e045"; } }
.glyphicon-camera                 { &:before { content: "\e046"; } }
.glyphicon-font                   { &:before { content: "\e047"; } }
.glyphicon-bold                   { &:before { content: "\e048"; } }
.glyphicon-italic                 { &:before { content: "\e049"; } }
.glyphicon-text-height            { &:before { content: "\e050"; } }
.glyphicon-text-width             { &:before { content: "\e051"; } }
.glyphicon-align-left             { &:before { content: "\e052"; } }
.glyphicon-align-center           { &:before { content: "\e053"; } }
.glyphicon-align-right            { &:before { content: "\e054"; } }
.glyphicon-align-justify          { &:before { content: "\e055"; } }
.glyphicon-list                   { &:before { content: "\e056"; } }
.glyphicon-indent-left            { &:before { content: "\e057"; } }
.glyphicon-indent-right           { &:before { content: "\e058"; } }
.glyphicon-facetime-video         { &:before { content: "\e059"; } }
.glyphicon-picture                { &:before { content: "\e060"; } }
.glyphicon-map-marker             { &:before { content: "\e062"; } }
.glyphicon-adjust                 { &:before { content: "\e063"; } }
.glyphicon-tint                   { &:before { content: "\e064"; } }
.glyphicon-edit                   { &:before { content: "\e065"; } }
.glyphicon-share                  { &:before { content: "\e066"; } }
.glyphicon-check                  { &:before { content: "\e067"; } }
.glyphicon-move                   { &:before { content: "\e068"; } }
.glyphicon-step-backward          { &:before { content: "\e069"; } }
.glyphicon-fast-backward          { &:before { content: "\e070"; } }
.glyphicon-backward               { &:before { content: "\e071"; } }
.glyphicon-play                   { &:before { content: "\e072"; } }
.glyphicon-pause                  { &:before { content: "\e073"; } }
.glyphicon-stop                   { &:before { content: "\e074"; } }
.glyphicon-forward                { &:before { content: "\e075"; } }
.glyphicon-fast-forward           { &:before { content: "\e076"; } }
.glyphicon-step-forward           { &:before { content: "\e077"; } }
.glyphicon-eject                  { &:before { content: "\e078"; } }
.glyphicon-chevron-left           { &:before { content: "\e079"; } }
.glyphicon-chevron-right          { &:before { content: "\e080"; } }
.glyphicon-plus-sign              { &:before { content: "\e081"; } }
.glyphicon-minus-sign             { &:before { content: "\e082"; } }
.glyphicon-remove-sign            { &:before { content: "\e083"; } }
.glyphicon-ok-sign                { &:before { content: "\e084"; } }
.glyphicon-question-sign          { &:before { content: "\e085"; } }
.glyphicon-info-sign              { &:before { content: "\e086"; } }
.glyphicon-screenshot             { &:before { content: "\e087"; } }
.glyphicon-remove-circle          { &:before { content: "\e088"; } }
.glyphicon-ok-circle              { &:before { content: "\e089"; } }
.glyphicon-ban-circle             { &:before { content: "\e090"; } }
.glyphicon-arrow-left             { &:before { content: "\e091"; } }
.glyphicon-arrow-right            { &:before { content: "\e092"; } }
.glyphicon-arrow-up               { &:before { content: "\e093"; } }
.glyphicon-arrow-down             { &:before { content: "\e094"; } }
.glyphicon-share-alt              { &:before { content: "\e095"; } }
.glyphicon-resize-full            { &:before { content: "\e096"; } }
.glyphicon-resize-small           { &:before { content: "\e097"; } }
.glyphicon-exclamation-sign       { &:before { content: "\e101"; } }
.glyphicon-gift                   { &:before { content: "\e102"; } }
.glyphicon-leaf                   { &:before { content: "\e103"; } }
.glyphicon-fire                   { &:before { content: "\e104"; } }
.glyphicon-eye-open               { &:before { content: "\e105"; } }
.glyphicon-eye-close              { &:before { content: "\e106"; } }
.glyphicon-warning-sign           { &:before { content: "\e107"; } }
.glyphicon-plane                  { &:before { content: "\e108"; } }
.glyphicon-calendar               { &:before { content: "\e109"; } }
.glyphicon-random                 { &:before { content: "\e110"; } }
.glyphicon-comment                { &:before { content: "\e111"; } }
.glyphicon-magnet                 { &:before { content: "\e112"; } }
.glyphicon-chevron-up             { &:before { content: "\e113"; } }
.glyphicon-chevron-down           { &:before { content: "\e114"; } }
.glyphicon-retweet                { &:before { content: "\e115"; } }
.glyphicon-shopping-cart          { &:before { content: "\e116"; } }
.glyphicon-folder-close           { &:before { content: "\e117"; } }
.glyphicon-folder-open            { &:before { content: "\e118"; } }
.glyphicon-resize-vertical        { &:before { content: "\e119"; } }
.glyphicon-resize-horizontal      { &:before { content: "\e120"; } }
.glyphicon-hdd                    { &:before { content: "\e121"; } }
.glyphicon-bullhorn               { &:before { content: "\e122"; } }
.glyphicon-bell                   { &:before { content: "\e123"; } }
.glyphicon-certificate            { &:before { content: "\e124"; } }
.glyphicon-thumbs-up              { &:before { content: "\e125"; } }
.glyphicon-thumbs-down            { &:before { content: "\e126"; } }
.glyphicon-hand-right             { &:before { content: "\e127"; } }
.glyphicon-hand-left              { &:before { content: "\e128"; } }
.glyphicon-hand-up                { &:before { content: "\e129"; } }
.glyphicon-hand-down              { &:before { content: "\e130"; } }
.glyphicon-circle-arrow-right     { &:before { content: "\e131"; } }
.glyphicon-circle-arrow-left      { &:before { content: "\e132"; } }
.glyphicon-circle-arrow-up        { &:before { content: "\e133"; } }
.glyphicon-circle-arrow-down      { &:before { content: "\e134"; } }
.glyphicon-globe                  { &:before { content: "\e135"; } }
.glyphicon-wrench                 { &:before { content: "\e136"; } }
.glyphicon-tasks                  { &:before { content: "\e137"; } }
.glyphicon-filter                 { &:before { content: "\e138"; } }
.glyphicon-briefcase              { &:before { content: "\e139"; } }
.glyphicon-fullscreen             { &:before { content: "\e140"; } }
.glyphicon-dashboard              { &:before { content: "\e141"; } }
.glyphicon-paperclip              { &:before { content: "\e142"; } }
.glyphicon-heart-empty            { &:before { content: "\e143"; } }
.glyphicon-link                   { &:before { content: "\e144"; } }
.glyphicon-phone                  { &:before { content: "\e145"; } }
.glyphicon-pushpin                { &:before { content: "\e146"; } }
.glyphicon-usd                    { &:before { content: "\e148"; } }
.glyphicon-gbp                    { &:before { content: "\e149"; } }
.glyphicon-sort                   { &:before { content: "\e150"; } }
.glyphicon-sort-by-alphabet       { &:before { content: "\e151"; } }
.glyphicon-sort-by-alphabet-alt   { &:before { content: "\e152"; } }
.glyphicon-sort-by-order          { &:before { content: "\e153"; } }
.glyphicon-sort-by-order-alt      { &:before { content: "\e154"; } }
.glyphicon-sort-by-attributes     { &:before { content: "\e155"; } }
.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
.glyphicon-unchecked              { &:before { content: "\e157"; } }
.glyphicon-expand                 { &:before { content: "\e158"; } }
.glyphicon-collapse-down          { &:before { content: "\e159"; } }
.glyphicon-collapse-up            { &:before { content: "\e160"; } }
.glyphicon-log-in                 { &:before { content: "\e161"; } }
.glyphicon-flash                  { &:before { content: "\e162"; } }
.glyphicon-log-out                { &:before { content: "\e163"; } }
.glyphicon-new-window             { &:before { content: "\e164"; } }
.glyphicon-record                 { &:before { content: "\e165"; } }
.glyphicon-save                   { &:before { content: "\e166"; } }
.glyphicon-open                   { &:before { content: "\e167"; } }
.glyphicon-saved                  { &:before { content: "\e168"; } }
.glyphicon-import                 { &:before { content: "\e169"; } }
.glyphicon-export                 { &:before { content: "\e170"; } }
.glyphicon-send                   { &:before { content: "\e171"; } }
.glyphicon-floppy-disk            { &:before { content: "\e172"; } }
.glyphicon-floppy-saved           { &:before { content: "\e173"; } }
.glyphicon-floppy-remove          { &:before { content: "\e174"; } }
.glyphicon-floppy-save            { &:before { content: "\e175"; } }
.glyphicon-floppy-open            { &:before { content: "\e176"; } }
.glyphicon-credit-card            { &:before { content: "\e177"; } }
.glyphicon-transfer               { &:before { content: "\e178"; } }
.glyphicon-cutlery                { &:before { content: "\e179"; } }
.glyphicon-header                 { &:before { content: "\e180"; } }
.glyphicon-compressed             { &:before { content: "\e181"; } }
.glyphicon-earphone               { &:before { content: "\e182"; } }
.glyphicon-phone-alt              { &:before { content: "\e183"; } }
.glyphicon-tower                  { &:before { content: "\e184"; } }
.glyphicon-stats                  { &:before { content: "\e185"; } }
.glyphicon-sd-video               { &:before { content: "\e186"; } }
.glyphicon-hd-video               { &:before { content: "\e187"; } }
.glyphicon-subtitles              { &:before { content: "\e188"; } }
.glyphicon-sound-stereo           { &:before { content: "\e189"; } }
.glyphicon-sound-dolby            { &:before { content: "\e190"; } }
.glyphicon-sound-5-1              { &:before { content: "\e191"; } }
.glyphicon-sound-6-1              { &:before { content: "\e192"; } }
.glyphicon-sound-7-1              { &:before { content: "\e193"; } }
.glyphicon-copyright-mark         { &:before { content: "\e194"; } }
.glyphicon-registration-mark      { &:before { content: "\e195"; } }
.glyphicon-cloud-download         { &:before { content: "\e197"; } }
.glyphicon-cloud-upload           { &:before { content: "\e198"; } }
.glyphicon-tree-conifer           { &:before { content: "\e199"; } }
.glyphicon-tree-deciduous         { &:before { content: "\e200"; } }

error: pathspec 'cp-strap/src/stylesheets/icons/example.less' did not match any file(s) known to git


Update variables.less

Update variables.less

fatal: unable to access 'https://github.com/xaun/impac-angular.git/': The requested URL returned error: 403


remove cloak

remove cloak

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/dasantonym/nano-ticketron-xl.git/'


Remove useless styles

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


break-word everywhere to wrap long areas of text

@import 'lib';

/* Long titles othwerwise break our layout everywhere. */
* {
    word-wrap: break-word;
}

a {
    text-decoration: none;
    color: @link;
    &:hover {
        text-decoration: underline;
    }
}

body {
    color: @text;
    overflow-x: hidden;
    background: #f0f0f0;
}

#site-header, #page {
    > section {
        .width(10);
        margin: 0 auto;
        .border-box;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        &.full {
            width: 100%;
        }
    }
}

// 7 columns (portrait tablet)
@media (max-width: @7col) {
    #site-header, #page {
        > section {
            .width(7);
        }
    }
    #site-header > section {
        .width(7);
    }
}

// 4 columns (landscape smartphone)
@media (max-width: @4col) {
    #site-header, #page {
        > section {
            .width(4);
        }
    }
    #site-header section {
        .width(4);
    }
}

// 3 columns (portrait smartphone)
@media (max-width: @3col) {
    #site-header, #page {
        > section {
            .width(3);
        }
    }
    #site-header {
        margin-bottom: 20px;
        > section {
            .width(3);
        }
    }
}

.row {
    clear: both;
}

// TODO potch: Belongs with the "collapsible" widget.
.more {
    display: none;
    &.expand {
        display: block;
    }
}

footer {
    border-top: 1px solid black;
    margin-top: 20px;
    padding: 16px;
    text-align: center;
}

@import 'lib';

a {
    text-decoration: none;
    color: @link;
    &:hover {
        text-decoration: underline;
    }
}

body {
    color: @text;
    overflow-x: hidden;
    background: #f0f0f0;
}

#site-header, #page {
    > section {
        .width(10);
        margin: 0 auto;
        .border-box;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        &.full {
            width: 100%;
        }
    }
}

// 7 columns (portrait tablet)
@media (max-width: @7col) {
    #site-header, #page {
        > section {
            .width(7);
        }
    }
    #site-header > section {
        .width(7);
    }
}

// 4 columns (landscape smartphone)
@media (max-width: @4col) {
    #site-header, #page {
        > section {
            .width(4);
        }
    }
    #site-header section {
        .width(4);
    }
}

// 3 columns (portrait smartphone)
@media (max-width: @3col) {
    #site-header, #page {
        > section {
            .width(3);
        }
    }
    #site-header {
        margin-bottom: 20px;
        > section {
            .width(3);
        }
    }
}

.row {
    clear: both;
}

// TODO potch: Belongs with the "collapsible" widget.
.more {
    display: none;
    &.expand {
        display: block;
    }
}

footer {
    border-top: 1px solid black;
    margin-top: 20px;
    padding: 16px;
    text-align: center;
}


fix border colors and width weirdness on homepage (bug 794241, bug 792124)

@import 'lib';

// base class

.mkt-tile {
    position: relative;
    overflow: hidden;
    display: block;
    color: @text;
    &:hover {
        text-decoration: none;
    }
    .icon {
        display: block;
    }
    .info h3 {
        .ellipsis;
    }
}

.grid, .listing {
    background: @black-border;
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
    width: 100%;
}

.grid {
    float: left;
}

.product-details .mkt-tile .icon.mobile_tile,
.listing .mkt-tile .icon.mobile_tile,
.mkt-tile .icon.featured_tile {
    display: none;
}

.creatured .mkt-tile .icon,
.featured .mkt-tile .icon {
    display: none;
    &.mobile_tile {
        display: block;
    }
}

@media (max-width: 480px) {
    .creatured .grid,
    .creatured .grid li {
        padding: 0;
    }
    .creatured .grid li + li {
        border-left: 1px solid rgba(0,0,0,.4);
    }
    .creatured .grid {
        .mkt-tile {
            background: @grain-src darken(@grain, 15%);
            height: 55px;
            padding: 12px 10px;
            .info, &:hover .info, &:active .info {
                background: transparent;
            }
            &:hover {
                background-color: darken(@grain, 12%);
            }
            &:active {
                .depressed;
            }
            .info {
                .box-shadow(none);
                height: auto;
                padding: 0;
                position: static;
            }
            h3 {
                color: @white;
                font-size: 11px;
                padding-left: 19px;
            }
            .rating {
                font-size: 11px;
                margin: 4px 0 0 2px;
                vertical-align: top;
            }
            .rating .cnt,
            .unrated {
                display: block;
                text-indent: -999px;
            }
            canvas {
                display: none;
            }
            .icon {
                &.featured_tile {
                    display: block;
                    position: absolute;
                    top: 12px;
                    left: 11px;
                    height: 16px;
                    width: 16px;
                }
                &.mobile_tile {
                    display: none;
                }
            }
        }
    }
}

// Listing
// name + icon + price + rating in a vertical listview.
// also used as standalone "card" on detail pages.

.product-details,
.listing .mkt-tile {
    // TODO: Maybe we don't need this twice. We'll see when we do desktop.
    .gradient-two-color-with-image(#f7f7f7, @barely-gray, @grain-src);
}

.listing .mkt-tile {
    min-height: 66px;
    padding: 20px 10px 20px 88px;
    h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        margin: -4px 0 -7px;
        padding-bottom: 9px;
    }
    .icon {
        float: left;
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .author {
        color: @subtext;
        font-size: 12px;
        line-height: 14px;
        max-height: 28px;
        margin-bottom: -3px;
        padding-bottom: 2px;
    }
    .button {
        float: right;
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        margin: 2px 0 2px 10px;
        padding: 0;
        width: 70px;
    }
    .rating {
        clear: both;
        margin-top: 4px;
        color: @subtext;
        display: block;
        font-size: 11px;
        .cnt {
            border-bottom: 1px solid transparent;
            color: @note-gray;
            font-weight: 600;
            padding-bottom: 1px;
        }
        a {
            color: @note-gray;
            text-decoration: none;
            &:hover .cnt {
                border-bottom-color: @note-gray;
                color: @dark-gray;
            }
        }
    }
    .price {
        display: none;
    }
}

// Grid
// store graphic, name, price in a floated grid (3 tiles wide at 320).

.grid {
    margin: 0 auto;
    max-width: 600px;
    li {
        float: left;
        width: 100%/3;
        padding: 0 1px 1px 0;
        max-height: 141px;
        &:nth-child(3n) {
            padding-right: 0;
        }
    }
    .mkt-tile {
        position: relative;
        width: 100%;
        height: 106px;
        .info {
            .box-shadow(0 0 1px rgba(0,0,0,.25));
            background: rgba(255,255,255,.85);
            height: 40px;
            padding: 6px 4px;
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 2;
        }
        canvas {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }
        h3, .vital {
            font-size: 12px;
            line-height: 13px;
            margin: 0;
            padding: 0;
        }
        .price {
            font-size: 11px;
            font-weight: bold;
            color: @link;
        }
        .icon {
            margin: 0 auto;
            z-index: 1;
            position: relative;
        }
        .button {
            display: none;
        }
        .author {
            display: none;
        }
        .price,
        .rating {
            display: inline-block;
            vertical-align: middle;
        }
        .rating {
            margin-left: 2px;
        }
        &.category {
            background-color: rgba(45,51,55,1);
            h3 {
                color: @text-light;
                padding: 8px;
                text-align: center;
                text-shadow: 0 1px 1px fade(#000, 50%);
                position: absolute;
                bottom: 0;
                width: 100%;
            }
            .icon {
                width: 100%;
                height: 100%;
            }
        }
        &:hover, &:active {
            .info {
                background: rgba(255,255,255,.95);
            }
        }
        &.category {
            &:hover, &:active {
                h3 {
                    color: @white;
                }
            }
        }
        &:hover .icon {
            opacity: .8;
        }
        &:active .icon,
        &.category:active h3 {
            opacity: .4;
        }
    }
    &.featured {
        .grain;
        .mkt-tile {
            height: 55px;
            img {
                display: none;
            }
            .info {
                background: none;
                top: 7px;
                .box-shadow(none);
                padding: 6px 10px;
            }
            .vital {
                font-size: 10px;
            }
            .rating {
                color: @note-gray;
                width: 52px;
                .ellipsis;
            }
            h3 {
                color: @white;
            }
        }
        li {
            border-right: 1px solid @black-border;
            border-bottom: 1px solid @black-border;
            &:last-child {
                border-right: 0;
            }
        }
    }
}
.listing {
    > li {
        border-top: 1px solid @light-gray;
        &:first-child {
            border-top: 0;
        }
    }
}

// Previews tray.
.expanded .mkt-tile + .tray {
    display: block;
    height: 232px;
}
.mkt-tile + .tray {
    display: none;
    // some day
    /*transition: .3s height ease-out;*/
    .gradient-two-color-with-image(rgba(221,225,228,.35), rgba(159,164,169,.95), @grain-src);
    height: 0px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 1px solid rgba(0,0,0,.05);
    position: relative;
    .slider {
        height: 230px;
        overflow: hidden;
    }
    ul {
        padding: 15px 0;
        margin: 0 auto;
        list-style-type: none;
        white-space: nowrap;
        height: 232px;
    }
    li {
        margin-left: 15px;
        float: left;
        width: 180px;
        height: 270px;
        &:first-child {
            margin-left: 0;
        }
        img {
            -moz-user-select: none;
            width: 180px;
            max-height: 270px;
        }
    }
}

.tray {
    .dots {
        width: 100%;
        position: absolute;
        top: -4px;
        text-align: center;
        height: 6px;
        line-height: 6px;
    }
    .dot {
        display: inline-block;
        vertical-align: top;
        width: 6px;
        height: 6px;
        .border-radius(3px);
        margin: 0 3px;
        .gradient-two-color(#667480, #828f99);
        .box-shadow(0 0 1px fade(#fff, 50%),
                    1px 0 2px 2px fade(#000, 21%) inset,
                    0 1px 1px fade(#000,.5));
        &.current {
            .gradient-two-color(#368dd9, #57a9fa);
            .box-shadow(0 -1px 1px fade(#03101a, 35%) inset,
                        0 0 4px fade(#0091ff, 56%));
        }
    }
}

// TODO: Maybe later.
.noApps {
    display: none;
}

.bad-app {
    color: @maroon;
    font-size: 11px;
    line-height: 12px;
    margin-top: 4px;
}

.grid .bad-app {
    display: none;
}

@media (min-width: 480px) {
    .grid {
        .mkt-tile { height: 140px; }
    }
}

@import 'lib';

// base class

.mkt-tile {
    position: relative;
    overflow: hidden;
    display: block;
    color: @text;
    &:hover {
        text-decoration: none;
    }
    .icon {
        display: block;
    }
    .info h3 {
        .ellipsis;
    }
}

.grid, .listing {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
    width: 100%;
}

.grid, .listing {
    background: @black-border;
}

.product-details .mkt-tile .icon.mobile_tile,
.listing .mkt-tile .icon.mobile_tile,
.mkt-tile .icon.featured_tile {
    display: none;
}

.creatured .mkt-tile .icon,
.featured .mkt-tile .icon {
    display: none;
    &.mobile_tile {
        display: block;
    }
}

@media (max-width: 480px) {
    .creatured .grid,
    .creatured .grid li {
        padding: 0;
    }
    .creatured .grid li + li {
        border-left: 1px solid rgba(0,0,0,.4);
    }
    .creatured .grid {
        .mkt-tile {
            background: @grain-src darken(@grain, 15%);
            height: 55px;
            padding: 12px 10px;
            .info, &:hover .info, &:active .info {
                background: transparent;
            }
            &:hover {
                background-color: darken(@grain, 12%);
            }
            &:active {
                .depressed;
            }
            .info {
                .box-shadow(none);
                height: auto;
                padding: 0;
                position: static;
            }
            h3 {
                color: @white;
                font-size: 11px;
                padding-left: 19px;
            }
            .rating {
                font-size: 11px;
                margin: 4px 0 0 2px;
                vertical-align: top;
            }
            .rating .cnt,
            .unrated {
                display: block;
                text-indent: -999px;
            }
            canvas {
                display: none;
            }
            .icon {
                &.featured_tile {
                    display: block;
                    position: absolute;
                    top: 12px;
                    left: 11px;
                    height: 16px;
                    width: 16px;
                }
                &.mobile_tile {
                    display: none;
                }
            }
        }
    }
}

// Listing
// name + icon + price + rating in a vertical listview.
// also used as standalone "card" on detail pages.

.product-details,
.listing .mkt-tile {
    // TODO: Maybe we don't need this twice. We'll see when we do desktop.
    .gradient-two-color-with-image(#f7f7f7, @barely-gray, @grain-src);
}

.listing .mkt-tile {
    min-height: 66px;
    padding: 20px 10px 20px 88px;
    h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        margin: -4px 0 -7px;
        padding-bottom: 9px;
    }
    .icon {
        float: left;
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .author {
        color: @subtext;
        font-size: 12px;
        line-height: 14px;
        max-height: 28px;
        margin-bottom: -3px;
        padding-bottom: 2px;
    }
    .button {
        float: right;
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        margin: 2px 0 2px 10px;
        padding: 0;
        width: 70px;
    }
    .rating {
        clear: both;
        margin-top: 4px;
        color: @subtext;
        display: block;
        font-size: 11px;
        .cnt {
            border-bottom: 1px solid transparent;
            color: @note-gray;
            font-weight: 600;
            padding-bottom: 1px;
        }
        a {
            color: @note-gray;
            text-decoration: none;
            &:hover .cnt {
                border-bottom-color: @note-gray;
                color: @dark-gray;
            }
        }
    }
    .price {
        display: none;
    }
}

// Grid
// store graphic, name, price in a floated grid (3 tiles wide at 320).

.grid {
    max-width: 608px;
    margin: 0 auto;
    padding: 0 0 1px 1px;
    li {
        float: left;
        width: 100%/3;
        padding: 1px 1px 0 0;
        max-height: 141px;
    }
    .mkt-tile {
        position: relative;
        width: 100%;
        height: 106px;
        .info {
            .box-shadow(0 0 1px rgba(0,0,0,.25));
            background: rgba(255,255,255,.85);
            height: 40px;
            padding: 6px 4px;
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 2;
        }
        canvas {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }
        h3, .vital {
            font-size: 12px;
            line-height: 13px;
            margin: 0;
            padding: 0;
        }
        .price {
            font-size: 11px;
            font-weight: bold;
            color: @link;
        }
        .icon {
            margin: 0 auto;
            z-index: 1;
            position: relative;
        }
        .button {
            display: none;
        }
        .author {
            display: none;
        }
        .price,
        .rating {
            display: inline-block;
            vertical-align: middle;
        }
        .rating {
            margin-left: 2px;
        }
        &.category {
            background-color: rgba(45,51,55,1);
            h3 {
                color: @text-light;
                padding: 8px;
                text-align: center;
                text-shadow: 0 1px 1px fade(#000, 50%);
                position: absolute;
                bottom: 0;
                width: 100%;
            }
            .icon {
                width: 100%;
                height: 100%;
            }
        }
        &:hover, &:active {
            .info {
                background: rgba(255,255,255,.95);
            }
        }
        &.category {
            &:hover, &:active {
                h3 {
                    color: @white;
                }
            }
        }
        &:hover .icon {
            opacity: .8;
        }
        &:active .icon,
        &.category:active h3 {
            opacity: .4;
        }
    }
    &.featured {
        .grain;
        .mkt-tile {
            height: 55px;
            img {
                display: none;
            }
            .info {
                background: none;
                top: 7px;
                .box-shadow(none);
                padding: 6px 10px;
            }
            .vital {
                font-size: 10px;
            }
            .rating {
                color: @note-gray;
                width: 52px;
                .ellipsis;
            }
            h3 {
                color: @white;
            }
        }
        li {
            border-right: 1px solid @black-border;
            border-bottom: 1px solid @black-border;
            &:last-child {
                border-right: 0;
            }
        }
    }
}
.listing {
    > li {
        border-top: 1px solid @light-gray;
        &:first-child {
            border-top: 0;
        }
    }
}

// Previews tray.
.expanded .mkt-tile + .tray {
    display: block;
    height: 232px;
}
.mkt-tile + .tray {
    display: none;
    // some day
    /*transition: .3s height ease-out;*/
    .gradient-two-color-with-image(rgba(221,225,228,.35), rgba(159,164,169,.95), @grain-src);
    height: 0px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 1px solid rgba(0,0,0,.05);
    position: relative;
    .slider {
        height: 230px;
        overflow: hidden;
    }
    ul {
        padding: 15px 0;
        margin: 0 auto;
        list-style-type: none;
        white-space: nowrap;
        height: 232px;
    }
    li {
        margin-left: 15px;
        float: left;
        width: 180px;
        height: 270px;
        &:first-child {
            margin-left: 0;
        }
        img {
            -moz-user-select: none;
            width: 180px;
            max-height: 270px;
        }
    }
}

.tray {
    .dots {
        width: 100%;
        position: absolute;
        top: -4px;
        text-align: center;
        height: 6px;
        line-height: 6px;
    }
    .dot {
        display: inline-block;
        vertical-align: top;
        width: 6px;
        height: 6px;
        .border-radius(3px);
        margin: 0 3px;
        .gradient-two-color(#667480, #828f99);
        .box-shadow(0 0 1px fade(#fff, 50%),
                    1px 0 2px 2px fade(#000, 21%) inset,
                    0 1px 1px fade(#000,.5));
        &.current {
            .gradient-two-color(#368dd9, #57a9fa);
            .box-shadow(0 -1px 1px fade(#03101a, 35%) inset,
                        0 0 4px fade(#0091ff, 56%));
        }
    }
}

// TODO: Maybe later.
.noApps {
    display: none;
}

.bad-app {
    color: @maroon;
    font-size: 11px;
    line-height: 12px;
    margin-top: 4px;
}

.grid .bad-app {
    display: none;
}

@media (min-width: 480px) {
    .grid {
        .mkt-tile { height: 140px; }
    }
}


update header.less to use current @green color

/*
 * # Semantic - Header
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
           Variables
*******************************/

@import "../global.variables";

/*-------------------
    Globals Used
--------------------*/

// @white
// @blue
// @red
// @green
// @purple
// @teal
// @midGrey

/*-------------------
   Modified Globals
--------------------*/

/*-------------------
   Header Variables
--------------------*/

/*******************************
            Header
*******************************/

/* Standard */
.ui.header {
  border: none;
  margin: 1em 0em 1rem;
  padding: 0em;

  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.33;
}

.ui.header .sub.header {
  font-size: 1rem;
  font-weight: normal;
  margin: 0em;
  padding: 0em;

  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}

.ui.header .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0.5em;
}
.ui.header .icon:only-child {
  display: inline-block;
}

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
.ui.header .icon + .content {
  padding-left: 0.5em;
  display: table-cell;
}

/* Positioning */
.ui.header:first-child {
  margin-top: 0em;
}
.ui.header:last-child {
  margin-bottom: 0em;
}
.ui.header + p {
  margin-top: 0em;
}

/*--------------
  Page Heading
---------------*/

h1.ui.header {
  min-height: 1rem;
  line-height: 1.33;
  font-size: 2rem;
}
h2.ui.header {
  line-height: 1.33;
  font-size: 1.75rem;
}
h3.ui.header {
  line-height: 1.33;
  font-size: 1.33rem;
}
h4.ui.header {
  line-height: 1.33;
  font-size: 1.1rem;
}
h5.ui.header {
  line-height: 1.2;
  font-size: 1rem;
}

/*--------------
 Content Heading
---------------*/

.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}
.ui.large.header {
  font-size: 1.75em;
}
.ui.medium.header {
  font-size: 1.33em;
}
.ui.small.header {
  font-size: 1.1em;
}
.ui.tiny.header {
  font-size: 1em;
}

/*******************************
            Types
*******************************/

/*-------------------
        Icon
--------------------*/

.ui.icon.header {
  display: inline-block;
  text-align: center;
}
.ui.icon.header .icon {
  float: none;
  display: block;
  font-size: 3em;
  margin: 0em auto 0.2em;
  padding: 0em;
}
.ui.icon.header .content {
  display: block;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
  font-size: 2em;
}
.ui.block.icon.header .icon {
  margin-bottom: 0em;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*******************************
            States
*******************************/

.ui.disabled.header {
  opacity: 0.5;
}

/*******************************
           Variations
*******************************/

/*-------------------
       Colors
--------------------*/

.ui.blue.header {
  color: @blue !important;
}
.ui.black.header {
  color: @midGrey !important;
}
.ui.green.header {
  color: @green !important;
}
.ui.red.header {
  color: @red !important;
}
.ui.purple.header {
  color: @purple !important;
}
.ui.teal.header {
  color: @teal !important;
}

.ui.blue.dividing.header {
  border-bottom: 3px solid @blue;
}
.ui.black.dividing.header {
  border-bottom: 3px solid @midGrey;
}
.ui.green.dividing.header {
  border-bottom: 3px solid @green;
}
.ui.red.dividing.header {
  border-bottom: 3px solid @red;
}
.ui.purple.dividing.header {
  border-bottom: 3px solid @purple;
}
.ui.teal.dividing.header {
  border-bottom: 3px solid @teal;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.header {
  color: @white;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.85);
}

/*-------------------
   Inverted Colors
--------------------*/

.ui.inverted.black.header {
  background-color: @midGrey !important;
  color: @white !important;
}
.ui.inverted.blue.header {
  background-color: @blue !important;
  color: @white !important;
}
.ui.inverted.green.header {
  background-color: @green !important;
  color: @white !important;
}
.ui.inverted.red.header {
  background-color: @red !important;
  color: @white !important;
}
.ui.inverted.purple.header {
  background-color: @purple !important;
  color: @white !important;
}
.ui.inverted.teal.header {
  background-color: @teal !important;
  color: @white !important;
}

.ui.inverted.block.header {
  border-bottom: none;
}

/*-------------------
       Aligned
--------------------*/

.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.center.aligned.header {
  text-align: center;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.header,
.ui.left.floated.header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}
.ui.right.floated.header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}

/*-------------------
       Fittted
--------------------*/

.ui.fitted.header {
  padding: 0em;
}

/*-------------------
      Dividing
--------------------*/

.ui.dividing.header {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.5em;
}
.ui.dividing.header .icon {
  margin-bottom: 0.2em;
}

/*-------------------
        Block
--------------------*/

.ui.block.header {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em;
}

/*-------------------
       Attached
--------------------*/

.ui.attached.header {
  background-color: #E0E0E0;
  padding: 0.5em 1rem;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.3125em 0.3125em 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;
  border-radius: 0em 0em 0.3125em 0.3125em;
}

/*
 * # Semantic - Header
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
           Variables
*******************************/

@import "../global.variables";

/*-------------------
    Globals Used
--------------------*/

// @white
// @blue
// @red
// @lightGreen
// @purple
// @teal
// @midGrey

/*-------------------
   Modified Globals
--------------------*/

/*-------------------
   Header Variables
--------------------*/

/*******************************
            Header
*******************************/

/* Standard */
.ui.header {
  border: none;
  margin: 1em 0em 1rem;
  padding: 0em;

  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.33;
}

.ui.header .sub.header {
  font-size: 1rem;
  font-weight: normal;
  margin: 0em;
  padding: 0em;

  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}

.ui.header .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0.5em;
}
.ui.header .icon:only-child {
  display: inline-block;
}

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
.ui.header .icon + .content {
  padding-left: 0.5em;
  display: table-cell;
}

/* Positioning */
.ui.header:first-child {
  margin-top: 0em;
}
.ui.header:last-child {
  margin-bottom: 0em;
}
.ui.header + p {
  margin-top: 0em;
}

/*--------------
  Page Heading
---------------*/

h1.ui.header {
  min-height: 1rem;
  line-height: 1.33;
  font-size: 2rem;
}
h2.ui.header {
  line-height: 1.33;
  font-size: 1.75rem;
}
h3.ui.header {
  line-height: 1.33;
  font-size: 1.33rem;
}
h4.ui.header {
  line-height: 1.33;
  font-size: 1.1rem;
}
h5.ui.header {
  line-height: 1.2;
  font-size: 1rem;
}

/*--------------
 Content Heading
---------------*/

.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}
.ui.large.header {
  font-size: 1.75em;
}
.ui.medium.header {
  font-size: 1.33em;
}
.ui.small.header {
  font-size: 1.1em;
}
.ui.tiny.header {
  font-size: 1em;
}

/*******************************
            Types
*******************************/

/*-------------------
        Icon
--------------------*/

.ui.icon.header {
  display: inline-block;
  text-align: center;
}
.ui.icon.header .icon {
  float: none;
  display: block;
  font-size: 3em;
  margin: 0em auto 0.2em;
  padding: 0em;
}
.ui.icon.header .content {
  display: block;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
  font-size: 2em;
}
.ui.block.icon.header .icon {
  margin-bottom: 0em;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*******************************
            States
*******************************/

.ui.disabled.header {
  opacity: 0.5;
}

/*******************************
           Variations
*******************************/

/*-------------------
       Colors
--------------------*/

.ui.blue.header {
  color: @blue !important;
}
.ui.black.header {
  color: @midGrey !important;
}
.ui.green.header {
  color: @lightGreen !important;
}
.ui.red.header {
  color: @red !important;
}
.ui.purple.header {
  color: @purple !important;
}
.ui.teal.header {
  color: @teal !important;
}

.ui.blue.dividing.header {
  border-bottom: 3px solid @blue;
}
.ui.black.dividing.header {
  border-bottom: 3px solid @midGrey;
}
.ui.green.dividing.header {
  border-bottom: 3px solid @lightGreen;
}
.ui.red.dividing.header {
  border-bottom: 3px solid @red;
}
.ui.purple.dividing.header {
  border-bottom: 3px solid @purple;
}
.ui.teal.dividing.header {
  border-bottom: 3px solid @teal;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.header {
  color: @white;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.85);
}

/*-------------------
   Inverted Colors
--------------------*/

.ui.inverted.black.header {
  background-color: @midGrey !important;
  color: @white !important;
}
.ui.inverted.blue.header {
  background-color: @blue !important;
  color: @white !important;
}
.ui.inverted.green.header {
  background-color: @lightGreen !important;
  color: @white !important;
}
.ui.inverted.red.header {
  background-color: @red !important;
  color: @white !important;
}
.ui.inverted.purple.header {
  background-color: @purple !important;
  color: @white !important;
}
.ui.inverted.teal.header {
  background-color: @teal !important;
  color: @white !important;
}

.ui.inverted.block.header {
  border-bottom: none;
}

/*-------------------
       Aligned
--------------------*/

.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.center.aligned.header {
  text-align: center;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.header,
.ui.left.floated.header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}
.ui.right.floated.header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}

/*-------------------
       Fittted
--------------------*/

.ui.fitted.header {
  padding: 0em;
}

/*-------------------
      Dividing
--------------------*/

.ui.dividing.header {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.5em;
}
.ui.dividing.header .icon {
  margin-bottom: 0.2em;
}

/*-------------------
        Block
--------------------*/

.ui.block.header {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em;
}

/*-------------------
       Attached
--------------------*/

.ui.attached.header {
  background-color: #E0E0E0;
  padding: 0.5em 1rem;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.3125em 0.3125em 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;
  border-radius: 0em 0em 0.3125em 0.3125em;
}


Fix for issue U4-4827

Fix for issue U4-4827

I simply placed the container a little higher up, just above the Save and Publish buttons.

// Grid
// -------------------------

/* CONTAINS BASIC APPLICATION LAYOUT, POSITIONING AND AREA DIMENSIONS */

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;

  font-family: @baseFontFamily;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  color: @textColor;
  background-color: @bodyBackground;
}

.padded {
  padding: 20px
}

#layout {
  position: relative;
  height: 100%;
  padding: 0;
  z-index: 1;
}

#mainwrapper {
  height: 100%;
  width: 100%;
  margin: 0;
}

#contentwrapper, #contentcolumn {
  position: absolute;
  top: 0px; bottom: 0px; right: 0px; left: 80px;
  z-index: 10;
  margin: 0
}

#contentcolumn {
  left: 0px;
}

#contentcolumn iframe#right {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  border: none;
}

#leftcolumn {
  height: 100%;
  z-index: 20;
  width: 80px;
  float: left;
  position: absolute;
}

#applications {
  z-index: 1000;
  height: 100%;
  left: 0px;
  top: 0;
  bottom: 0;
  position: absolute;
  text-align: center
}

#applications-tray {
  z-index: 900;
  left: 80px;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  text-align: center;
}

#search-form {
  display: block;
  margin: 0px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#search-form form{
  margin-top: 10px;
}

#navigation {
  left: 80px;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 100;
  background: @white;
  height: 100%;

}

.navigation-inner-container{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 100px;
    border-right: 1px solid @grayLight;
}

#dialog {
  min-width: 500px;
  left: 100%;
  top: 0;
  position: absolute;
  z-index: 50;
  display: inline-block;
}

#tree {
  padding: 0px;
  z-index: 100 !important;
  overflow: auto;
}

#tree .umb-tree {
    padding: 0px 0px 20px 0px;
}

#search-results {
  z-index: 200;
}

#contextMenu {
  z-index: 50;
  position: absolute;
  top: 0px;
  left: 100%;
  min-width: 250px;
}

#speechbubble {
  z-index: 1000;
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  border-bottom: none;
  margin: auto;
  padding: 0px;
  border: none;
  background: none;
  border-radius: 0;
}

@media (min-width: 1101px) {
  #contentwrapper {left: 440px;}
  #speechbubble {left: 360px;}
}

// Grid
// -------------------------

/* CONTAINS BASIC APPLICATION LAYOUT, POSITIONING AND AREA DIMENSIONS */

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;

  font-family: @baseFontFamily;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  color: @textColor;
  background-color: @bodyBackground;
}

.padded {
  padding: 20px
}

#layout {
  position: relative;
  height: 100%;
  padding: 0;
  z-index: 1;
}

#mainwrapper {
  height: 100%;
  width: 100%;
  margin: 0;
}

#contentwrapper, #contentcolumn {
  position: absolute;
  top: 0px; bottom: 0px; right: 0px; left: 80px;
  z-index: 10;
  margin: 0
}

#contentcolumn {
  left: 0px;
}

#contentcolumn iframe#right {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  border: none;
}

#leftcolumn {
  height: 100%;
  z-index: 20;
  width: 80px;
  float: left;
  position: absolute;
}

#applications {
  z-index: 1000;
  height: 100%;
  left: 0px;
  top: 0;
  bottom: 0;
  position: absolute;
  text-align: center
}

#applications-tray {
  z-index: 900;
  left: 80px;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  text-align: center;
}

#search-form {
  display: block;
  margin: 0px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#search-form form{
  margin-top: 10px;
}

#navigation {
  left: 80px;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 100;
  background: @white;
  height: 100%;

}

.navigation-inner-container{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 100px;
    border-right: 1px solid @grayLight;
}

#dialog {
  min-width: 500px;
  left: 100%;
  top: 0;
  position: absolute;
  z-index: 50;
  display: inline-block;
}

#tree {
  padding: 0px;
  z-index: 100 !important;
  overflow: auto;
}

#tree .umb-tree {
    padding: 0px 0px 20px 0px;
}

#search-results {
  z-index: 200;
}

#contextMenu {
  z-index: 50;
  position: absolute;
  top: 0px;
  left: 100%;
  min-width: 250px;
}

#speechbubble {
  z-index: 1000;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  border-bottom: none;
  margin: auto;
  padding: 0px;
  border: none;
  background: none;
  border-radius: 0;
}

@media (min-width: 1101px) {
  #contentwrapper {left: 440px;}
  #speechbubble {left: 360px;}
}


display checkbox inline-block

display checkbox inline-block

@import 'parameters/parameters';

.vic-checkbox {
    display: inline-block;
    label {
        text-align: left;
        color: #313131;
    }
}

.vic-form-group label {
    text-align: left;
    color: #313131;
}

@import 'parameters/parameters';

.vic-checkbox label {
    text-align: left;
    color: #313131;
    display: inline-block;
}

.vic-form-group label {
    text-align: left;
    color: #313131;
}


Hook up new granularised files

Hook up new granularised files

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


Ad hoc design change: at desktop view make brand tiles have a white background


Using less to generate stylesheet.

Using less to generate stylesheet.

fatal: unable to access 'https://github.com/lappsgrid-incubator/groovlets.git/': The requested URL returned error: 403


init less

init less

// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/stylesheets/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

.bower-install {
  &.tool-panel {
    overflow-y: scroll;
    padding: @component-padding;
    font-size: @font-size;
    font-family: monospace;
    white-space: pre;
    height: 100px;
    background-color: #000;
    position: relative;
    border-top: 1px solid @background-color-highlight;
  }

  .terminal {
    position: absolute;
    bottom: @component-padding;
  }

  &.overlay {
    transition: opacity 0.25s;
    text-align: center;
    opacity: 1;
    &.fade-out { opacity: 0; }
    &.warning { color: @text-color-error; }
    &.success { color: @text-color-success; }
  }
}

error: pathspec 'stylesheets/bower-install.less' did not match any file(s) known to git


Transitions less import

Transitions less import

fatal: unable to access 'https://github.com/IHarryIJumper/trials-fusion-stats-cptsparkles.git/': The requested URL returned error: 403


add modals to remove border-radius.

add modals to remove border-radius.

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


Add new theme from @daveaspinall based on tomorrow night

//************************************************************************/
/* Theme Name by Dave Aspinall [@daveaspinall]                           */
/*************************************************************************/

// Global Settings
@text-height      : 16px;
@global-accent    : #de935f;
@global-arrow     : #AAB0AF;
@global-background: #1d1f21;
@global-boxshadow : rgba(17,17,17,.6);
@global-divider   : lighten(@global-background, 5%);
@global-hover     : #282a2e;
@global-input     : #111;
@global-selected  : #373b41;
@global-text      : #ccc;
@global-error     : #ff5a5a;
@global-textshadow: darken(@global-background, 4%);

// Options
.show-animations( true );
.show-child-highlighter( false );

// JavaScript
@js-atom      : #89f5a2;
@js-attribute : #4e87bf;
@js-builtin   : #8da6ce;
@js-comment   : #676767;
@js-def       : #49a6d2;
@js-error     : #f8f8f8;
@js-header    : #ff6400;
@js-hr        : #aeaeae;
@js-keyword   : #8b6ccf;
@js-link      : #8da6ce;
@js-meta      : #d8fa3c;
@js-number    : #89f5a2;
@js-operator  : #cdb943;
@js-property  : #cdb943;
@js-string    : #f07b3c;
@js-tag       : #49a6d2;
@js-variable  : #ccc;
@js-variable-2: #ccc;

// JavaScript Objects
@js-obj-array    : #7c7c7c;
@js-obj-boolean  : #89f5a2;
@js-obj-function : #8b6ccf;
@js-obj-name     : #77a8c6;
@js-obj-number   : #89f5a2;
@js-obj-preview  : #ddd;
@js-obj-regexp   : #ff54e8;
@js-obj-string   : #ff8737;
@js-obj-undefined: #ad4e4e;

// CSS
@css-at-rule   : #b094bb;
@css-atom      : #ccc;
@css-builtin   : #ff9635;
@css-comment   : #676767;
@css-def       : #ff9635;
@css-important : #f00;
@css-meta      : #6aedff;
@css-number    : #ccc;
@css-operator  : #ccc;
@css-property  : #6aedff;
@css-qualifier : #ff9635;
@css-string    : #e3b959;
@css-string-2  : #ccc;
@css-tag       : #ff9635;
@css-variable  : #ff9635;
@css-variable-2: #ff9635;

// HTML Highlighting
@xml-attribute         : #de935f;
@xml-comment           : #969896;
@xml-error             : #bf4c4c;
@xml-iframe-root       : #db0;
@xml-js-node           : #81a2be;
@xml-link              : #81a2be;
@xml-pseudo            : #81a2be;
@xml-pseudo-highlighted: #8abeb7;
@xml-shadow-root       : #db0;
@xml-string            : #b5bd68;
@xml-tag               : #cc6666;

// Tabbed Header Configuration
@tab-base-color     : @global-background;
@tab-contrast-bottom: 8%;
@tab-contrast-top   : 18%;
@tab-highlighted    : @global-accent;
@tab-label          : #999;
@tab-label-selected : #f8f8f8;
@tab-label-unsaved  : #db0;
@tab-style          : light; // (light | dark)

// Toolbars
@tab-main-icons-padding : 6px;
@tab-main-toolbar-height: 34px;
@tab-sub-icons-padding : 0;
@tab-sub-toolbar-height: 25px;

// Glyphs
@glyph-active  : @global-accent;
@glyph-buttons : url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png);
@glyph-inactive: lighten(@global-background, 35%);

// Filters
@filter-background   : lighten(@global-background,5%);
@filter-text         : @global-text;
@filter-hover        : lighten(@global-background, 10%);
@filter-selected     : lighten(@global-background, 15%);
@filter-selected-text: lighten(@global-text, 15%);
@filter-error        : @global-error;
@filter-warning      : #db0;
@filter-info         : #A277FF;
@filter-log          : #49a6d2;
@filter-debug        : #FC844C;

// Element Highlighter
@eh-base-color          : @global-selected;
@eh-children-shadow     : darken(@global-background, 10%);
@eh-editing-outline     : @global-accent;
@eh-highlight-background: @selection-background;
@eh-highlight-outline   : @selection-border;
@eh-hover-background    : @hover-background;
@eh-hover-outline       : @hover-border;

// Elements Sidebar
@style-edit-mode-selector-text: #999;
@style-selector-text          : #ccc;
@style-separator              : lighten(@global-background, 10%);
@style-value                  : #ccc;

// Crumbs
@crumb-selected-background: @global-selected;
@crumb-selected-text      : #f8f8f8;
@crumb-text               : @global-text;

// Scrollbars
@sb-thickness      : 12px;
@sb-thumb-border   : darken(@global-background, 10%);
@sb-thumb-color    : lighten(@global-background, 20%);
@sb-thumb-roundness: 8px;

// Console
@console-default-text: @global-text;
@console-input-text  : #f1f1f1;
@console-link        : #888;

// Timeline
@timeline-expandable-border   : lighten(@global-background, 35%);
@timeline-graph-bar           : rgba(200,200,200,.3);
@timeline-graph-bar-background: rgba(200,200,200,.2);
@timeline-overview-background : @global-background;
@timeline-overview-grid-window: @global-selected;
@timeline-resources-divider   : lighten(@global-background, 3%);

// Table/Sidebar Selections | Breakpoints
@selection-background: @global-selected;
@selection-border    : lighten(@selection-background, 15%);
@selection-text      : lighten(@global-text, 10%);

@hover-background: @global-hover;
@hover-border    : lighten(@hover-background, 10%);
@hover-text      : @global-text;

// Tables
@table-primary  : @global-background;
@table-secondary: lighten(@global-background,2%);

// Editor Properties
@cm-cursor             : #fff;
@cm-error              : #9D1E15;
@cm-gutter             : lighten(@global-background, 4%);
@cm-gutter-border      : lighten(@global-background, 5%);
@cm-gutter-lines       : lighten(@global-background, 40%);
@cm-matching-bracket   : #15ca1a;
@cm-nonmatching-bracket: #db0404;
@cm-selected           : lighten(@global-background, 10%);
@cm-whitespace         : lighten(@global-background, 5%);

// Find
@find-header-background   : lighten(@global-background, 3%);
@find-header-text         : #888;
@find-highlight-background: @global-accent;
@find-hightlight-text     : #000;

// Forms
@form-button-background: linear-gradient(@gradient-top,@gradient-bottom);
@form-button-border    : lighten(@global-background, 10%);
@form-button-pressed   : inset 0 1px 1px 0 darken(@global-background, 5%), 0 1px 1px 0 lighten(@global-background, 30%);
@form-button-text      : darken(@global-text, 10%);
@form-input-background : lighten(@global-background, 5%);
@form-input-border     : lighten(@global-background, 10%);
@form-input-text       : lighten(@global-text, 10%);
@form-label-text       : @global-text;

// Popovers
@popover-details-row-title: #49a6d2;
@popover-details-title    : #db0;
@popover-title            : #ff8b3e;
@popover-tree-border      : #888;

@popover-background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDY1NzM5QkE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY1NzM5QUE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4LICiQAAAl5JREFUeNrs3c9KVFEAwGHHmVEb6R85oLWpRArBIINo1RNEtIgmgqAnqF0v0M5WQdDGVYVU0EsEUYRERUhUCxdJVihpOZhTcztHZ6JFEQ13cet+PzjXGWFmcb45xzsgnEKSJF3Kdt2mAJIgQRIkQYIkSIIESZAgCZI6q9TpCyfqN3I9cRcrZ60kQcrHdveHhsMY/58n7jfb/WoYj+8cvTL38y+np6czhRRhamEcy/Mn/9S9C1Phx2TAepe1lTQSxvrH6+OrDz3vn7zpyxtOsbeUDB8f+xQenol/SgLW5QC1miWk0/Eyc/3RtueTD6p5XUXPrt2vjp47vLCvNh7n421cUVm5cRiKSJ/nlkp5Boo1Vr4UX999ur31tJalu7s98bI8u9DjXqyra2V+udxYWYtzuzNseZWsIJXjpdn4VkC0UdL88a9yRd+TfJkVJEGCJEiCBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAkSJFMASZAg/U3rx88U+8qJKW1NbLm7PReNrCC9iJehI7vrmwb6v+YdqHpgV7208YF9mcb5SWkhLYVxMz4YOXlwsX9wSyPPQMMnxpZaT2+l8Z6FJOlsh/rFmXabw3jYfrIwM9+bNJNcnQJTrpSbW/cOrLWBwiq6FB9k6Uy/eEzaoTDOh1HbMTqY18W0GMbtAHQ1rTdM++DFuP9OtMb+HN491gPObNpvmuZ2l6uc2CxI/1odb3eykgQJkiBBEiRBgiRIggRJkCAp830XYABd2IbZvLB5+AAAAABJRU5ErkJggg==);

@popover-arrow: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAABMCAYAAACPiIzuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMzdGN0JCRUE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMzdGN0JCREE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FMRF/AAAA6FJREFUeNrsl11IFFEUx1fdolbX/XBLM/tAt6JwtVo17CHooaAHCwvTwhJEkkgUEYyKIBCl3HwIfIko6JMUesgeLEstKwTZMtLwgyxDw7CHXfNbW+wcuXcYh5n1zp2FKBw4zJ2P/e25d84953+C5ubmdIE6gpZgfxl2ZfyOJkCp4YQwDtYF8AgoTK8VkJSUpMqzXLBn5KzJs4tgWWRcAmYDq+RZswsI6qvrML4sehRN7uWAFauFnQM7joMvTzrNw+2Doa/P1kWRZ3lgBaywUrBsHKBHnp7hFTgeav1qbL1UH0neOQ2WvxiskExFh56gR+KHA0294W5Xo036rhxM+Df0AD2RmwpM2/KhuiWCzuJoS9FhKUxYh7aKhlXogb9P3Fvbbv14/a2VXJYBcD+F2egXelfVZOt/2mVmCdbu++6IzputFnKZRWGpOMAQ6HvcYVET/f31Xaax7yMYq7vAuzUIe44P4g46RuPzUn+ygkKjwmc3ZWz3hK01/YbLh7V7rg0hbIpOc9vJFC8LMCzGPGM/kujZkrlzBEFgVeIP0MAKDN9onbanJ4hBLvBqQhoaCCzyB0RQbFq8d3PGjl8EVAGgKaWgfUFDBIGOU7sFoNlum7KnJ3pEoDIw32JZo5kAq7dmJ3vxxuCrz8Z9N44NkOcUpKoG7EWg5N4DsHLxDZgmUwpqJturmVzfloLUJsc3xAxgE4GqAYogt9v9D5S6JRX0P8GYglYsTqQHpOsQOGWCLdOkggCEFeoMLSh6DaAQCuqpeW/Sqs/OU1D3PbfVN+sL1nN6JSgkKI/m6ZFJPdfeBNAChTQ26F3OtdEBVCKnkFTDAFRIpaicQmIO2sqJuwfgdJUqJCVhw+pZJotCYoVhgdaZ4mwzhtXGWa2wGqyXKAlQrKBo4YZBbfQRcTIPRNESGm2a4a4BRJy4BGB6ghfVEHdBISLlMgXGHXIsAKreAQDE9aoQA43rLdORznXjTHEml89I1pjf7D/avq2MStkwyQ0TQYX+KsjpdGpO1wBMhpMXJVUuifAaWI9b/n4k1hVKcYaZIAbP8A+lmrSGtAUEYDE3TK4FBGABF0ypBQRgviZJJW0BAZijSZ/5awG5xJ5SC8itHOVaQE0yVNoCcsPkWkAuFYQ5ClOLtAVUDZPp3Fzizo0ZptAC+lSLPWwBY9McXsjto2SNylQrR+wppS0gD4i2iJ/ELSCAyrXkM6EF9Adi8gzTNgSkgTbtWjLtHwEGAIab1RKaLSq+AAAAAElFTkSuQmCC);

// Help/Settings Overlay
@settings-background       : #444;
@settings-border           : #444;
@settings-delimiter        : #eee;
@settings-dialog           : #333;
@settings-edit-background  : #222;
@settings-folder-background: #222;
@settings-selected         : rgba(150, 255, 150, 0.2);
@settings-text             : #333;

// Dialog [Ctrl/Cmd + O | Ctrl/Cmd + Shift + O]
@dialog-background     : lighten(@global-background, 5%);
@dialog-border         : lighten(@global-background, 20%);
@dialog-item-background: @global-background;
@dialog-item-highlight : @global-accent;
@dialog-item-text      : lighten(@global-text, 10%);

// Sources Tab
@sources-exception-all     : rgba(220,3,3,1);
@sources-exception-uncaught: rgb(213,191,0);
@sources-highlight-text    : darken(@global-background, 4%);
@sources-pane-background   : rgba(0,0,0,.8);
@sources-placeholder-text  : #999;
@sources-save-background   : @global-background;
@sources-text              : @global-text;

// Local Modifications
@history-added-text  : #7EB17E;
@history-removed-text: @global-error;

// Import Mixins
@import "_mixins";

error: pathspec 'themes/tomorrow-night.less' did not match any file(s) known to git


initial code.less - commit

initial code.less - commit

code element defaults for angstrom

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


fix moving pages on win devices using y-scroll alwasy

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


edit css

edit css

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


UI: fixed recent replies in category sidebar

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