Fixing stupid comment

Fixing stupid comment

/*!
 * Brackets
 *
 * Copyright 2011 Adobe Systems Incorporated. All Rights Reserved.
 *
 * 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%;
}

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

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

    .sidebar {
        .vbox;
        width: 200px;
    }

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

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

#editorHolder {
    .vbox;
    .box-flex(1);

    /* Placeholder shown when there is no editor open */
    #notEditor {
        .box-flex(1);
        .vbox;
        .box-pack(center);
        .box-align(center);
        background-color: @background-color-2;

        #notEditorContent {
            color: @background-color-1;
            font-size: 350px;
            line-height: normal;
            margin-top: -0.25em;
            text-shadow: 0 1px @bc-black;
            opacity: 0.30;
        }
    }

    /* Scroll shadow */
    #editor-scroll-shadow {
        position: fixed;
        height: 4px;
        width: 100%;
        z-index: 12;
    }
}

#jslint-results, #search-results {
    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;
        .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;
        }
    }
}

#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
    .spriteIcon(0,0, 22px,11px, "styles/images/live_development_sprites.svg");
    &:hover {
        .spriteSwap(0,11px);
    }
    // 'Connected' state
    &.success {
        .spriteSwap(0,22px);
    }
    &.success:hover {
        .spriteSwap(0,33px);
    }
    // 'Connection in progress' state
    &.info {
        .spriteSwap(0,44px);
    }
}

/* Project panel */

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

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

    .project-file-header-area {
        padding: 6px 6px 2px 10px;
    }

    .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;
    overflow: auto;
    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;

        a {
            color: black;
            text-decoration: none;
            margin-left: 26px;
        }

        li {
            white-space: nowrap;
            position: relative; // so that children can be positioned absolute
            line-height: 24px;
            padding: 0 0 0 8px;
            height: 25px;
            vertical-align: baseline;
            a {
                color: #BBB;
                font-size: 14px;
                margin-left: 18px;
                cursor: default;
            }
            .extension a {
                color: #8e9a9d;
            }
            &:hover {
                background: transparent;
            }
            &:active {
                background-position: 0 1px;
            }
            &.selected {
                height: 25px;
                background: url("styles/images/active_back.png") no-repeat top right;
                a {
                    color: #fff;
                    font-weight: normal;
                }
                .extension a {
                    color: #fff;
                }
            }
        }
    }
}

//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);
    padding: 0px;
    padding-left: 8px;
    margin: 0;
    overflow: auto;

    ul { margin-top: 0; }
}

.scrollerShadow {
    /* top shadow */
    #gradient.vertical(rgba(0,0,0,0.10), rgba(0, 0, 0, 0));

    /* hide the shadow on init */
    background-position: 0px -9999px;

    background-size: 100% 4px;
    background-repeat: no-repeat;
}

@spriteSize18: 18px;

/** Classes for icons from jsTreeSprites.png
*/
.jsTreeSprite {
    background-image: url("styles/images/jsTreeSprites.png");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: @spriteSize18;
    height: @spriteSize18;
}

.disclosure-arrow-opened {
    .jsTreeSprite;
    display: inline-block;
    background-position: -@spriteSize18 0px;
}

.disclosure-arrow-closed {
    .jsTreeSprite;
    display: inline-block;
    background-position: 0px 0px;
}

/** Classes for icons from bracketSprites.png
*/

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

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

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

    &.canClose {
        background-position: 0 0;
    }

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

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

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

    .filename {
        font-family: @fontStackSansSerif;
        font-size: 1.1em;
        color: @inline-color-1;
        padding: 10px 10px 0px 10px;

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

        .lineNumber {
            color: @inline-color-2;
        }
    }

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

    .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 */
.relatedContainer {
    @top-margin: 12px;

    /*width: 0;*/
    font-family: @fontStackSansSerif;
    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 {
        @triangle-size: 10px;
        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%;
        .scaleX(0.9);
    }

    .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: 11;
}

