Update

Update

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


Updated variables in brackets_codemirror_override.less.

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


Fix for #7874, also bumping up the emphasized text color.

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

/*
 * Brackets Colors
 *
 * Based on a de-saturated modification of Solarized
 *  http://ethanschoonover.com/solarized
 *
 * These are general purpose colors that can be used in defining
 * themes or UI elements. We should NEVER use color literals (e.g. #aaa)
 * elsewhere in our LESS. (Using "lighten" and "darken") functions
 * is encouraged however.

 * IMPORTANT: IF we want a UI element to be themeable, these variable
 * names should _not_ be used in its definition.
 *
 * Instead, a new semantically-meaningful variables/mixins should be added
 * to the "brackets_theme_default.less" file, and then these variables/mixins
 * should be used in the definition of the UI element
 *
 * For UI elements we do NOT want to theme, we should use these color names
 *
 * All brackets color variable names (that refer to an actual color)
 * are prefixed with "bc-" for "brackets color". This is to avoid confusion
 * with system and css color names. (We define our own colors because system
 * colors are ugly.)
 */

// use the "lighten" or "darken" function with integer multiples of this
@bc-color-step-size: 10%;

@bc-black:       #000000;
@bc-grey:        #808080;
@bc-gray:        @bc-grey; // because people spell it both ways
@bc-white:       #ffffff;

@bc-yellow:      #b58900;
@bc-orange:      #cb4b16;
@bc-red:         #dc322f;
@bc-magenta:     #d33682;
@bc-violet:      #6c71c4;
@bc-blue:        #268bd2;
@bc-light-blue:  #d8e0e8;
@bc-cyan:        #2aa198;
@bc-green:       #859900;

@bc-error:       #f74687;

// TopCoat colors and styles, putting them here for now; let me know if there's a better place for these.

@tc-icon-down:                  0.5;
@tc-disabled-opacity:           0.3;

@tc-link:                          #0083e8;
@tc-link-hover:                    #0083e8;
@tc-dropdown-shadow:               0 3px 9px rgba(0, 0, 0, 0.24);
@tc-gray-panel:                    #dfe2e2;
@tc-gray-panel-border:             rgba(0, 0, 0, 0.12);
@tc-gray-panel-bevel:              inset 0 1px 0 rgba(255, 255, 255, 0.3);
@tc-gray-panel-top-bar:            #d4d7d7;
@tc-gray-panel-top-bar-shadow:     1px solid rgba(0, 0, 0, 0.03);
@tc-gray-panel-separator:          #c3c6c5;
@tc-gray-component-border:         #b2b5b5;
@tc-gray-component-focused-border: #2893ef;
@tc-gray-component-error-border:   #fa689d;
@tc-gray-component-triangle:       #878787;
@tc-alt-component-border:          rgba(0, 0, 0, 0.24);

@tc-button-background:             #e5e9e9;
@tc-button-highlight:              inset 0 1px 0 #f3f3f3;
@tc-button-alt-highlight:          inset 0 1px 0 rgba(255, 255, 255, 0.06);
@tc-button-down-background:        #d3d7d7;
@tc-button-alt-down-background:    #404141;
@tc-button-down-shadow:            inset 0 1px 0 rgba(0, 0, 0, 0.06);
@tc-inline-border-radius:          2px;
@tc-control-border-radius:         3px;
@tc-panel-border-radius:           5px;
@tc-small-shadow-top:              0 -1px 3px rgba(0, 0, 0, 0.12);
@tc-small-shadow-bottom:           0 1px 3px rgba(0, 0, 0, 0.12);
@tc-normal-shadow-bottom:          0 5px 10px rgba(0, 0, 0, 0.21);
@tc-highlight:                     #e0f0fa;
@tc-selected-row:                  #d0d5d5;
@tc-hover-highlight:               rgba(255, 255, 255, 0.6);
@tc-text:                          #333;
@tc-emphasized-text:               #111;
@tc-quiet-text:                    #aaa;
@tc-text-shadow:                   0 1px 0 rgba(255, 255, 255, 0.75);
@tc-call-to-action:                #288edf;
@tc-call-to-action-border:         #1474bf;
@tc-call-to-action-highlight:      inset 0 1px 0 #48a0e8;
@tc-call-to-action-down:           #0380e8;
@tc-call-to-action-down-shadow:    inset 0 1px 0 rgba(0,0,0,0.12);
@tc-call-to-action-text:           #ffffff;
@tc-call-to-action-text-shadow:    0 -1px 0 rgba(0,0,0,0.36);
@tc-input-background:              #ffffff;
@tc-input-border:                  #b2b5b5;
@tc-input-inner-shadow:            inset 0 1px 0 rgba(0, 0, 0, 0.06);
@tc-input-placeholder-text:        #888;
@tc-input-glow:                    0 0 0 1px #94ceff;
@tc-input-error-glow:              0 0 0 1px #ffb0cd;
@tc-light-weight-text:             #000;
@tc-light-weight-quiet-text:       #777;
@tc-warning-background:            #FDF5CC;
@tc-warning-text:                  #635301;
@tc-error-text:                    #F74687;
@tc-lighter-gray:                  #e6e9e9;
@tc-sidebar-selection:             #2D2E30;
@tc-sidebar-selection-highlight:   rgba(255, 255, 255, 0.12);
@tc-sidebar-selection-shadow:      rgba(0, 0, 0, 0.12);

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

/*
 * Brackets Colors
 *
 * Based on a de-saturated modification of Solarized
 *  http://ethanschoonover.com/solarized
 *
 * These are general purpose colors that can be used in defining
 * themes or UI elements. We should NEVER use color literals (e.g. #aaa)
 * elsewhere in our LESS. (Using "lighten" and "darken") functions
 * is encouraged however.

 * IMPORTANT: IF we want a UI element to be themeable, these variable
 * names should _not_ be used in its definition.
 *
 * Instead, a new semantically-meaningful variables/mixins should be added
 * to the "brackets_theme_default.less" file, and then these variables/mixins
 * should be used in the definition of the UI element
 *
 * For UI elements we do NOT want to theme, we should use these color names
 *
 * All brackets color variable names (that refer to an actual color)
 * are prefixed with "bc-" for "brackets color". This is to avoid confusion
 * with system and css color names. (We define our own colors because system
 * colors are ugly.)
 */

// use the "lighten" or "darken" function with integer multiples of this
@bc-color-step-size: 10%;

@bc-black:       #000000;
@bc-grey:        #808080;
@bc-gray:        @bc-grey; // because people spell it both ways
@bc-white:       #ffffff;

@bc-yellow:      #b58900;
@bc-orange:      #cb4b16;
@bc-red:         #dc322f;
@bc-magenta:     #d33682;
@bc-violet:      #6c71c4;
@bc-blue:        #268bd2;
@bc-light-blue:  #d8e0e8;
@bc-cyan:        #2aa198;
@bc-green:       #859900;

@bc-error:       #f74687;

// TopCoat colors and styles, putting them here for now; let me know if there's a better place for these.

@tc-icon-down:                  0.5;
@tc-disabled-opacity:           0.3;

@tc-link:                          #0083e8;
@tc-link-hover:                    #0083e8;
@tc-dropdown-shadow:               0 3px 9px rgba(0, 0, 0, 0.24);
@tc-gray-panel:                    #dfe2e2;
@tc-gray-panel-border:             rgba(0, 0, 0, 0.12);
@tc-gray-panel-bevel:              inset 0 1px 0 rgba(255, 255, 255, 0.3);
@tc-gray-panel-top-bar:            #d4d7d7;
@tc-gray-panel-top-bar-shadow:     1px solid rgba(0, 0, 0, 0.03);
@tc-gray-panel-separator:          #c3c6c5;
@tc-gray-component-border:         #b2b5b5;
@tc-gray-component-focused-border: #2893ef;
@tc-gray-component-error-border:   #fa689d;
@tc-gray-component-triangle:       #878787;
@tc-alt-component-border:          rgba(0, 0, 0, 0.24);

