Moved gutter definitions to gutter.less. Added !important to responsive gutter breakpoint classes.

/*
 * Definitions
 */

// Gutters
@gutter: 15px;
@gutter-top: (@gutter * 2);
@gutter-bottom:  (@gutter * 2);
@gutter-left: (@gutter * 4);
@gutter-right: (@gutter * 5);

/*
 * Gutter
 */

.no-gutter {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.gutter-top {
	margin-top: @gutter-top !important;
}

.gutter-bottom {
	margin-bottom: @gutter-bottom !important;
}

.gutter-left {
	padding-left: @gutter-left !important;
}

.gutter-right {
	padding-right: @gutter-right !important;
}

@media @xlarge {

	&.no-gutter-xlarge {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.gutter-top-xlarge {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-xlarge {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-xlarge {
		padding-left: @gutter-left !important;
	}

	.gutter-right-xlarge {
		padding-right: @gutter-right !important;
	}
}

@media @large {

	&.no-gutter-large {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.gutter-top-large {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-large {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-large {
		padding-left: @gutter-left !important;
	}

	.gutter-right-large {
		padding-right: @gutter-right !important;
	}
}

@media @medium {

	&.no-gutter-medium {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.gutter-top-medium {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-medium {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-medium {
		padding-left: @gutter-left !important;
	}

	.gutter-right-medium {
		padding-right: @gutter-right !important;
	}
}

@media @small {

	&.no-gutter-small {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.gutter-top-small {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-small {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-small {
		padding-left: @gutter-left !important;
	}

	.gutter-right-small {
		padding-right: @gutter-right !important;
	}
}

@media @xsmall {

	&.no-gutter-xsmall {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.gutter-top-xsmall {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-xsmall {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-xsmall {
		padding-left: @gutter-left !important;
	}

	.gutter-right-xsmall {
		padding-right: @gutter-right !important;
	}
}

/*
 * Gutter
 */

.no-gutter {
	padding: 0;
}

.gutter-top {
	margin-top: @gutter-top !important;
}

.gutter-bottom {
	margin-bottom: @gutter-bottom !important;
}

.gutter-left {
	padding-left: @gutter-left !important;
}

.gutter-right {
	padding-right: @gutter-right !important;
}

@media @xlarge {

	&.no-gutter-xlarge {
		padding-left: 0;
		padding-right: 0;
	}

	.gutter-top-xlarge {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-xlarge {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-xlarge {
		padding-left: @gutter-left !important;
	}

	.gutter-right-xlarge {
		padding-right: @gutter-right !important;
	}
}

@media @large {

	&.no-gutter-large {
		padding-left: 0;
		padding-right: 0;
	}

	.gutter-top-large {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-large {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-large {
		padding-left: @gutter-left !important;
	}

	.gutter-right-large {
		padding-right: @gutter-right !important;
	}
}

@media @medium {

	&.no-gutter-medium {
		padding-left: 0;
		padding-right: 0;
	}

	.gutter-top-medium {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-medium {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-medium {
		padding-left: @gutter-left !important;
	}

	.gutter-right-medium {
		padding-right: @gutter-right !important;
	}
}

@media @small {

	&.no-gutter-small {
		padding-left: 0;
		padding-right: 0;
	}

	.gutter-top-small {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-small {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-small {
		padding-left: @gutter-left !important;
	}

	.gutter-right-small {
		padding-right: @gutter-right !important;
	}
}

@media @xsmall {

	&.no-gutter-xsmall {
		padding: 0;
	}

	.gutter-top-xsmall {
		margin-top: @gutter-top !important;
	}

	.gutter-bottom-xsmall {
		margin-bottom: @gutter-bottom !important;
	}

	.gutter-left-xsmall {
		padding-left: @gutter-left !important;
	}

	.gutter-right-xsmall {
		padding-right: @gutter-right !important;
	}
}


Use reduced padding in main container on breakpoint-lg.

Signed-off-by: aixxe <b1c1d8736f20db3fb6c1c66bb1455ed43909f0d8@aixxe.net>
(cherry picked from commit a35d00c1221d130dacd2e2c233cf27bd22919399)

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


Adding styles for Joyride

Adding styles for Joyride

/* Artfully masterminded by ZURB */
body {
  position: relative;
}

*[id$="tour-content"]{ display: none; }

.joyRideTipContent { display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  position: absolute;
  background: #EAD8B4;
  border: 1px solid #C4B597;
  display: none;
  color: #413E4A;
  width: 300px;
  z-index: 1200;
  top: 0; /* keeps the page from scrolling when calculating position */
  left: 0;
  font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif;
  font-weight: normal;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.joyride-content-wrapper {
  padding: 10px 10px 15px 15px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .joyride-tip-guide {
    width: 95% !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    left: 2.5% !important;
  }
  .joyride-tip-guide-wrapper {
    width: 100%;
  }
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid 14px;
  border: solid 14px;
}

.joyride-tip-guide span.joyride-nub.top {
  /*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-bottom-color so here we set the border-color
  and override the top,left,right colors below.
  */
  border-color: #C4B597;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-width: 0;
  top: -14px;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.bottom {
  /*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-top-color so here we set the border-color
  and override the bottom,left,right colors below.
  */
  border-color: #C4B597;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-width: 0;
  bottom: -14px;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.right {
  border-color: #C4B597 !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-right-width: 0;
  top: 22px;
  bottom: none;
  left: auto;
  right: -14px;
}

.joyride-tip-guide span.joyride-nub.left {
  border-color: #C4B597 !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-width: 0;
  top: 22px;
  left: -14px;
  right: auto;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.top-right {
  border-color: #C4B597 !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-width: 0;
  top: -14px;
  bottom: none;
  left: auto;
  right: 28px;
}

/* Typography */
.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #413E4A;
}
.joyride-tip-guide h1 { font-size: 30px; }
.joyride-tip-guide h2 { font-size: 26px; }
.joyride-tip-guide h3 { font-size: 22px; }
.joyride-tip-guide h4 { font-size: 18px; }
.joyride-tip-guide h5 { font-size: 16px; }
.joyride-tip-guide h6 { font-size: 14px; }
.joyride-tip-guide p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 18px;
}
.joyride-tip-guide a {
  color: rgb(255,255,255);
  text-decoration: none;
}
.joyride-tip-guide a:hover {
  color: rgba(255,255,255,0.8);
}

/* Button Style */
.joyride-tip-guide .joyride-next-tip {
  width: auto;
  padding: 6px 18px 4px;
  font-size: 13px;
  text-decoration: none;
  color: #413E4A;
  border: solid 1px #413E4A;
  background-color: #522A1D;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.joyride-next-tip:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px rgba(255,255,255,0.1);
  position: absolute;
  right: 17px;
  bottom: 16px;
}
.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: rgba(255,255,255,0.25);
}

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  color: rgba(255,255,255,0.4) !important;
  text-decoration: none;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

.joyride-close-tip:hover {
  color: rgba(255,255,255,0.9) !important;
}

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #FFF;
  opacity: 0.3;
  z-index: 1000;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}

.joyride-expose-wrapper {
    /*background-color: #ffffff;*/
    position: absolute;
    z-index: 130;
    /*-moz-box-shadow: 0px 0px 30px #ffffff;
    -webkit-box-shadow: 0px 0px 30px #ffffff;
    box-shadow: 0px 0px 30px #ffffff;*/
}

.joyride-expose-cover {
    background: transparent;
    position: absolute;
    z-index: 10000;
    top: 0px;
    left: 0px;
}

error: pathspec 'Templates/Muffin/src/less/vendor/joyride.less' did not match any file(s) known to git


Hide topnav search on mobile and show logo and menu

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


hidden is hidden

hidden is hidden

.map-wrapper {

    .loading-layer-wrapper {
        .absolute(auto, auto, 0, 0);
        padding-right: @small-margin;
        border: 1px solid @grey;
        border-bottom-color: @white;
        border-left-color: @white;
        background-color: white;
        font-size: 0.8rem;

        &.hidden { display: none;}
        .loading-layer {
            margin-top: @small-margin;
        }
    }

}

error: pathspec 'view/style/less/widgets/layer-loader.less' did not match any file(s) known to git


EM - added morp dependency

EM - added morp dependency

@import '_variables.less';

body {
  margin: 0;
}

.cta-container {
  border-radius: 5px;
  padding: 5px;
  padding-top: 7px;
  padding-left: 25px;
  text-align: center;
  color: @white;
  font-size: 14px;
  height: 40px;
  width: 230px;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  &.middle {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 110px;
    height: 150px;
    padding-left: 0;

    &:hover {
      cursor: pointer;
    }

    p {
      padding-left: 20px;
      padding-right: 20px;
    }

    .icon {
      width: 35px;
      height: 33px;
      margin: 0 auto;
    }
  }

  &.bottom {

    p {
      margin-top: 7px;
      float: left;
    }

    .icon {
      float: left;
      margin-left: 15px;
      margin-top: 4px;
      width: 23px;
      height: 22px;
    }

    &:hover {
      cursor: pointer;
      height: 60px;
    }
  }

  &.top {
    padding-top: 22px;
    padding-bottom: 0;
    height: 30px;

    p {
      margin: 0;
      float: left;
      -webkit-transition: margin-top 0.2s ease-in-out;
      -moz-transition: margin-top 0.2s ease-in-out;
      -o-transition: margin-top 0.2s ease-in-out;
      transition: margin-top 0.2s ease-in-out;
    }

    .icon {
      float: left;
      width: 23px;
      height: 22px;
      position: absolute;
      bottom: 10px;
      right: 25px;

      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;

      -webkit-transition: margin-top 0.2s ease-in-out;
      -moz-transition: margin-top 0.2s ease-in-out;
      -o-transition: margin-top 0.2s ease-in-out;
      transition: margin-top 0.2s ease-in-out;
    }

    &:hover {
      cursor: pointer;
      height: 50px;

      p {
        margin-top: 20px;
      }

      .icon {

      }
    }
  }

}

error: pathspec 'assets/css/cta-widget.less' did not match any file(s) known to git


Making sure that the anchors in jstree will never show a hover state.

/*
 * 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.
 *
 */

/* Styles for jsTree control */
/* (these are based on jsTree's default theme .css file, so they are not very LESS-like) */
@li-min-height: 23px;

.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; }
.jstree li { display:block; min-height:@li-min-height; line-height:16px; white-space:nowrap; margin-left:18px; min-width:18px; }
.jstree-rtl li { margin-left:0; margin-right:18px; }
.jstree > ul > li { margin-left:0px; }
.jstree-rtl > ul > li { margin-right:0px; }
.jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; }
.jstree a:focus { outline: none; }
.jstree a > ins { height:16px; width:16px; }
.jstree a > .jstree-icon { margin-right:3px; }
.jstree-rtl a > .jstree-icon { margin-left:3px; margin-right:0; }
li.jstree-open > ul { display:block; }
li.jstree-closed > ul { display:none; }

.jstree-brackets li,
.jstree-brackets ins { background-image:url("images/jsTreeSprites.svg"); background-repeat:no-repeat; background-color:transparent; }
.jstree-brackets li { background-position:-90px 0; background-repeat:repeat-y; }
.jstree-brackets li.jstree-last { background:transparent; }
.jstree-brackets .jstree-open > ins { background-position:-72px 0; }
.jstree-brackets .jstree-closed > ins { background-position:-54px 0; }
.jstree-brackets .jstree-leaf > ins { background-position:-36px 0; }

.jstree-brackets li a:hover {
    text-decoration: none;
}

@jstree-icon-backindent: 12px;

/* Make the links in the JS tree the width of the container
 * by shifting the off the screen by negative margin and moving the
 * content back by pushing the padding. The icons are positioned absolute
 * relative to the containing list item so they sit above the a's background.
 * This also means we need to include the size of the sprite in the padding
 * so the text ends up back in the same spot visually
 */
.jstree-brackets li > a {
    @jstree-icon-text-overlap: 2px;
    padding-left: (@jstree-sprite-size - @jstree-icon-backindent - @jstree-icon-text-overlap + 10000px);
    margin-left: -10000px;
    display: block;
}

.jstree li {
    position: relative;
}

.jstree-brackets li {
    vertical-align: baseline;
    a,
    a:hover {
        color: @project-panel-text-1;
        font-size: 13px;
        cursor: default;

        &.jstree-clicked, &.jstree-clicked .extension {
            color: @open-working-file-name-highlight;
        }
    }
    .extension {
        color: @project-panel-text-2;
    }
    &.jstree-closed, &.jstree-open {
        margin-left: 10px;
        > a {
            color: @project-panel-text-2;
        }
    }
    &.jstree-leaf {
        margin-left: 10px;
    }
}

.jstree ins {
    position: absolute;
}
ins.jstree-icon {
    left: -@jstree-icon-backindent !important;
}

.jstree-brackets a .jstree-icon { background-position:-56px -19px; }
.jstree-brackets a.jstree-loading .jstree-icon { background:url("images/throbber.gif") center center no-repeat !important; }

.jstree-brackets li > a {
    padding-top: 3px;
    padding-bottom: 3px;
}
.jstree-brackets li > ins {
    margin-top: 2px;
    margin-bottom: 2px;
}

// These styles control the expand/collapse arrow icons. Most other styles in this file with background-position are unused.
.jstree-brackets .jstree-no-dots li,
.jstree-brackets .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-brackets .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-brackets .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-brackets .jstree-no-icons a .jstree-icon { display:none; }

.jstree-brackets .jstree-search { font-style:italic; }

.jstree-brackets .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-brackets .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-brackets .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-brackets .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-brackets .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-brackets .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-brackets .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-brackets .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree-brackets ins { background:transparent !important; }
#vakata-dragged.jstree-brackets .jstree-ok { background:url("images/jsTreeSprites.svg") -2px -53px no-repeat !important; }
#vakata-dragged.jstree-brackets .jstree-invalid { background:url("images/jsTreeSprites.svg") -18px -53px no-repeat !important; }
#jstree-marker.jstree-brackets { background:url("images/jsTreeSprites.svg") -41px -57px no-repeat !important; text-indent:-100px; }

.jstree-brackets a.jstree-search { color:aqua; }
.jstree-brackets .jstree-locked a { color:silver; cursor:default; }

#project-files-container .jstree-brackets .jstree-rename-input {
    background: #000;
    border: 1px solid #000;
    border-radius: 2px;
    box-shadow: @bc-shadow-small;
    box-sizing: border-box;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    left: 3px !important;
    top: 2px !important;
    margin: 0;
    padding: 0;
    position: relative;
    width: 150px;
    height: 17px;
    line-height: 17px;
}

#project-files-container .jstree-brackets .jstree-rename-input:focus {
    border: 1px solid @bc-btn-border-focused;
    box-shadow: none;
    outline: none;
}

#vakata-contextmenu.jstree-brackets-context,
#vakata-contextmenu.jstree-brackets-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-brackets-context li { }
#vakata-contextmenu.jstree-brackets-context a { color:black; }
#vakata-contextmenu.jstree-brackets-context a:hover,
#vakata-contextmenu.jstree-brackets-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-brackets-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-brackets-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-brackets-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-brackets-context li ul { margin-left:-4px; }

/*
 * 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.
 *
 */

/* Styles for jsTree control */
/* (these are based on jsTree's default theme .css file, so they are not very LESS-like) */
@li-min-height: 23px;

.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; }
.jstree li { display:block; min-height:@li-min-height; line-height:16px; white-space:nowrap; margin-left:18px; min-width:18px; }
.jstree-rtl li { margin-left:0; margin-right:18px; }
.jstree > ul > li { margin-left:0px; }
.jstree-rtl > ul > li { margin-right:0px; }
.jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; }
.jstree a:focus { outline: none; }
.jstree a > ins { height:16px; width:16px; }
.jstree a > .jstree-icon { margin-right:3px; }
.jstree-rtl a > .jstree-icon { margin-left:3px; margin-right:0; }
li.jstree-open > ul { display:block; }
li.jstree-closed > ul { display:none; }

.jstree-brackets li,
.jstree-brackets ins { background-image:url("images/jsTreeSprites.svg"); background-repeat:no-repeat; background-color:transparent; }
.jstree-brackets li { background-position:-90px 0; background-repeat:repeat-y; }
.jstree-brackets li.jstree-last { background:transparent; }
.jstree-brackets .jstree-open > ins { background-position:-72px 0; }
.jstree-brackets .jstree-closed > ins { background-position:-54px 0; }
.jstree-brackets .jstree-leaf > ins { background-position:-36px 0; }

.jstree-brackets li a:hover {
    text-decoration: none;
}

@jstree-icon-backindent: 12px;

/* Make the links in the JS tree the width of the container
 * by shifting the off the screen by negative margin and moving the
 * content back by pushing the padding. The icons are positioned absolute
 * relative to the containing list item so they sit above the a's background.
 * This also means we need to include the size of the sprite in the padding
 * so the text ends up back in the same spot visually
 */
.jstree-brackets li > a {
    @jstree-icon-text-overlap: 2px;
    padding-left: (@jstree-sprite-size - @jstree-icon-backindent - @jstree-icon-text-overlap + 10000px);
    margin-left: -10000px;
    display: block;
}

.jstree li {
    position: relative;
}

.jstree-brackets li {
    vertical-align: baseline;
    a {
        color: @project-panel-text-1;
        font-size: 13px;
        cursor: default;

        &.jstree-clicked, &.jstree-clicked .extension {
            color: @open-working-file-name-highlight;
        }
    }
    .extension {
        color: @project-panel-text-2;
    }
    &.jstree-closed, &.jstree-open {
        margin-left: 10px;
        > a {
            color: @project-panel-text-2;
        }
    }
    &.jstree-leaf {
        margin-left: 10px;
    }
}

.jstree ins {
    position: absolute;
}
ins.jstree-icon {
    left: -@jstree-icon-backindent !important;
}

.jstree-brackets a .jstree-icon { background-position:-56px -19px; }
.jstree-brackets a.jstree-loading .jstree-icon { background:url("images/throbber.gif") center center no-repeat !important; }

.jstree-brackets li > a {
    padding-top: 3px;
    padding-bottom: 3px;
}
.jstree-brackets li > ins {
    margin-top: 2px;
    margin-bottom: 2px;
}

// These styles control the expand/collapse arrow icons. Most other styles in this file with background-position are unused.
.jstree-brackets .jstree-no-dots li,
.jstree-brackets .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-brackets .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-brackets .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-brackets .jstree-no-icons a .jstree-icon { display:none; }

.jstree-brackets .jstree-search { font-style:italic; }

.jstree-brackets .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-brackets .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-brackets .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-brackets .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-brackets .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-brackets .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-brackets .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-brackets .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree-brackets ins { background:transparent !important; }
#vakata-dragged.jstree-brackets .jstree-ok { background:url("images/jsTreeSprites.svg") -2px -53px no-repeat !important; }
#vakata-dragged.jstree-brackets .jstree-invalid { background:url("images/jsTreeSprites.svg") -18px -53px no-repeat !important; }
#jstree-marker.jstree-brackets { background:url("images/jsTreeSprites.svg") -41px -57px no-repeat !important; text-indent:-100px; }

.jstree-brackets a.jstree-search { color:aqua; }
.jstree-brackets .jstree-locked a { color:silver; cursor:default; }

#project-files-container .jstree-brackets .jstree-rename-input {
    background: #000;
    border: 1px solid #000;
    border-radius: 2px;
    box-shadow: @bc-shadow-small;
    box-sizing: border-box;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    left: 3px !important;
    top: 2px !important;
    margin: 0;
    padding: 0;
    position: relative;
    width: 150px;
    height: 17px;
    line-height: 17px;
}

#project-files-container .jstree-brackets .jstree-rename-input:focus {
    border: 1px solid @bc-btn-border-focused;
    box-shadow: none;
    outline: none;
}

#vakata-contextmenu.jstree-brackets-context,
#vakata-contextmenu.jstree-brackets-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-brackets-context li { }
#vakata-contextmenu.jstree-brackets-context a { color:black; }
#vakata-contextmenu.jstree-brackets-context a:hover,
#vakata-contextmenu.jstree-brackets-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-brackets-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-brackets-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-brackets-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-brackets-context li ul { margin-left:-4px; }


Edit templates from user

Edit templates from user

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


quick-fix screen flickering when tooltips appended to body

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


Create mixins.less

Create mixins.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/samueljbrewer/samueljbrewer.github.io.git/'


Components: added 'pager'

Components: added 'pager'

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


Create main.less

Create main.less

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


fix(ui): Project Dropdown Alignment (#8779)

This fixes the weird spacing in project dropdown
Before:
![](https://cl.ly/3u36081J3k3P/download/Image%202018-06-19%20at%2012.27.37%20PM.png)

After:
![](https://cl.ly/0v2q3H0e3b1l/download/Image%202018-06-19%20at%2012.26.08%20PM.png)

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


Modify Bootstrap modal appearance

Modify Bootstrap modal appearance

.modal-title {
  font-size: @font-size-large;
}

.modal-header {
  background-color: @gray-lighter;
  padding-top: 10px;
  padding-bottom: 10px;
}

error: pathspec 'modules/core/client/less/bootstrap/modal.less' did not match any file(s) known to git


Simple edit-mode style.

Simple edit-mode style.

.edit-mode {
    border: 1px dashed #333;
}

error: pathspec 'client/stylesheets/crowducate/edit-mode.less' did not match any file(s) known to git