.CodeMirror-dialog > div {
  font-family: @fontStackSansSerif;
  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: @fontStackSansSerif;
  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;

    .quickOpenPath {
        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;

}

/*!
 * Brackets
 *
 * Copyright 2011 Adobe Systems Incorporated. All Rights Reserved.
 *
 * 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%;
}

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

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

    .sidebar {
        .vbox;
        width: 200px;
    }

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

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

#editorHolder {
    .vbox;
    .box-flex(1);

    /* Placeholder shown when there is no editor open */
    #notEditor {
        .box-flex(1);
        .vbox;
        .box-pack(center);
        .box-align(center);
        background-color: @background-color-2;

        #notEditorContent {
            color: @background-color-1;
            font-size: 350px;
            line-height: normal;
            margin-top: -0.25em;
            text-shadow: 0 1px @bc-black;
            opacity: 0.30;
        }
    }

    /* Scroll shadow */
    #editor-scroll-shadow {
        position: fixed;
        height: 4px;
        width: 100%;
        z-index: 12;
    }
}

#jslint-results, #search-results {
    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;
        .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;
        }
    }
}

#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
    .spriteIcon(0,0, 22px,11px, "styles/images/live_development_sprites.svg");
    &:hover {
        .spriteSwap(0,11px);
    }
    // 'Connected' state
    &.success {
        .spriteSwap(0,22px);
    }
    &.success:hover {
        .spriteSwap(0,33px);
    }
    // 'Connection in progress' state
    &.info {
        .spriteSwap(0,44px);
    }
}

/* Project panel */

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

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

    .project-file-header-area {
        padding: 6px 6px 2px 10px;
    }

    .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;
    overflow: auto;
    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;

        a {
            color: black;
            text-decoration: none;
            margin-left: 26px;
        }

        li {
            white-space: nowrap;
            position: relative; // so that children can be positioned absolute
            line-height: 24px;
            padding: 0 0 0 8px;
            height: 25px;
            vertical-align: baseline;
            a {
                color: #BBB;
                font-size: 14px;
                margin-left: 18px;
                cursor: default;
            }
            .extension a {
                color: #8e9a9d;
            }
            &:hover {
                background: transparent;
            }
            &:active {
                background-position: 0 1px;
            }
            &.selected {
                height: 25px;
                background: url("styles/images/active_back.png") no-repeat top right;
                a {
                    color: #fff;
                    font-weight: normal;
                }
                .extension a {
                    color: #fff;
                }
            }
        }
    }
}

//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);
    padding: 0px;
    padding-left: 8px;
    margin: 0;
    overflow: auto;

    ul { margin-top: 0; }
}

.scrollerShadow {
    /* top shadow */
    #gradient.vertical(rgba(0,0,0,0.10), rgba(0, 0, 0, 0));

    /* hide the shadow on init */
    background-position: 0px -9999px;

    background-size: 100% 4px;
    background-repeat: no-repeat;
}

@spriteSize18: 18px;

/** Classes for icons from jsTreeSprites.png
*/
.jsTreeSprite {
    background-image: url("styles/images/jsTreeSprites.png");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: @spriteSize18;
    height: @spriteSize18;
}

.disclosure-arrow-opened {
    .jsTreeSprite;
    display: inline-block;
    background-position: -@spriteSize18 0px;
}

.disclosure-arrow-closed {
    .jsTreeSprite;
    display: inline-block;
    background-position: 0px 0px;
}

/** Classes for icons from bracketSprites.png
*/

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

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

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

    &.canClose {
        background-position: 0 0;
    }

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

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

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

    .filename {
        font-family: @fontStackSansSerif;
        font-size: 1.1em;
        color: @inline-color-1;
        padding: 10px 10px 0px 10px;

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

        .lineNumber {
            color: @inline-color-2;
        }
    }

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

    .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 */
.relatedContainer {
    @top-margin: 12px;

    /*width: 0;*/
    font-family: @fontStackSansSerif;
    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 {
        @triangle-size: 10px;
        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%;
        .scaleX(0.9);
    }

    .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: 11;
}