@tc-button-background:             #e5e9e9;
@tc-button-highlight:              inset 0 1px 0 #f3f3f3;
@tc-button-alt-highlight:          inset 0 1px 0 rgba(255, 255, 255, 0.06);
@tc-button-down-background:        #d3d7d7;
@tc-button-alt-down-background:    #404141;
@tc-button-down-shadow:            inset 0 1px 0 rgba(0, 0, 0, 0.06);
@tc-inline-border-radius:          2px;
@tc-control-border-radius:         3px;
@tc-panel-border-radius:           5px;
@tc-small-shadow-top:              0 -1px 3px rgba(0, 0, 0, 0.12);
@tc-small-shadow-bottom:           0 1px 3px rgba(0, 0, 0, 0.12);
@tc-normal-shadow-bottom:          0 5px 10px rgba(0, 0, 0, 0.21);
@tc-highlight:                     #e0f0fa;
@tc-selected-row:                  #d0d5d5;
@tc-hover-highlight:               rgba(255, 255, 255, 0.6);
@tc-text:                          #454545;
@tc-emphasized-text:               #333;
@tc-quiet-text:                    #aaa;
@tc-text-shadow:                   0 1px 0 rgba(255, 255, 255, 0.75);
@tc-call-to-action:                #288edf;
@tc-call-to-action-border:         #1474bf;
@tc-call-to-action-highlight:      inset 0 1px 0 #48a0e8;
@tc-call-to-action-down:           #0380e8;
@tc-call-to-action-down-shadow:    inset 0 1px 0 rgba(0,0,0,0.12);
@tc-call-to-action-text:           #ffffff;
@tc-call-to-action-text-shadow:    0 -1px 0 rgba(0,0,0,0.36);
@tc-input-background:              #ffffff;
@tc-input-border:                  #b2b5b5;
@tc-input-inner-shadow:            inset 0 1px 0 rgba(0, 0, 0, 0.06);
@tc-input-placeholder-text:        #888;
@tc-input-glow:                    0 0 0 1px #94ceff;
@tc-input-error-glow:              0 0 0 1px #ffb0cd;
@tc-light-weight-text:             #000;
@tc-light-weight-quiet-text:       #777;
@tc-warning-background:            #FDF5CC;
@tc-warning-text:                  #635301;
@tc-error-text:                    #F74687;
@tc-lighter-gray:                  #e6e9e9;
@tc-sidebar-selection:             #2D2E30;
@tc-sidebar-selection-highlight:   rgba(255, 255, 255, 0.12);
@tc-sidebar-selection-shadow:      rgba(0, 0, 0, 0.12);


Use auto table-layout

Use auto table-layout

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow-y: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow-y: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;
    table-layout: fixed;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}


no message

no message

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


Add inline-block

Add inline-block

@import "ui-variables";

.block {
  display: block;
  margin-bottom: @component-padding;
}
div > .block:last-child {
  margin-bottom: 0;
}

.inline-block, .inline-block-tight {
  display: inline-block;
  vertical-align: middle;
}
.inline-block {
  margin-right: @component-padding;
}
.inline-block-tight {
  margin-right: @component-padding/2;
}
div > .inline-block:last-child, div > .inline-block-tight:last-child {
  margin-right: 0;
}

@import "ui-variables";

.block {
  margin-bottom: @component-padding;
}

div > .block:last-child {
  margin-bottom: 0;
}


moved the padding from li to the anchor and expanded the last one to fix the li content, so the li is clickable

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


fix style for acp

fix style for acp

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


CSS type fixes for cases

CSS type fixes for cases

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


Update icons.less

Update icons.less

Added class for sass

@import "icon-colors";
@import "icon-font";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SLECTOR OF FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e612';
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px;
    color: @color-default;
  }

}

// CSS
.name.icon[data-name*=".css"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-css;
  }

}

// HANDLEBARS
.name.icon[data-name*=".hbs"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-handlebars;
  }
}

// HIDDEN FILES - .GITIGNORE, CONFIG, DS_STORE
.name.icon[data-name*=".gitignore"], .name.icon[data-name*=".config"], .name.icon[data-name*=".DS_Store"],{
  position: relative;
  display: inline-block;
  top:-5px;
  padding: 0;
  color: @color-hidden;

  &:before {
    font-family: icomoon;
    content: '\e615';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-hidden;
  }
}

// HTML
.name.icon[data-name*=".html"], .name.icon[data-name*=".htm"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-html;
  }
}

// IMAGES
.name.icon[data-name*=".ai"],
.name.icon[data-name*=".gif"],
.name.icon[data-name*=".jpeg"],
.name.icon[data-name*=".jpg"],
.name.icon[data-name*=".png"],
.name.icon[data-name*=".psd"],
.name.icon[data-name*=".svg"],
.name.icon[data-name*=".svgx"] {

  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e60d';
    font-size: 18px;
    position: relative;
    top: 5px;
    left: -2px;
    color: @color-img;
  }
}

// JADE
.name.icon[data-name*=".jade"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-jade;
  }
}

// JAVASCRIPT
.name.icon[data-name*=".js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60c';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-js;
  }
}

// COFFEESCRIPT
.name.icon[data-name*=".coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e61b';
    font-size: 22px;
    position: relative;
    top: 8px;
    left: -2px;
    color: @color-coffee;
  }
}

// JSON
.name.icon[data-name*=".json"],
.name.icon[data-name*=".cson"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60b';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-json;
  }
}

// LESS
.name.icon[data-name*=".less"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-less;
  }

}

// MARKDOWN
.name.icon[data-name*=".md"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e609';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-md;
  }
}

// MUSTACHE
.name.icon[data-name*=".mustache"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-mustache;
  }
}

// PHP
.name.icon[data-name*=".php"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e608';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-php;
  }
}

// PYTHON
.name.icon[data-name*=".py"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e606';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-python;
  }
}

// RUBY
.name.icon[data-name*=".rb"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e604';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-ruby;
  }
}

// SASS
.name.icon[data-name*=".sass"],
.name.icon[data-name*=".scss"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e603';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-sass;
  }
}

// STYLUS
.name.icon[data-name*=".styl"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e600';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-styl;
  }
}

// - - - - - - - - - - - - - - - - -
//  ICONS BASED ON NAME VS EXTENSION
// - - - - - - - - - - - - - - - - -

// BOWER
.name.icon[data-name*="BOWER.json"],
.name.icon[data-name*="Bower.json"],
.name.icon[data-name*="bower.json"],
.name.icon[data-name*="BOWER.cson"],
.name.icon[data-name*="Bower.cson"],
.name.icon[data-name*="bower.cson"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-bower;
    content: '\e61a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// GRUNT
.name.icon[data-name*="GRUNTFILE.js"],
.name.icon[data-name*="Gruntfile.js"],
.name.icon[data-name*="gruntfile.js"],
.name.icon[data-name*="GRUNTFILE.coffee"],
.name.icon[data-name*="Gruntfile.coffee"],
.name.icon[data-name*="gruntfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e611';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-grunt;
  }
}

// GULP
.name.icon[data-name*="GULPFILE.js"],
.name.icon[data-name*="Gulpfile.js"],
.name.icon[data-name*="gulpfile.js"],
.name.icon[data-name*="GULPFILE.coffee"],
.name.icon[data-name*="Gulpfile.coffee"],
.name.icon[data-name*="gulpfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -5px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e610';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-gulp;
  }
}

// LICENSE
.name.icon[data-name*="LICENSE"],
.name.icon[data-name*="License"],
.name.icon[data-name*="license"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    color: @color-license;
    content: '\e60a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// NPM
.name.icon[data-name*="npm-debug.log"],
.name.icon[data-name*=".npmignore"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-npm;
    content: '\e616';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// PROCFILE
.name.icon[data-name*="PROCFILE"],
.name.icon[data-name*="Procfile"],
.name.icon[data-name*="procfile"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e607';
    font-size: 20px;
    position: relative;
    top: 5px;
    left: -3px;
    color: @color-procfile;
  }
}

// XML
.name.icon[data-name*=".xml"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-xml;
    content: '\e619';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-added;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-modified;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }

@import "icon-colors";
@import "icon-font";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SLECTOR OF FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e612';
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px;
    color: @color-default;
  }

}