.CodeMirror-dialog > div {
  font-family: @fontStackSansSerif;
  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: @fontStackSansSerif;
  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;

    .quickOpenPath {
        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;

}


[FEATURE] sap.m.ComboBox: Add HCB styles

Change-Id: Ib6417b7db40f3c0fdc72e1e9e9ead25da9d27364

/* ==================================================== */
/* CSS for control sap.m/ComboBoxBase.control HCB theme */
/* ==================================================== */

.sapMComboBoxBaseArrow::before,
.sapMComboBoxBaseBar::before {
	font-family: "SAP-icons";
	speak: none;
	content: "\e1ef";
}

.sapMComboBoxBaseArrow,
.sapMComboBoxBaseBar::before {
	position: absolute;
	text-align: center;
	color: @sapHCStandardFG;
}

/* ------------------------------ */
/* ComboBox                       */
/* ------------------------------ */

input.sapMComboBoxBaseInputInner {
	padding-right: 3rem;
}

/* note: do not optimize this selector, the sap.m.MulticomboBox DOM structure differ from sap.m.ComboBox */
.sapMComboBoxBasePressed .sapMComboBoxBaseInputInner:not(.sapMInputBaseStateInner) {
	border-color: @sapHCStandardFG;
}

/* ------------------------------ */
/* ComboBox's Arrow               */
/* ------------------------------ */

.sapMComboBoxBaseArrow {
	width: 2.5rem;
	height: 2.375rem;
	line-height: 2.375rem;
	top: 0.3125rem;
	right: 0.0625rem;
}

/* hover */

.sap-desktop .sapMComboBoxBaseArrow:not(.sapMComboBoxBasePressed):hover {
	background: @sapHCHighlightBG;
}

/* pressed */
/* note: do not optimize this selector, the sap.m.MulticomboBox DOM structure differ from sap.m.ComboBox */
.sapMComboBoxBasePressed .sapMComboBoxBaseArrow,
.sap-desktop .sapMComboBoxBasePressed .sapMComboBoxBaseArrow:hover {
	background: @sapHCHighlightAltBG;
}

 /* note: do not optimize this selector, the sap.m.MulticomboBox DOM structure differ from sap.m.ComboBox */
.sapMComboBoxBasePressed .sapMComboBoxBaseArrow::before {
	color: @sapHCStandardFG;
}

/* ------------------------------ */
/* ComboBox's List                */
/* ------------------------------ */

.sapMComboBoxBaseList {
	border: none;
}

.sapMComboBoxBaseItemDisabled {
	opacity: 0.5;
	pointer-events: none;
}

.sapMComboBoxBasePicker .sapMSLITitleOnly {
	font-size: 0.875rem;
}

/* ------------------------------ */
/* ComboBox's Item                */
/* ------------------------------ */

li.sapMComboBoxBaseItem {
	height: 2.5rem;
	border-bottom: .0625rem solid @sapHCReducedAltFG;
}

.sapMComboBoxBaseItem .sapMCb {
	height: 2.5rem;
	line-height: 2.5rem;
}

.sapMComboBoxBaseItem .sapMCbBg {
	top: 0;
	bottom: 0;
	margin: auto;
}

li.sapMComboBoxBaseItemVisible {
	display: block;
}

li.sapMComboBoxBaseItemNotVisible {
	display: none;
}

/* focus */

.sap-desktop li.sapMComboBoxBaseItem:focus {
	outline: none;
}

/* ------------------------------ */
/* ComboBox's Picker              */
/* ------------------------------ */

div.sapMComboBoxBasePicker {
	-webkit-box-shadow: 0 .25rem 1.875rem .125rem fade(@sapHCStandardFG, 80%);
	box-shadow: 0 .25rem 1.875rem .125rem fade(@sapHCStandardFG, 80%);
	border: none;
	min-width: 0; /* override the default min-width of the popover */
}

/* remove the Popover's arrow */

.sapMComboBoxBasePicker .sapMPopoverArr {
	display: none;
}

/* ------------------------------ */
/* ComboBox's Dialog              */
/* ------------------------------ */

.sapMComboBoxBaseBar {
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.sapMComboBoxBasePicker .sapMDialogScrollCont {
	padding: 0;
}

/* pressed */

.sapMComboBoxBaseBar::before {
	top: 0;
	right: 0;
	line-height: 3rem;
	width: 3.5rem;
	color: @sapHCStandardFG;
	background: @sapHCHighlightBG;
}

/* Bar inside the ComboBox's Dialog */

.sapMComboBoxBasePicker .sapMComboBoxBaseBar {
	background: @sapHCHighlightAltBG;
	border: 0.0625rem solid @sapHCStandardFG;
}

/* Input inside the ComboBox's Dialog */

.sapMComboBoxBasePicker input {
	padding-right: 3.5rem;
	vertical-align: top; /* override the default vertical align of the input control */
}

/* ===================================================================== */
/* CSS for control sap.m/ComboBox.control HCB theme compact size         */
/* ===================================================================== */

.sapUiSizeCompact input.sapMComboBoxBaseInputInner {
	padding-right: 2.5rem;
}

/* ------------------------------ */
/* ComboBox Arrow                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMComboBoxBaseArrow {
	width: 2rem;
	height: 1.5rem;
	line-height: 1.5rem;
	top: 0.25rem;
}

.sapUiSizeCondensed .sapMComboBoxBaseArrow {
	top: 0;
	right: 0;
}

/* ------------------------------ */
/* ComboBox Item                  */
/* ------------------------------ */

.sapUiSizeCompact li.sapMComboBoxBaseItem {
	height: 2rem;
}

/* ===================================================================== */
/* HCB Additional Styles                                                 */
/* ===================================================================== */
.sapMComboBoxBasePressed .sapMComboBoxBaseArrow,
.sap-desktop .sapMComboBoxBasePressed .sapMComboBoxBaseArrow:hover,
.sap-desktop .sapMComboBoxBaseArrow:not(.sapMComboBoxBasePressed):hover {
	border-left: 0.0625rem solid @sapHCStandardFG;
}

.sapMComboBoxBaseDisabled .sapMComboBoxBaseArrow,
.sapMComboBoxBaseDisabled .sapMComboBoxBaseBar::before {
	color: @sapHCReducedFG;
}

/* This is used to make border of the combobox's list not scrollable */
.sapMComboBoxBasePicker > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid @sapHCStandardFG;
	border-width: .0625rem .125rem .125rem;
}

error: pathspec 'src/sap.m/src/sap/m/themes/sap_hcb/ComboBoxBase.less' did not match any file(s) known to git


fix height of modal body, and make scrollable

//
// Modal
// ==============================

// Inspired by https://github.com/twbs/bootstrap

// Wrapper
// ------------------------------

.Modal {}

// Dialog
// ------------------------------

// shell div to position the modal
.Modal-dialog {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: @zindex-modal;
}
.Modal-dialog-enter {
	.animation-name( modalDialogEnter );
	.animation-duration( 280ms );
	.animation-timing-function( cubic-bezier(0.680, -0.550, 0.265, 1.550) );
}
.Modal-dialog-leave {
	.animation-duration( 140ms );
	.animation-name( modalDialogLeave );
}

// actual modal

.Modal-content {
	background-color: @modal-bg;
	outline: none; // remove focus outline from opened modal
	position: relative;
}

// sizes

@media (min-width: @screen-sm) {
	.Modal-dialog {
		margin-bottom: 100px;
		margin-top: 100px;
		width: @screen-sm;
	}
	.Modal-content {
		border-radius: @border-radius-base;
		box-shadow: 0 0 0 1px rgba(0,0,0,.175), 0 3px 8px rgba(0,0,0,.175);
	}
}

// Inner
// ------------------------------

// common
.Modal-header,
.Modal-body,
.Modal-footer {
	margin-left: @modal-padding-horizontal;
	margin-right: @modal-padding-horizontal;
	padding-bottom: @modal-padding-vertical;
	padding-top: @modal-padding-vertical;
	position: relative;
}

// header
.Modal-header {
	box-shadow: 0 2px 0 rgba(0,0,0,.05);
	z-index: 1;
}
.Modal-title {
	color: inherit;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
}

// close button
.Modal-close {
	.transition(opacity 140ms);
	// dechrome
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1ex;
	margin: 0;
	padding: 0;

	// style and position
	opacity: .4;
	font-size: 24px;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	position: absolute;
	right: -@modal-padding-horizontal;
	top: 0;

	// add the x
	&::after {
		content: "\00d7";
	}

	&:hover,
	&:focus {
		opacity: 1;
		outline: 0;
	}
	&:active {
		color: @app-danger;
	}
}

// body
.Modal-body {
	margin: 0;
	max-height: 400px;
	overflow-y: scroll;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	-webkit-overflow-scrolling: touch;
}

// footer
.Modal-footer {
	box-shadow: 0 -2px 0 rgba(0,0,0,.05);
	z-index: 1;
}

// Background
// ------------------------------

.Modal-backdrop {
	.animation-duration( 140ms );
	background-color: @modal-backdrop-bg;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: @zindex-modal-backdrop;
}
.Modal-background-enter {
	.animation-name( modalBackdropEnter );
}
.Modal-background-leave {
	.animation-delay( 240ms );
	.animation-name( modalBackdropLeave );
}

// Animation
// --------------------

// modal dialog

@-webkit-keyframes modalDialogEnter {
	from { opacity: 0; -webkit-transform: scale( .8 ); }
	to { opacity: 1; -webkit-transform: scale( 1 ); }
}
@keyframes modalDialogEnter {
	from { opacity: 0; transform: scale( .8 ); }
	to { opacity: 1; transform: scale( 1 ); }
}

@-webkit-keyframes modalDialogLeave {
	from { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: 0; -webkit-transform: scale( .8 ); }
}
@keyframes modalDialogLeave {
	from { opacity: 1; transform: scale( 1 ); }
	to { opacity: 0; transform: scale( .8 ); }
}

// modal backdrop

@-webkit-keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}