// CSS
.name.icon[data-name*=".css"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-css;
  }

}

// HANDLEBARS
.name.icon[data-name*=".hbs"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-handlebars;
  }
}

// HIDDEN FILES - .GITIGNORE, CONFIG, DS_STORE
.name.icon[data-name*=".gitignore"], .name.icon[data-name*=".config"], .name.icon[data-name*=".DS_Store"],{
  position: relative;
  display: inline-block;
  top:-5px;
  padding: 0;
  color: @color-hidden;

  &:before {
    font-family: icomoon;
    content: '\e615';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-hidden;
  }
}

// HTML
.name.icon[data-name*=".html"], .name.icon[data-name*=".htm"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-html;
  }
}

// IMAGES
.name.icon[data-name*=".ai"],
.name.icon[data-name*=".gif"],
.name.icon[data-name*=".jpeg"],
.name.icon[data-name*=".jpg"],
.name.icon[data-name*=".png"],
.name.icon[data-name*=".psd"],
.name.icon[data-name*=".svg"],
.name.icon[data-name*=".svgx"] {

  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e60d';
    font-size: 18px;
    position: relative;
    top: 5px;
    left: -2px;
    color: @color-img;
  }
}

// JADE
.name.icon[data-name*=".jade"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-jade;
  }
}

// JAVASCRIPT
.name.icon[data-name*=".js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60c';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-js;
  }
}

// COFFEESCRIPT
.name.icon[data-name*=".coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e61b';
    font-size: 22px;
    position: relative;
    top: 8px;
    left: -2px;
    color: @color-coffee;
  }
}

// JSON
.name.icon[data-name*=".json"],
.name.icon[data-name*=".cson"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60b';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-json;
  }
}

// LESS
.name.icon[data-name*=".less"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-less;
  }

}

// MARKDOWN
.name.icon[data-name*=".md"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e609';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-md;
  }
}

// MUSTACHE
.name.icon[data-name*=".mustache"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-mustache;
  }
}

// PHP
.name.icon[data-name*=".php"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e608';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-php;
  }
}

// PYTHON
.name.icon[data-name*=".py"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e606';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-python;
  }
}

// RUBY
.name.icon[data-name*=".rb"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e604';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-ruby;
  }
}

// SASS
.name.icon[data-name*=".scss"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e603';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-sass;
  }
}

// STYLUS
.name.icon[data-name*=".styl"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e600';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-styl;
  }
}

// - - - - - - - - - - - - - - - - -
//  ICONS BASED ON NAME VS EXTENSION
// - - - - - - - - - - - - - - - - -

// BOWER
.name.icon[data-name*="BOWER.json"],
.name.icon[data-name*="Bower.json"],
.name.icon[data-name*="bower.json"],
.name.icon[data-name*="BOWER.cson"],
.name.icon[data-name*="Bower.cson"],
.name.icon[data-name*="bower.cson"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-bower;
    content: '\e61a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// GRUNT
.name.icon[data-name*="GRUNTFILE.js"],
.name.icon[data-name*="Gruntfile.js"],
.name.icon[data-name*="gruntfile.js"],
.name.icon[data-name*="GRUNTFILE.coffee"],
.name.icon[data-name*="Gruntfile.coffee"],
.name.icon[data-name*="gruntfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e611';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-grunt;
  }
}

// GULP
.name.icon[data-name*="GULPFILE.js"],
.name.icon[data-name*="Gulpfile.js"],
.name.icon[data-name*="gulpfile.js"],
.name.icon[data-name*="GULPFILE.coffee"],
.name.icon[data-name*="Gulpfile.coffee"],
.name.icon[data-name*="gulpfile.coffee"] {

  position: relative;
  display: inline-block;
  top: -5px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e610';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-gulp;
  }
}

// LICENSE
.name.icon[data-name*="LICENSE"],
.name.icon[data-name*="License"],
.name.icon[data-name*="license"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    color: @color-license;
    content: '\e60a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// NPM
.name.icon[data-name*="npm-debug.log"],
.name.icon[data-name*=".npmignore"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-npm;
    content: '\e616';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// PROCFILE
.name.icon[data-name*="PROCFILE"],
.name.icon[data-name*="Procfile"],
.name.icon[data-name*="procfile"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e607';
    font-size: 20px;
    position: relative;
    top: 5px;
    left: -3px;
    color: @color-procfile;
  }
}

// XML
.name.icon[data-name*=".xml"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-xml;
    content: '\e619';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-added;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-modified;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }


Fix text-align on Read More link

Fix text-align on Read More link

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


Fix link area in dropdown menu, close #535

@import "../mixins/index";
@dropdown-prefix-cls: ~"@{css-prefix}dropdown";

.@{dropdown-prefix-cls} {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 4px;

  &-wrap {
    position: relative;

    .@{btn-prefix-cls} > .@{iconfont-css-prefix}-down {
      .iconfont-size-under-12px(10px);
    }

    .anticon-down:before {
      transition: transform 0.2s ease;
    }
  }

  &-wrap-open {
    .anticon-down:before {
      .rotate(180deg);
    }
  }

  &-hidden {
    display: none;
  }

  &-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: #fff;
    border-radius: @border-radius-base;
    box-shadow: @overlay-shadow;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    overflow: hidden;

    > li {
      margin: 0;
      padding: 0;
    }

    & > &-item {
      padding: 7px 16px;
      clear: both;
      font-size: 12px;
      font-weight: normal;
      color: #666;
      white-space: nowrap;
      cursor: pointer;
      transition: background 0.3s ease;

      > a {
        color: #666;
        display: block;
        padding: 7px 16px;
        margin: -7px -16px;
      }

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

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

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

      &:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

      &:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

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

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

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

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

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

.@{dropdown-prefix-cls}-link {
  .anticon-down {
    .iconfont-size-under-12px(7px);
    font-weight: bold;
    vertical-align: top;
  }
}

@import "../mixins/index";
@dropdown-prefix-cls: ~"@{css-prefix}dropdown";

.@{dropdown-prefix-cls} {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 4px;

  &-wrap {
    position: relative;

    .@{btn-prefix-cls} > .@{iconfont-css-prefix}-down {
      .iconfont-size-under-12px(10px);
    }

    .anticon-down:before {
      transition: transform 0.2s ease;
    }
  }

  &-wrap-open {
    .anticon-down:before {
      .rotate(180deg);
    }
  }

  &-hidden {
    display: none;
  }

  &-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: #fff;
    border-radius: @border-radius-base;
    box-shadow: @overlay-shadow;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    overflow: hidden;

    > li {
      margin: 0;
      padding: 0;
    }

    & > &-item {
      padding: 7px 16px;
      clear: both;
      font-size: 12px;
      font-weight: normal;
      color: #666;
      white-space: nowrap;
      cursor: pointer;
      transition: background 0.3s ease;

      a {
        color: #666;
      }

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

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

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

      &:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

      &:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }

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

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

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

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

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

.@{dropdown-prefix-cls}-link {
  .anticon-down {
    .iconfont-size-under-12px(7px);
    font-weight: bold;
    vertical-align: top;
  }
}


Revert to single media query for webkit becuase less can't compile multiple media queries

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


Remove unused class

Remove unused class

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


Restyle the key-bindings

Restyle the key-bindings

fatal: unable to access 'https://github.com/Zeioth/atom-visual-studio-code-ui.git/': The requested URL returned error: 403


Increased to 19 pixels based on feedback

// item-list
// -------------------------

.umb-item-list {
	margin: 0px;
	width: auto;
	display: block
}
.umb-item-list li {
	display: block;
	width: auto;
	display: block
}

// Tree
// -------------------------

.umb-tree {
	margin: 0px;
	min-width: 100%;
	width: auto;
}

.umb-tree li {
	display: block;
	min-width: 100%;
	width: auto;
	display: block
}
.umb-tree li.current > div, .umb-tree div.selected {
	background: @blue;
}
.umb-tree li.current > div a.umb-options i, .umb-tree div.selected i{
	background: #fff;
	border-color: @blue;
}
.umb-tree li.current > div a,
.umb-tree li.current > div i.icon{
	color: white !important;
	background: @blue;
	border-color: @blue;
}
.umb-tree li.root > div {
	padding-left: 20px;
}

.umb-tree li.root > div h5 {
	margin-top: 10px;
}

.umb-tree * {
	white-space: nowrap
}
.umb-tree ul {
	padding: 0px;
	margin: 0px;
	min-width: 100%;
	width: 100%;
	//display: table
}

.umb-tree ul.collapsed {
    display:none;
}

.umb-tree a {
	vertical-align: middle;
	display: inline-block;
    cursor:pointer;
}

.umb-tree a:hover {
	text-decoration: none
}

.umb-tree div {
	vertical-align: middle;
	padding: 5px 0 5px 0;
	position: relative;
	overflow: hidden;
}

.umb-tree a.noSpr {
	background-position: 0
}

.umb-tree div > a.umb-options {
	visibility: hidden;
}
.umb-tree div:hover > a.umb-options {
	visibility: visible;
}

.umb-tree li.root > div a, .umb-tree li.root h5, .umb-tree-header {
	text-transform: uppercase;
	color: #b3b3b3;
	font-weight: bold;
	font-size: 13px;
}

.umb-tree ins {
	vertical-align: middle;
	margin: -4px 0 0 -16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	visibility: hidden;
	text-decoration: none;
}
.umb-tree li:hover ins {
	visibility: visible;
	cursor: pointer
}

.umb-tree ins {
	font-size: 12px;
}

.umb-tree .icon {
	vertical-align: middle;
	margin: 1px 13px 1px 0px;
	color: #21201C;
	font-size: 19px;
}
.umb-tree i.noSpr {
	display: inline-block;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

.umb-tree div:hover {
	background: @grayLighter
}

.umb-tree small.search-subtitle{
	color: @grayLight;
	display: block;
	padding-left: 35px;
}

.umb-tree .umb-tree-node-search {
    cursor:pointer;
    /*color:@turquoise;*/
}

.icon-check:before {
	content: "\e165";
}

.umb-tree .umb-tree-node-checked i {
    color:@blue !important;
}
.umb-tree .umb-tree-node-checked i:before {
	/*check box*/
    content: "\e165" !important;
}

a.umb-options {
	visibility: hidden;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 3px;
	padding: 0 3px 3px 5px;
	border: 1px solid transparent;
}

a.umb-options i {
	height: 5px !important;
	width: 5px !important;
	border-radius: 20px;
	background: @black;
	display: inline-block;
	margin: 0 2px 0 0;
}

a.umb-options:hover {
	background: @btnBackgroundHighlight;
	border: 1px solid @grayLight;
	.border-radius(@baseBorderRadius);
}

li.root > div > a.umb-options {
    top: 13px;
}

.hide-options a.umb-options{display: none !important}
.hide-header h5{display: none !important}

.umb-icon-item {
	padding: 2px;
	padding-left: 55px;
	display: block;
	position: relative;
}

.umb-icon-item:hover {
	background: #f8f8f8
}
.umb-icon-item i.icon {
	position: absolute;
	top: 8px;
	left: 19px;
}
.umb-icon-item a:hover div {
	text-decoration: underline;
}

.umb-icon-item a {
	color: #525252;
	padding-top: 3px;
	height: 15px;
	font-size: 12px;
	text-decoration: none;
}
.umb-icon-item small {
	color: #999;
	font-size: 10px;
	display: block
}
.umb-icon-item:hover a.umb-options {
	visibility: visible
}
.umb-icon-item .umb-spr {
	float: left
}

// Tree item states
// -------------------------
div.not-published > i.icon,div.not-published > a{
	opacity: 0.6;
}
div.protected:before{
	content:"\e256";
	font-family: 'icomoon';
	color: @red;
	position: absolute;
	font-size: 20px;
	padding-left: 7px;
	padding-top: 7px;
}

div.has-unpublished-version:before{
	content:"\e25a";
	font-family: 'icomoon';
	color: @green;
	position: absolute;
	font-size: 20px;
	padding-left: 7px;
	padding-top: 7px;
}

div.not-allowed > i.icon,div.not-allowed > a{
	cursor: not-allowed;
}

// override small icon color
.umb-tree li.current > div:before {
	color: @blueLight;
}
div.is-container:before{
	content:"\e04e";
	font-family: 'icomoon';
	color: @turquoise;
	position: absolute;
	font-size: 8px;
	padding-left: 13px;
	padding-top: 8px;
}

div.locked:before{
	content:"\e0a7";
	font-family: 'icomoon';
	color: @red;
	position: absolute;
	font-size: 20px;
	padding-left: 7px;
	padding-top: 7px;
}

// Tree context menu
// -------------------------
.umb-actions {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	list-style: none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.umb-actions ul {
}

.umb-actions li.sep {
	margin-top: 4px;
	display: block;
	border-top: 1px solid #efefef;
}
.umb-actions li.sep a {
	margin-top: 4px;
}
.umb-actions a {
	white-space: nowrap;
	display: block;
	font-size: 14px;
	color: @black;
	padding: 4px 25px 4px 20px;
	text-decoration: none;
	cursor: pointer;
}
.umb-actions a:hover, .umb-actions a:focus,
.umb-actions li.selected {
	color: @black !important;
	background: @grayLighter !important;
}

.umb-actions .menu-label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	padding-top: 2px;
}
.umb-actions i {
	color: #999;
	margin-top: 2px;
	font-size: 18px;
	vertical-align: middle;
	color: #414141
}

.umb-actions-child {
	list-style: none;
	display: block;
	margin: 0px;
}

.umb-actions-child li {
	display: block;
}

.umb-actions-child a {
	display: block;
	clear: both;
	text-decoration: none;
	padding-left: 10px;
}
.umb-actions-child li .menu-label {
	font-size: 12px;
	margin-bottom: 10px;
	color: #000;
	margin-left: 20px;
}

.umb-actions-child li .menu-label small {
	font-size: 12px;
	display: block;
	clear: right;
	line-height: 14px;
	color: #ccc;
	white-space: normal;
}
.umb-actions-child li a:hover .menuLabel small {
	text-decoration: none !important
}
.umb-actions-child i {
	font-size: 32px;
}

.umb-actions-child li.add {
	margin-top: 20px;
	border-top: 1px solid #e9e9e9;
	padding-top: 20px;
}
.umb-actions-child li.add i {
	opacity: 0.4;
}

// Tree icon colors
// -------------------------

.umb-tree i.icon.blue {
	color: @blue;
}
.umb-tree i.icon.green {
	color: @green;
}
.umb-tree i.icon.purple {
	color: @purple
}
.umb-tree i.icon.orange {
	color: @orange;
}
.umb-tree i.icon.red {
	color: @red;
}

// Loading Animation
// ------------------------

.umb-tree li div.l{
width:100%;
height:1px;
overflow:hidden;
}

.umb-tree li div.l div {
    .umb-loader;
}

//loader defaults
.umb-tree .umb-loader{
	height: 10px; margin: 10px 10px 10px 10px;
}

/*body.touch .umb-tree .icon{font-size: 19px;}*/
body.touch .umb-tree ins{font-size: 14px; visibility: visible; padding: 7px;}
body.touch .umb-tree li div {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 110%;
}

body.touch .umb-actions a{
	padding: 7px 25px 7px 20px;
	font-size: 110%;
}

body.touch a.umb-options i {margin-top: 20px;}

// item-list
// -------------------------

.umb-item-list {
	margin: 0px;
	width: auto;
	display: block
}
.umb-item-list li {
	display: block;
	width: auto;
	display: block
}

// Tree
// -------------------------

.umb-tree {
	margin: 0px;
	min-width: 100%;
	width: auto;
}

.umb-tree li {
	display: block;
	min-width: 100%;
	width: auto;
	display: block
}
.umb-tree li.current > div, .umb-tree div.selected {
	background: @blue;
}
.umb-tree li.current > div a.umb-options i, .umb-tree div.selected i{
	background: #fff;
	border-color: @blue;
}
.umb-tree li.current > div a,
.umb-tree li.current > div i.icon{
	color: white !important;
	background: @blue;
	border-color: @blue;
}
.umb-tree li.root > div {
	padding-left: 20px;
}

.umb-tree li.root > div h5 {
	margin-top: 10px;
}

.umb-tree * {
	white-space: nowrap
}
.umb-tree ul {
	padding: 0px;
	margin: 0px;
	min-width: 100%;
	width: 100%;
	//display: table
}

.umb-tree ul.collapsed {
    display:none;
}

.umb-tree a {
	vertical-align: middle;
	display: inline-block;
    cursor:pointer;
}

.umb-tree a:hover {
	text-decoration: none
}

.umb-tree div {
	vertical-align: middle;
	padding: 5px 0 5px 0;
	position: relative;
	overflow: hidden;
}

.umb-tree a.noSpr {
	background-position: 0
}

.umb-tree div > a.umb-options {
	visibility: hidden;
}
.umb-tree div:hover > a.umb-options {
	visibility: visible;
}

.umb-tree li.root > div a, .umb-tree li.root h5, .umb-tree-header {
	text-transform: uppercase;
	color: #b3b3b3;
	font-weight: bold;
	font-size: 13px;
}

.umb-tree ins {
	vertical-align: middle;
	margin: -4px 0 0 -16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	visibility: hidden;
	text-decoration: none;
}
.umb-tree li:hover ins {
	visibility: visible;
	cursor: pointer
}

.umb-tree ins {
	font-size: 12px;
}

.umb-tree .icon {
	vertical-align: middle;
	margin: 1px 13px 1px 0px;
	color: #21201C;
	font-size: 17px;
}
.umb-tree i.noSpr {
	display: inline-block;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

.umb-tree div:hover {
	background: @grayLighter
}

.umb-tree small.search-subtitle{
	color: @grayLight;
	display: block;
	padding-left: 35px;
}

.umb-tree .umb-tree-node-search {
    cursor:pointer;
    /*color:@turquoise;*/
}

.icon-check:before {
	content: "\e165";
}

.umb-tree .umb-tree-node-checked i {
    color:@blue !important;
}
.umb-tree .umb-tree-node-checked i:before {
	/*check box*/
    content: "\e165" !important;
}

a.umb-options {
	visibility: hidden;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 3px;
	padding: 0 3px 3px 5px;
	border: 1px solid transparent;
}

a.umb-options i {
	height: 5px !important;
	width: 5px !important;
	border-radius: 20px;
	background: @black;
	display: inline-block;
	margin: 0 2px 0 0;
}

a.umb-options:hover {
	background: @btnBackgroundHighlight;
	border: 1px solid @grayLight;
	.border-radius(@baseBorderRadius);
}

li.root > div > a.umb-options {
    top: 13px;
}

.hide-options a.umb-options{display: none !important}
.hide-header h5{display: none !important}

.umb-icon-item {
	padding: 2px;
	padding-left: 55px;
	display: block;
	position: relative;
}

.umb-icon-item:hover {
	background: #f8f8f8
}
.umb-icon-item i.icon {
	position: absolute;
	top: 8px;
	left: 19px;
}
.umb-icon-item a:hover div {
	text-decoration: underline;
}

.umb-icon-item a {
	color: #525252;
	padding-top: 3px;
	height: 15px;
	font-size: 12px;
	text-decoration: none;
}
.umb-icon-item small {
	color: #999;
	font-size: 10px;
	display: block
}
.umb-icon-item:hover a.umb-options {
	visibility: visible
}
.umb-icon-item .umb-spr {
	float: left
}

// Tree item states
// -------------------------
div.not-published > i.icon,div.not-published > a{
	opacity: 0.6;
}
div.protected:before{
	content:"\e256";
	font-family: 'icomoon';
	color: @red;
	position: absolute;
	font-size: 20px;
	padding-left: 7px;
	padding-top: 7px;
}

div.has-unpublished-version:before{
	content:"\e25a";
	font-family: 'icomoon';
	color: @green;
	position: absolute;
	font-size: 20px;
	padding-left: 7px;
	padding-top: 7px;
}

div.not-allowed > i.icon,div.not-allowed > a{
	cursor: not-allowed;
}

// override small icon color
.umb-tree li.current > div:before {
	color: @blueLight;
}
div.is-container:before{
	content:"\e04e";
	font-family: 'icomoon';
	color: @turquoise;
	position: absolute;
	font-size: 8px;
	padding-left: 13px;
	padding-top: 8px;
}

div.locked:before{
	content:"\e0a7";
	font-family: 'icomoon';
	color: @red;
	position: absolute;
	font-size: 20px;
	padding-left: 7px;
	padding-top: 7px;
}

// Tree context menu
// -------------------------
.umb-actions {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	list-style: none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.umb-actions ul {
}

.umb-actions li.sep {
	margin-top: 4px;
	display: block;
	border-top: 1px solid #efefef;
}
.umb-actions li.sep a {
	margin-top: 4px;
}
.umb-actions a {
	white-space: nowrap;
	display: block;
	font-size: 14px;
	color: @black;
	padding: 4px 25px 4px 20px;
	text-decoration: none;
	cursor: pointer;
}
.umb-actions a:hover, .umb-actions a:focus,
.umb-actions li.selected {
	color: @black !important;
	background: @grayLighter !important;
}

.umb-actions .menu-label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	padding-top: 2px;
}
.umb-actions i {
	color: #999;
	margin-top: 2px;
	font-size: 18px;
	vertical-align: middle;
	color: #414141
}

.umb-actions-child {
	list-style: none;
	display: block;
	margin: 0px;
}

.umb-actions-child li {
	display: block;
}

.umb-actions-child a {
	display: block;
	clear: both;
	text-decoration: none;
	padding-left: 10px;
}
.umb-actions-child li .menu-label {
	font-size: 12px;
	margin-bottom: 10px;
	color: #000;
	margin-left: 20px;
}

.umb-actions-child li .menu-label small {
	font-size: 12px;
	display: block;
	clear: right;
	line-height: 14px;
	color: #ccc;
	white-space: normal;
}
.umb-actions-child li a:hover .menuLabel small {
	text-decoration: none !important
}
.umb-actions-child i {
	font-size: 32px;
}

.umb-actions-child li.add {
	margin-top: 20px;
	border-top: 1px solid #e9e9e9;
	padding-top: 20px;
}
.umb-actions-child li.add i {
	opacity: 0.4;
}

// Tree icon colors
// -------------------------

.umb-tree i.icon.blue {
	color: @blue;
}
.umb-tree i.icon.green {
	color: @green;
}
.umb-tree i.icon.purple {
	color: @purple
}
.umb-tree i.icon.orange {
	color: @orange;
}
.umb-tree i.icon.red {
	color: @red;
}

// Loading Animation
// ------------------------

.umb-tree li div.l{
width:100%;
height:1px;
overflow:hidden;
}

.umb-tree li div.l div {
    .umb-loader;
}

//loader defaults
.umb-tree .umb-loader{
	height: 10px; margin: 10px 10px 10px 10px;
}

body.touch .umb-tree .icon{font-size: 17px;}
body.touch .umb-tree ins{font-size: 14px; visibility: visible; padding: 7px;}
body.touch .umb-tree li div {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 110%;
}

body.touch .umb-actions a{
	padding: 7px 25px 7px 20px;
	font-size: 110%;
}

body.touch a.umb-options i {margin-top: 20px;}


Reduce logo accueil

Reduce logo accueil

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/GregDesplaces/classe-1914.git/'


Add lesscss implementation for pygments.

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


Tweaking tab colors

Tweaking tab colors

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


Update

Update

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/Didichaoren/Didichaoren.github.io.git/'


Update

Update


Highlight invisibles in cursor line

Highlight invisibles in cursor line

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


got rid of non-used styles

got rid of non-used 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/diminishedprime/dotfiles.git/'


Added effects.less

Added effects.less

fatal: unable to access 'https://github.com/limestudios/limestudios-site.git/': The requested URL returned error: 403


Main files

Main files

/*=============
  Framework 7
=============*/
@import url('mixins.less');
@import url('intro.less');
@import url('grid.less');
@import url('views.less');
@import url('pages.less');
@import url('toolbars.less');
@import url('toolbars-pages.less');
@import url('searchbar.less');
@import url('messagebar.less');
@import url('icons.less');
@import url('badges.less');
@import url('content-block.less');
@import url('lists.less');
@import url('contacts.less');
@import url('forms.less');
@import url('accordion.less');
@import url('modals.less');
@import url('panels.less');
@import url('tabs.less');
@import url('messages.less');
@import url('statusbar.less');
@import url('preloader.less');
@import url('pull-to-refresh.less');
@import url('slider.less');
@import url('photo-browser.less');
@import url('notifications.less');
@import url('login-screen.less');
@import url('disabled.less');

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


Create python.less

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


Added margin to the arrows

Added margin to the arrows

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


Updated colors for smart autocomplete

Updated colors for smart autocomplete

/*
 * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */

/*
 * This file first imports all of the shared LESS/CSS, and then defines
 * version-specific layout (e.g. layout for the App shell, or layout for
 * the In-Browser version on Firefox).
 *
 * Going forward, we may have different versions of this file for different
 * Versions (e.g. App, In-Browser, etc.)
 *
 * Anything that is general/reusable should be pushed up into a LESS file
 * in the "styles" directory. See "brackets_shared.less" for the organization
 *
 * Date: @DATE
 */

/* IMPORTANT: importing brackets_shared should be the first step in this file
 * This is so that imported CSS files (NOT LESS files) end up in the
 * right place
 */
@import "brackets_shared.less";

/* Overall layout */

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

    /* Turn off selection for UI elements */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    /* And make sure we get a pointer cursor even over text */
    cursor: default;
}

body {
    .vbox;

    /* This appears to be necessary in Firefox when body is set to display: box. */
    width: 100%;
    &.resizing a, &.resizing #projects a, &.resizing .main-view, &.resizing .CodeMirror-lines {
        cursor: col-resize;
    }
}

a, img {
    -webkit-user-drag: none;
}

.main-view {
    .hbox;
    .box-flex(1);

    .sidebar {
        .vbox;
        width: @sidebar-width;
    }

    .content {
        .vbox;
        .box-flex(1);
    }
}

.toolbar {
    /* make sure the shadow goes above other items */
    z-index: @z-index-brackets-toolbar;
}

#editor-holder {
    .vbox;
    .box-flex(1);
    position: relative;

    /* Placeholder shown when there is no editor open */
    #not-editor {
        .box-flex(1);
        .vbox;
        .box-pack(center);
        .box-align(center);
        background: @background-color-2 url('images/no_content_bg.svg') no-repeat center 45%;
    }
}

.bottom-panel {
    display: none;
    height: 200px;
    border-top-style: solid;
    border-width: 1px;
    border-color: lighten(@bc-grey, @bc-color-step-size*4);

    .toolbar {
        height: auto;
        padding-top: @base-padding / 2;
        padding-bottom: @base-padding / 2;
        z-index: @z-index-brackets-results-panel;
        .box-shadow(0 -1px 3px 0 fadeout(@bc-black, 70%));
        .title {
            font-size: @label-font-size;
            font-weight: bold;
        }
        .close {
            position: absolute;
            right: 10px;
        }
    }

    .table-container {
        height: 170px;
        overflow: auto;

        td {
            padding-left: @base-padding;
            padding-right: @base-padding;
        }

        .highlight {
            background: #d2dcf8;
        }

        tr.selected td {
            background-color: @bc-light-blue;
        }
    }
}

#update-notification {
    padding-right: 5px;
    margin-bottom: -1px;
    .sprite-icon(0,0, 14px,14px, "images/updateSprites.svg");
    &:hover {
        .sprite-swap(0,14px);
    }
    display:none;
}

#gold-star {
    display: none;
    font-size: 1.2em;
    color: #ffe13b;
}