//
// Modal
// ==============================

// Inspired by https://github.com/twbs/bootstrap

// Wrapper
// ------------------------------

.Modal {}

// Dialog
// ------------------------------

// shell div to position the modal
.Modal-dialog {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: @zindex-modal;
}
.Modal-dialog-enter {
	.animation-name( modalDialogEnter );
	.animation-duration( 280ms );
	.animation-timing-function( cubic-bezier(0.680, -0.550, 0.265, 1.550) );
}
.Modal-dialog-leave {
	.animation-duration( 140ms );
	.animation-name( modalDialogLeave );
}

// actual modal

.Modal-content {
	background-color: @modal-bg;
	outline: none; // remove focus outline from opened modal
	position: relative;
}

// sizes

@media (min-width: @screen-sm) {
	.Modal-dialog {
		margin-bottom: 100px;
		margin-top: 100px;
		width: @screen-sm;
	}
	.Modal-content {
		border-radius: @border-radius-base;
		box-shadow: 0 0 0 1px rgba(0,0,0,.175), 0 3px 8px rgba(0,0,0,.175);
	}
}

// Inner
// ------------------------------

// common
.Modal-header,
.Modal-body,
.Modal-footer {
	margin-left: @modal-padding-horizontal;
	margin-right: @modal-padding-horizontal;
	padding-bottom: @modal-padding-vertical;
	padding-top: @modal-padding-vertical;
	position: relative;
}