#toolbar-go-live {
    padding-right: 8px;

    // Default icon is for the 'disconnected' state
    // The 'connecting failed' (.warning) state also maps here
    .sprite-icon(0,0, 22px,11px, "images/live_development_sprites.svg");
    &:hover {
        .sprite-swap(0,11px);
    }
    // 'Connected' state
    &.success {
        .sprite-swap(0,22px);
    }
    &.success:hover {
        .sprite-swap(0,33px);
    }
    // 'Connection in progress' state
    &.info {
        .sprite-swap(0,44px);
    }
}

/* Project panel */

#project-header {
    /* Fixed height blank space for now. The mockups have the window "stoplights" or a logo here. */
    height: 29px;
}

#sidebar-resizer {
    position: absolute;
    width: 6px;
    height: 100%;
    z-index: @z-index-brackets-sidebar-resizer;
    opacity: 0;
    cursor: col-resize;
}

#file-section {
    .vbox;
    .box-flex(1);
    margin: 5px 0px 0px 0px;
    position: relative;

    .project-file-header-area {
        padding: 6px 6px 2px 10px;
        font-size: 13px;
        color: #929292;
    }

    .file-list-divider {
        border-bottom: 1px solid #9a9a9a;
        box-shadow: 0px 1px #eeeeee;
    }
}

#open-files-container {
    .box-flex(0);
    margin: 0 0 22px 0;
    padding: 0px;
    max-height: 200px; // TODO (Issue #276): it would be nicer to have this be 50%, but that doesn't seem to work

    ul {
        list-style-type: none;
        margin: 0;
    }

    li {
        white-space: nowrap;
        position: relative; // so that children can be positioned absolute
        line-height: 18px;
        padding: 0 0 0 8px;
        min-height: 18px;
        vertical-align: baseline;
    }

    a {
        color: #BBB;

        font-size: 13px;
        text-decoration: none;

        display: block;
        height: 16px;
        line-height: 16px;
        margin-left: 18px;
        padding: 3px (@triangle-size * 2) 3px 0;

        cursor: default;
    }

    .selected a {
        color: #fff;
    }
}

.sidebar-selection {
    background: url("images/active_back.png") no-repeat top right;
    height: 22px;
    position: absolute;
}

.sidebar-selection-triangle {
    background: url("images/active_back.png");
    width: 10px;
    height: 22px;
    position: fixed;

    z-index: @z-index-brackets-selection-triangle; /* scroller-shadow appears above this triangle */
}

.sidebar-selection-triangle.triangle-visible:before {
    content: "";

    border-top: @triangle-size solid transparent;
    border-bottom: @triangle-size solid transparent;
    border-right: @triangle-size solid @background-color-3;

    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;

    .scale-x(0.9, right, top);
}

//Initially start with the open files hidden, they will get show as files are added
#open-files-container {
    display:none;
}

#project-files-container {
    .box-flex(1);

    .jstree-brackets li > a {
        padding-right: @triangle-size * 2;
    }

    ul {
        padding-left: 8px;
    }
}

#editor-holder .scroller-shadow {
    width: 100%;
}

.scroller-shadow {
    background-size: 100% 5px;
    background-repeat: no-repeat;
    height: 5px;
    position: fixed;
    z-index: @z-index-brackets-scroller-shadow;

    &.top {
        #gradient.vertical(rgba(0,0,0,0.1), rgba(0,0,0,0));
        background-position: 0 -5px;
    }

    &.bottom {
        #gradient.vertical(rgba(0,0,0,0), rgba(0,0,0,0.1));
        background-position: 0 5px;
        background-color: transparent; /* override background-color: @endColor from #gradient.vertical */
    }
}

@sprite-size-18: 4px;