// header
.Modal-header {
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);
}
.Modal-title {
	color: inherit;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
}

// close button
.Modal-close {
	.transition(opacity 140ms);
	// dechrome
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1ex;
	margin: 0;
	padding: 0;

	// style and position
	opacity: .4;
	font-size: 24px;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	position: absolute;
	right: -@modal-padding-horizontal;
	top: 0;

	// add the x
	&::after {
		content: "\00d7";
	}

	&:hover,
	&:focus {
		opacity: 1;
		outline: 0;
	}
	&:active {
		color: @app-danger;
	}
}

// body
.Modal-body {
	padding-bottom: @modal-padding-horizontal;
	padding-top: @modal-padding-horizontal;
}

// footer
.Modal-footer {
	box-shadow: inset 0 1px 0 rgba(0,0,0,.05), 0 -1px 0 rgba(0,0,0,.05);
}

// Background
// ------------------------------

.Modal-backdrop {
	.animation-duration( 140ms );
	background-color: @modal-backdrop-bg;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: @zindex-modal-backdrop;
}
.Modal-background-enter {
	.animation-name( modalBackdropEnter );
}
.Modal-background-leave {
	.animation-delay( 240ms );
	.animation-name( modalBackdropLeave );
}

// Animation
// --------------------

// modal dialog