/** Classes for icons from jsTreeSprites.svg
*/
.jstree-sprite {
    background-image: url("images/jsTreeSprites.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: @sprite-size-18;
    height: @sprite-size-18;
}

.disclosure-arrow-opened {
    .jstree-sprite;
    display: inline-block;
    background-position: -@sprite-size-18 0px;
}

.disclosure-arrow-closed {
    .jstree-sprite;
    display: inline-block;
    background-position: 0px 0px;
}
ins.jstree-icon {
    left: -12px !important;
}
/** Classes for icons from bracketSprites.png
*/

.bracket-sprite {
    background-image: url("images/close_btn.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: 15px;
    height: 16px;
}

.file-status-icon {
    margin: 3px 0 0 8px;
    .bracket-sprite;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;

    &.dirty {
        background-position: -30px 0;
    }

    &.can-close {
        background-position: 0 0;
    }

    &.can-close:hover {
        background-position: -15px 0;
    }

    &.can-close:active {
        background-position: -15px 1px;
    }
}

/* Styles for inline editors */
.inline-widget {
    background-color:   @inline-background-color-1;

    .inline-editor-header {
        padding: 10px 10px 0px 10px;

        .filename {
            font-family: @fontstack-sans-serif;
            font-size: 1.1em;
            color: @inline-color-1;

            // Filename header is clickable (it's an <a> tag, so we get underscore on hover by
            // default; but the hand cursor is shut off by Bootstrap's reset stylesheet)
            cursor: pointer;

            .dirty-indicator {
                .bracket-sprite;
                display: inline-block;
                background-position: -32px 0;
                padding-top: 3px;
            }

            .line-number {
                color: @inline-color-2;
            }
        }
    }

    .shadow {
        display: block;
        height: 4px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: @z-index-brackets-inline-editor-shadow;
    }

    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }

    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }

    .CodeMirror-scroll {
        /* Don't show horizontal scrollbars within an inline editor--we want to scroll the outer editor */
        overflow-x: hidden;
        background-color: transparent;
    }
}

/* CSSInlineEditor rule list */
.related-container {
    @top-margin: 12px;

    /*width: 0;*/
    font-family: @fontstack-sans-serif;
    position: fixed;
    width: 250px;
    overflow: hidden;
    /*-webkit-transition: width 0.15s ease-out;*/
    background: @inline-background-color-2;

    .selection {
        width: 100%;
        background: #d0d5d5;
        position: absolute;
        -webkit-transition: height 0.1s ease-out;
        -webkit-transition: top 0.1s ease-out;
        border-top: 1px solid darken(@inline-background-color-3, @bc-color-step-size);
        border-bottom: 1px solid lighten(@inline-background-color-3, @bc-color-step-size);
        top: @top-margin;
    }

    /*
     * CSS triangle hack with anti-alias workarounds:
     * (a) Use selection-background-color instead of transparent.
     * (b) Use transform scaleX and origin to adjust width.
     */
    .selection:before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-top: @triangle-size solid @inline-background-color-3;
        border-bottom: @triangle-size solid @inline-background-color-3;
        border-left: @triangle-size solid @inline-background-color-1;
        margin-top: -@triangle-size;
        top: 50%;
        .scale-x(0.9, left, top);
    }

    .related {
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 1px;
        width: 100%;

        ul {
            margin: 0;
            padding: @top-margin 0px;
            list-style: none;
        }

        li {
            color: @inline-color-2;
            margin: 0;
            overflow: hidden;
            padding: 2px 0px 2px 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .selected {
            color: @inline-color-3;
            -webkit-transition: color 0.1s ease-out .15s;
        }
    }
}

/* Styles for the search dialog--this is temporary, only for debugging */

.CodeMirror-dialog {
  position: relative;
  z-index: @z-index-cm-dialog-override;
}

.CodeMirror-dialog > div {
  font-family: @fontstack-sans-serif;
  position: absolute;
  top: 0; left: 0; right: 0;
  background: @background-color-2;
  color: @content-color;
  border-bottom: 1px solid @bc-gray;
  .box-shadow(0 1px 3px 0 fadeout(@bc-black, 70%));
  z-index: 1;
  padding: .5em .8em;
  overflow: hidden;
}

.CodeMirror-dialog input {
  font-family: @fontstack-sans-serif;
  border: 1px solid @content-color-weaker;
  outline: none;
  background: @background-color-3;
  width: 20em;
  margin: .3em .3em;
  color: inherit;
}

.CodeMirror-searching {
  background-color: inherit;
}

.smart_autocomplete_container {

    border: 1px solid #999;
    background-color: #FFFFFF;

    /* smart auto complete doesn't correctly position the container
     * so these specific padding and margin values are necessary*/
    padding: 0px 8px 0px 0px;
    margin: 9px 0px 0px 0px;

    .quick-open-path {
        font-size: 11px;
        color: gray;
    }

    li {
        color: black;
        border-bottom: 1px solid;
        list-style: none;
        cursor: pointer;
        padding: 0px 2px 0px 4px;
    }
}

li.smart_autocomplete_highlight {
    background-color: #e0f0fa;
}

/*
 * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */

/*
 * This file first imports all of the shared LESS/CSS, and then defines
 * version-specific layout (e.g. layout for the App shell, or layout for
 * the In-Browser version on Firefox).
 *
 * Going forward, we may have different versions of this file for different
 * Versions (e.g. App, In-Browser, etc.)
 *
 * Anything that is general/reusable should be pushed up into a LESS file
 * in the "styles" directory. See "brackets_shared.less" for the organization
 *
 * Date: @DATE
 */

/* IMPORTANT: importing brackets_shared should be the first step in this file
 * This is so that imported CSS files (NOT LESS files) end up in the
 * right place
 */
@import "brackets_shared.less";

/* Overall layout */

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

    /* Turn off selection for UI elements */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    /* And make sure we get a pointer cursor even over text */
    cursor: default;
}

body {
    .vbox;

    /* This appears to be necessary in Firefox when body is set to display: box. */
    width: 100%;
    &.resizing a, &.resizing #projects a, &.resizing .main-view, &.resizing .CodeMirror-lines {
        cursor: col-resize;
    }
}

a, img {
    -webkit-user-drag: none;
}

.main-view {
    .hbox;
    .box-flex(1);

    .sidebar {
        .vbox;
        width: @sidebar-width;
    }

    .content {
        .vbox;
        .box-flex(1);
    }
}

.toolbar {
    /* make sure the shadow goes above other items */
    z-index: @z-index-brackets-toolbar;
}

#editor-holder {
    .vbox;
    .box-flex(1);
    position: relative;

    /* Placeholder shown when there is no editor open */
    #not-editor {
        .box-flex(1);
        .vbox;
        .box-pack(center);
        .box-align(center);
        background: @background-color-2 url('images/no_content_bg.svg') no-repeat center 45%;
    }
}

.bottom-panel {
    display: none;
    height: 200px;
    border-top-style: solid;
    border-width: 1px;
    border-color: lighten(@bc-grey, @bc-color-step-size*4);

    .toolbar {
        height: auto;
        padding-top: @base-padding / 2;
        padding-bottom: @base-padding / 2;
        z-index: @z-index-brackets-results-panel;
        .box-shadow(0 -1px 3px 0 fadeout(@bc-black, 70%));
        .title {
            font-size: @label-font-size;
            font-weight: bold;
        }
        .close {
            position: absolute;
            right: 10px;
        }
    }

    .table-container {
        height: 170px;
        overflow: auto;

        td {
            padding-left: @base-padding;
            padding-right: @base-padding;
        }

        .highlight {
            background: #d2dcf8;
        }

        tr.selected td {
            background-color: @bc-light-blue;
        }
    }
}

#update-notification {
    padding-right: 5px;
    margin-bottom: -1px;
    .sprite-icon(0,0, 14px,14px, "images/updateSprites.svg");
    &:hover {
        .sprite-swap(0,14px);
    }
    display:none;
}

#gold-star {
    display: none;
    font-size: 1.2em;
    color: #ffe13b;
}

#toolbar-go-live {
    padding-right: 8px;

    // Default icon is for the 'disconnected' state
    // The 'connecting failed' (.warning) state also maps here
    .sprite-icon(0,0, 22px,11px, "images/live_development_sprites.svg");
    &:hover {
        .sprite-swap(0,11px);
    }
    // 'Connected' state
    &.success {
        .sprite-swap(0,22px);
    }
    &.success:hover {
        .sprite-swap(0,33px);
    }
    // 'Connection in progress' state
    &.info {
        .sprite-swap(0,44px);
    }
}

/* Project panel */

#project-header {
    /* Fixed height blank space for now. The mockups have the window "stoplights" or a logo here. */
    height: 29px;
}