@-webkit-keyframes modalDialogEnter {
	from { opacity: 0; -webkit-transform: scale( .8 ); }
	to { opacity: 1; -webkit-transform: scale( 1 ); }
}
@keyframes modalDialogEnter {
	from { opacity: 0; transform: scale( .8 ); }
	to { opacity: 1; transform: scale( 1 ); }
}

@-webkit-keyframes modalDialogLeave {
	from { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: 0; -webkit-transform: scale( .8 ); }
}
@keyframes modalDialogLeave {
	from { opacity: 1; transform: scale( 1 ); }
	to { opacity: 0; transform: scale( .8 ); }
}

// modal backdrop

@-webkit-keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}


Updating jenkins style

Updating jenkins style

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


REMOVE BULLETS FROM COMMENTS LOOP WIDGET

The spacing around, and bullets with the "recent comments" widget were
funky, so i de-funked them.

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/real-pants/Real-Pants.git/'


increasing spacing for notices icon

increasing spacing for notices icon

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


CRM-4660 Adopt grid backend realizationau

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


Revert "remove less file"

Revert "remove less file"

wrong branch, sorry

This reverts commit 0f4bb813bbd9aaf08632a47c2d3c4d9fa38a4d62.

.pat-passwordstrength + .pat-passwordstrength-meter {
    margin-top: 10px;
    line-height: 1px;

    div {
        display: inline-block;
        box-sizing: border-box;
        width: 25%;
        height: 20px;
        border-right: 2px solid white;
        background-color: #e5e5e5;
    }

    div:last-child {
        border-right: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAMAAABxsOwqAAABgFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQEBAQEDAwMFBQUICAgNDQ0SEhIbGxskJCQqKio3Nzd1dXV2dnZ/f3+Ojo6QkJCZmZmfn5+kpKSoqKiqqqqtra2urq6vr6+wsLCwsLCxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbFsbGxqampoaGhmZmZkZGRiYmJgYGBdXV1cXFxaWlpYWFhVVVVUVFRSUlJQUFBOTk5MTExKSkpHR0dFRUVDQ0NBQUE/Pz8M+rxwAAAAX3RSTlMAAAAAAAAAAAAAAAAAAAECBAcLERchLTpOYnmMq8XT8efn0KaehnNlV05EPDgyMC0rKCcmJiYoKSosLi8xMzY6SVhkc36Gkpeepaitr7O2ur/H0dji6u709/n6+/39/siucVUAAAABYktHRG4iD1EXAAAAT0lEQVQI12Pg4uJyjA/1AlIMXFymUY76gZ5gprM3F5dRFITpy8WlC2aaugfq6jrG6wOZfuHxYKDLwOUbBWEaIZj6QCaEFWUEZ4JEPaGipgA/ehqVQY+CkQAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        background-position: 95% center;
    }

    &.level-1 div:first-child {
        background-color: orangered;
    }

    &.level-2 div:first-child,
    &.level-2 div:first-child + div {
        background-color: orange;
    }

    &.level-3 div:first-child,
    &.level-3 div:first-child + div,
    &.level-3 div:first-child + div + div {
        background-color: orange;
    }

    &.level-4 div {
        background-color: lightgreen;
    }
}

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