#sidebar-resizer {
    position: absolute;
    width: 6px;
    height: 100%;
    z-index: @z-index-brackets-sidebar-resizer;
    opacity: 0;
    cursor: col-resize;
}

#file-section {
    .vbox;
    .box-flex(1);
    margin: 5px 0px 0px 0px;
    position: relative;

    .project-file-header-area {
        padding: 6px 6px 2px 10px;
        font-size: 13px;
        color: #929292;
    }

    .file-list-divider {
        border-bottom: 1px solid #9a9a9a;
        box-shadow: 0px 1px #eeeeee;
    }
}

#open-files-container {
    .box-flex(0);
    margin: 0 0 22px 0;
    padding: 0px;
    max-height: 200px; // TODO (Issue #276): it would be nicer to have this be 50%, but that doesn't seem to work

    ul {
        list-style-type: none;
        margin: 0;
    }

    li {
        white-space: nowrap;
        position: relative; // so that children can be positioned absolute
        line-height: 18px;
        padding: 0 0 0 8px;
        min-height: 18px;
        vertical-align: baseline;
    }

    a {
        color: #BBB;

        font-size: 13px;
        text-decoration: none;

        display: block;
        height: 16px;
        line-height: 16px;
        margin-left: 18px;
        padding: 3px (@triangle-size * 2) 3px 0;

        cursor: default;
    }

    .selected a {
        color: #fff;
    }
}

.sidebar-selection {
    background: url("images/active_back.png") no-repeat top right;
    height: 22px;
    position: absolute;
}

.sidebar-selection-triangle {
    background: url("images/active_back.png");
    width: 10px;
    height: 22px;
    position: fixed;

    z-index: @z-index-brackets-selection-triangle; /* scroller-shadow appears above this triangle */
}

.sidebar-selection-triangle.triangle-visible:before {
    content: "";

    border-top: @triangle-size solid transparent;
    border-bottom: @triangle-size solid transparent;
    border-right: @triangle-size solid @background-color-3;

    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;

    .scale-x(0.9, right, top);
}

//Initially start with the open files hidden, they will get show as files are added
#open-files-container {
    display:none;
}

#project-files-container {
    .box-flex(1);

    .jstree-brackets li > a {
        padding-right: @triangle-size * 2;
    }

    ul {
        padding-left: 8px;
    }
}

#editor-holder .scroller-shadow {
    width: 100%;
}

.scroller-shadow {
    background-size: 100% 5px;
    background-repeat: no-repeat;
    height: 5px;
    position: fixed;
    z-index: @z-index-brackets-scroller-shadow;

    &.top {
        #gradient.vertical(rgba(0,0,0,0.1), rgba(0,0,0,0));
        background-position: 0 -5px;
    }

    &.bottom {
        #gradient.vertical(rgba(0,0,0,0), rgba(0,0,0,0.1));
        background-position: 0 5px;
        background-color: transparent; /* override background-color: @endColor from #gradient.vertical */
    }
}

@sprite-size-18: 4px;

/** Classes for icons from jsTreeSprites.svg
*/
.jstree-sprite {
    background-image: url("images/jsTreeSprites.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: @sprite-size-18;
    height: @sprite-size-18;
}

.disclosure-arrow-opened {
    .jstree-sprite;
    display: inline-block;
    background-position: -@sprite-size-18 0px;
}

.disclosure-arrow-closed {
    .jstree-sprite;
    display: inline-block;
    background-position: 0px 0px;
}
ins.jstree-icon {
    left: -12px !important;
}
/** Classes for icons from bracketSprites.png
*/

.bracket-sprite {
    background-image: url("images/close_btn.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: 15px;
    height: 16px;
}

.file-status-icon {
    margin: 3px 0 0 8px;
    .bracket-sprite;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;

    &.dirty {
        background-position: -30px 0;
    }

    &.can-close {
        background-position: 0 0;
    }

    &.can-close:hover {
        background-position: -15px 0;
    }

    &.can-close:active {
        background-position: -15px 1px;
    }
}

/* Styles for inline editors */
.inline-widget {
    background-color:   @inline-background-color-1;

    .inline-editor-header {
        padding: 10px 10px 0px 10px;

        .filename {
            font-family: @fontstack-sans-serif;
            font-size: 1.1em;
            color: @inline-color-1;

            // Filename header is clickable (it's an <a> tag, so we get underscore on hover by
            // default; but the hand cursor is shut off by Bootstrap's reset stylesheet)
            cursor: pointer;

            .dirty-indicator {
                .bracket-sprite;
                display: inline-block;
                background-position: -32px 0;
                padding-top: 3px;
            }

            .line-number {
                color: @inline-color-2;
            }
        }
    }

    .shadow {
        display: block;
        height: 4px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: @z-index-brackets-inline-editor-shadow;
    }

    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }

    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }

    .CodeMirror-scroll {
        /* Don't show horizontal scrollbars within an inline editor--we want to scroll the outer editor */
        overflow-x: hidden;
        background-color: transparent;
    }
}

/* CSSInlineEditor rule list */
.related-container {
    @top-margin: 12px;

    /*width: 0;*/
    font-family: @fontstack-sans-serif;
    position: fixed;
    width: 250px;
    overflow: hidden;
    /*-webkit-transition: width 0.15s ease-out;*/
    background: @inline-background-color-2;

    .selection {
        width: 100%;
        background: #d0d5d5;
        position: absolute;
        -webkit-transition: height 0.1s ease-out;
        -webkit-transition: top 0.1s ease-out;
        border-top: 1px solid darken(@inline-background-color-3, @bc-color-step-size);
        border-bottom: 1px solid lighten(@inline-background-color-3, @bc-color-step-size);
        top: @top-margin;
    }

    /*
     * CSS triangle hack with anti-alias workarounds:
     * (a) Use selection-background-color instead of transparent.
     * (b) Use transform scaleX and origin to adjust width.
     */
    .selection:before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-top: @triangle-size solid @inline-background-color-3;
        border-bottom: @triangle-size solid @inline-background-color-3;
        border-left: @triangle-size solid @inline-background-color-1;
        margin-top: -@triangle-size;
        top: 50%;
        .scale-x(0.9, left, top);
    }

    .related {
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 1px;
        width: 100%;

        ul {
            margin: 0;
            padding: @top-margin 0px;
            list-style: none;
        }

        li {
            color: @inline-color-2;
            margin: 0;
            overflow: hidden;
            padding: 2px 0px 2px 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .selected {
            color: @inline-color-3;
            -webkit-transition: color 0.1s ease-out .15s;
        }
    }
}

/* Styles for the search dialog--this is temporary, only for debugging */

.CodeMirror-dialog {
  position: relative;
  z-index: @z-index-cm-dialog-override;
}

.CodeMirror-dialog > div {
  font-family: @fontstack-sans-serif;
  position: absolute;
  top: 0; left: 0; right: 0;
  background: @background-color-2;
  color: @content-color;
  border-bottom: 1px solid @bc-gray;
  .box-shadow(0 1px 3px 0 fadeout(@bc-black, 70%));
  z-index: 1;
  padding: .5em .8em;
  overflow: hidden;
}

.CodeMirror-dialog input {
  font-family: @fontstack-sans-serif;
  border: 1px solid @content-color-weaker;
  outline: none;
  background: @background-color-3;
  width: 20em;
  margin: .3em .3em;
  color: inherit;
}

.CodeMirror-searching {
  background-color: inherit;
}

.smart_autocomplete_container {

    border: 1px solid #999;
    background-color: #FFFFFF;

    /* smart auto complete doesn't correctly position the container
     * so these specific padding and margin values are necessary*/
    padding: 0px 8px 0px 0px;
    margin: 9px 0px 0px 0px;

    .quick-open-path {
        font-size: 11px;
        color: gray;
    }

    li {
        color: black;
        border-bottom: 1px solid;
        list-style: none;
        cursor: pointer;
        padding: 0px 2px 0px 4px;
    }
}

li.smart_autocomplete_highlight {
    background-color: #5fa3e0;
}

li.smart_autocomplete_highlight .quick-open-path {
    color: #fff;
}