Create rtl.less

Create rtl.less

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


recommiting app.less after accidental removal

@import '../bower_components/bootstrap/less/bootstrap.less';
@import '../bower_components/bootstrap-social/bootstrap-social.less';
@import '../bower_components/font-awesome/less/font-awesome.less';

@icon-font-path: '../bower_components/bootstrap/fonts/';
@fa-font-path: '../bower_components/font-awesome/fonts';

/**
 * App-wide Styles
 */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

// injector
@import 'admin/admin.less';
@import 'courses/courses.less';
@import 'instructor/signup/signup.less';
@import 'main/main.less';
@import 'student/dashboard/dashboard.less';
@import 'student/profile/profile.less';
@import 'student/signup/signup.less';
@import 'student/upload/upload.less';
@import '../components/footer/footer.less';
@import '../components/modal/modal.less';
@import '../components/oauth-buttons/oauth-buttons.less';
// endinjector

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


restyling utility nav header so cart link is visible

.mz-utilitynav {
    float: right;
    clear: both;
    color: @mystic-lightergray;

    .mz-utilitynav-item {
        float: left;
        margin: 0;
        padding: 0 10px;
        text-align: right;

        &:last-child {
            padding-right: 0;
            text-align: right;
        }
    }

    .mz-utilitynav-link {
        .permalink(@mystic-lightergray);
    }

}

error: pathspec 'stylesheets/modules/page-header/utility-nav.less' did not match any file(s) known to git


added some addtional color palette less file, for alerts for now, will extend other stuff too

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/YoungElPaso/accn-static.git/'


Created base.less which is derived from Pure

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


removed ::shadow from atom-text-editor

removed ::shadow from atom-text-editor

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


Remove the page header top margin.

Remove the page header top margin.

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


fixes #298 footer flash onload

fixes #298 footer flash onload

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


Create 1113_header.less

Create 1113_header.less

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


Reducing margin for content text

Reducing margin for content text

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


placeholder css

placeholder css

error: pathspec 'manager/app/assets/stylesheets/inventory.css.less' did not match any file(s) known to git


md for lists in lists

md for lists in lists

@import "../defaults/common.less";

/* COMMON ELEMENTS
 *******************/

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: bold;
  color: @strong;
}

.markdown p {
  line-height: 1.3em;
  margin-top: 15px;
}

.markdown p:first-child {
  margin-top: 0;
}

.markdown blockquote {
  .box-radius(8px);

  padding: 12px 12px 12px 42px;
  margin: 25px 0 15px 0;
  background-color: @light;

  border: 1px solid @grayish;
  border-top: 1px solid @light;
  border-left: 1px solid @light;

  min-height: 24px;

  position: relative;
}

.markdown blockquote:before {
  content: '{}';
  color: @strong + #777;
  text-shadow: 0 1px @strong;
  font-size: 30px;
  font-weight: bold;

  float: left;

  position: absolute;
  top: 50%;
  left: 12px;

  margin-top: -20px;
}

/* ITEM LISTS
 **************/

.markdown ul.item-list,
.markdown ol.item-list {
  margin: 20px 0;
}

.markdown ul.item-list li,
.markdown ol.item-list li {
  line-height: 1.6em;
  list-style-position:inside;
}

.markdown ul.item-list li {
  list-style-type: disc;
  list-style-type: hiragana-iroha;
}

.markdown ol.item-list li {
  list-style-type: decimal;
}

.markdown ul.item-list li:before,
.markdown ol.item-list li:before {
  content: '';
  padding-right: 3px;
}

.markdown blockquote ul.item-list:only-child,
.markdown blockquote ol.item-list:only-child {
  margin: 0;
}

/* lists within lists */
.markdown li > p {
  display: inline-block;
}

.markdown li > ul.item-list,
.markdown li > ol.item-list {
  margin-top: 0;
  margin-left: 20px;
}

/* CODE BLOCKS
 ***************/

.markdown pre {
  padding: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.markdown pre code {
  display: block;
}

/* PREVIEW
 *************/

.markdown-preview:not(:empty) {
  margin-top: 20px;
  padding: 15px;
  background-color: #ddc;
  border: 1px solid #ddc;
  .box-radius(3px);
}

@import "../defaults/common.less";

/* COMMON ELEMENTS
 *******************/

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: bold;
  color: @strong;
}

.markdown p {
  line-height: 1.3em;
  margin-top: 15px;
}

.markdown p:first-child {
  margin-top: 0;
}

.markdown blockquote {
  .box-radius(8px);

  padding: 12px 12px 12px 42px;
  margin: 25px 0 15px 0;
  background-color: @light;

  border: 1px solid @grayish;
  border-top: 1px solid @light;
  border-left: 1px solid @light;

  min-height: 24px;

  position: relative;
}

.markdown blockquote:before {
  content: '{}';
  color: @strong + #777;
  text-shadow: 0 1px @strong;
  font-size: 30px;
  font-weight: bold;

  float: left;

  position: absolute;
  top: 50%;
  left: 12px;

  margin-top: -20px;
}

/* ITEM LISTS
 **************/

.markdown ul.item-list,
.markdown ol.item-list {
  margin: 20px 0;
}

.markdown ul.item-list li,
.markdown ol.item-list li {
  line-height: 1.6em;
  list-style-position:inside;
}

.markdown ul.item-list li {
  list-style-type: disc;
  list-style-type: hiragana-iroha;
}

.markdown ol.item-list li {
  list-style-type: decimal;
}

.markdown ul.item-list li:before,
.markdown ol.item-list li:before {
  content: '';
  padding-right: 3px;
}

.markdown blockquote ul.item-list:only-child,
.markdown blockquote ol.item-list:only-child {
  margin: 0;
}

/* CODE BLOCKS
 ***************/

.markdown pre {
  padding: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.markdown pre code {
  display: block;
}

/* PREVIEW
 *************/

.markdown-preview:not(:empty) {
  margin-top: 20px;
  padding: 15px;
  background-color: #ddc;
  border: 1px solid #ddc;
  .box-radius(3px);
}


Changed Hx hover behavior.

Changed Hx hover behavior.

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/gmist/alice-box.git/'


Add really simple theme for the API docs

Just uses the fonts from the DC theme
We can customise further later

@base-font: 400 14px ~"/" 1.42 'Roboto', Helvetica, sans-serif;
@title-font: 200 36px 'BrandonText', Helvetica, sans-serif;
@code-font: 'Inconsolata', monospace;

error: pathspec 'polling_stations/templates/api_docs/theme/dc.less' did not match any file(s) known to git


added main.less file with CSS

added main.less file with CSS

.CodeMirror-linenumber.cc-JSLint-error-in-line {
    color: black;
}

.cc-JSLint-one-error, .cc-JSLint-several-errors, .cc-JSLint-stopping-error {
    margin-right: 2pt;
    padding-left: 2pt;
    padding-right: 2pt;
    font-weight: bold;
    color: white;
    border-radius: 50%;
}

.CodeMirror-gutter-elt {
    .cc-JSLint-several-errors {
        background-color: rgb(182, 43, 63);
    }

    .cc-JSLint-one-error {
        background-color: rgb(231, 79, 96);
    }
}

.CodeMirror-gutter-elt, .CodeMirror-linewidget {

    .cc-JSLint-stopping-error {
        background-color: rgb(115, 40, 48);
        //padding-right: 4pt;
        //padding-left: 4pt;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .cc-JSLint-just-style-warning {
        background-color: rgb(177, 177, 78);
    }

    .cc-JSLint-warning {
        background-color: rgb(224, 224, 2);
    }

    .cc-JSLint-bad-code-error {
        background-color: rgb(251, 105, 26);
    }

    .cc-JSLint-unclassified-error {
        background-color: rgb(254, 127, 127);
    }

    .cc-JSLint-syntax-error {
        background-color: rgb(216, 3, 3);
    }
}

.CodeMirror-linewidget {
    .cc-JSLint-bad-code-error {
        color:  white;
    }

    .cc-JSLint-unclassified-error {
        color:  white;
    }

    .cc-JSLint-syntax-error {
        color:  white;
    }
}

.CodeMirror-lines
{
    .cc-JSLint-error-message {
        white-space: normal;
        margin-right: 8em;
        margin-top: 2pt;
        width: 100%;
        font-family: 'SourceSansPro', Helvetica, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        box-shadow: inset 0pt 1pt 2pt rgb(137, 99, 96),
                    inset 0pt -1pt 2pt rgb(137, 99, 96);
        padding-top: 2pt;
        padding-bottom: 2pt;
        background-color: rgb(237, 199, 196);

        div {
            margin-top: 2pt;
            padding-left: 10px;
        }

        div:first-child {
            margin-top: 0pt;
        }

        span {
            padding-left: 1em;
            padding-right: 1em;
            //background-color: rgb(247, 153, 151);
            border-radius: 2em;
            border-top-left-radius: 0em;
        }

        span.cc-code {
            font-family: 'SourceCodePro', "ＭＳ ゴシック", "MS Gothic", monospace;
            padding-left: 0em;
            padding-right: 0em;
        }

        span.cc-offset {
            display: inline-block;
            padding: 0;
            margin: 0;
            margin-left: -10px;
            position: relative;
            background-color: transparent;
            border-radius: 0;
            border: 0;
        }
    }

    .cc-noscroll {
        overflow: hidden;
    }

    .highlightErrorLine {
        //background-color: rgb(237, 199, 196);
    }

    .cc-JSLint-error-stopped-right {
        border-color: black;
        border-bottom-style: dotted;
        border-bottom-width: 1pt;
    }
    .cc-JSLint-error-stopped-right:last-child {
        border-right-style: dashed;
        border-right-width: 1pt;
    }

    .cc-JSLint-error-stopped-left {
        border-left-color: black;
        border-left-style: dashed;
        border-left-width: 1pt;
    }

    .cc-JSLint-error-highlight {
        border-bottom-style: dotted;
        border-bottom-width: 2pt;
        border-bottom-color: red;
    }

    .cc-JSLint-just-style-warning {
        border-color: rgb(177, 177, 78);
    }

    .cc-JSLint-warning {
        border-color: rgb(224, 224, 2);
    }

    .cc-JSLint-bad-code-error {
        border-color: rgb(251, 148, 26);
    }

    .cc-JSLint-unclassified-error {
        border-color: rgb(254, 127, 127);
    }

    .cc-JSLint-syntax-error {
        border-color: rgb(216, 3, 3);
    }

    .cc-JSLint-error-missing-left {
        border-left-style: solid;
        border-left-width: 1pt;
        border-bottom-left-radius: 3pt;
        border-top-left-radius: 3pt;
    }

    .cc-JSLint-error-missing-right {
        border-right-style: solid;
        border-right-width: 1pt;
        border-bottom-right-radius: 3pt;
        border-top-right-radius: 3pt;
    }

    .cc-JSLint-error-missing-right:last-child {
        border-width: 2pt;
    }
}

// make the CodeMirror-gutter wider to accomodate the error marker
.cm-s-default div.CodeMirror-gutter {
    min-width: 5.0em;
}

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


[THEME] Applied proper padding of the content section for different screen sizes.

.ptn-content {
  padding: @ptn-util__mardding_vertical-1 * 2 @ptn-util__mardding_horizontal-1 * 2;

  @media (max-width: @screen-xs-max) {
    padding: @ptn-util__mardding_vertical-1 @ptn-util__mardding_horizontal-1;
  }
}

error: pathspec 'themes/ptn/assets/styles/src/sections/content.less' did not match any file(s) known to git


Add new bootstrap-variables file

Add new bootstrap-variables file

//
// Variables
// --------------------------------------------------

// Global values
// --------------------------------------------------

// Grays
// -------------------------
@black:                 #000;
@grayDarker:            #222;
@grayDark:              #333;
@gray:                  #555;
@grayLight:             #999;
@grayLighter:           #eee;
@white:                 #fff;

// Accent colors
// -------------------------
@blue:                  #049cdb;
@blueDark:              #0064cd;
@green:                 #46a546;
@red:                   #9d261d;
@yellow:                #ffc40d;
@orange:                #f89406;
@pink:                  #c3325f;
@purple:                #7a43b6;

// Scaffolding
// -------------------------
@bodyBackground:        @white;
@textColor:             @grayDark;

// Links
// -------------------------
@linkColor:             #08c;
@linkColorHover:        darken(@linkColor, 15%);

// Typography
// -------------------------
@sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
@serifFontFamily:       Georgia, "Times New Roman", Times, serif;
@monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace;

@baseFontSize:          14px;
@baseFontFamily:        @sansFontFamily;
@baseLineHeight:        20px;
@altFontFamily:         @serifFontFamily;

@headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
@headingsFontWeight:    bold;    // instead of browser default, bold
@headingsColor:         inherit; // empty to use BS default, @textColor

// Component sizing
// -------------------------
// Based on 14px font-size and 20px line-height

@fontSizeLarge:         @baseFontSize * 1.25; // ~18px
@fontSizeSmall:         @baseFontSize * 0.85; // ~12px
@fontSizeMini:          @baseFontSize * 0.75; // ~11px

@paddingLarge:          11px 19px; // 44px
@paddingSmall:          2px 10px;  // 26px
@paddingMini:           0 6px;   // 22px

@baseBorderRadius:      4px;
@borderRadiusLarge:     6px;
@borderRadiusSmall:     3px;

// Tables
// -------------------------
@tableBackground:                   transparent; // overall background-color
@tableBackgroundAccent:             #f9f9f9; // for striping
@tableBackgroundHover:              #f5f5f5; // for hover
@tableBorder:                       #ddd; // table and cell border

// Buttons
// -------------------------
@btnBackground:                     @white;
@btnBackgroundHighlight:            darken(@white, 10%);
@btnBorder:                         #bbb;

@btnPrimaryBackground:              @linkColor;
@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 20%);

@btnInfoBackground:                 #5bc0de;
@btnInfoBackgroundHighlight:        #2f96b4;

@btnSuccessBackground:              #62c462;
@btnSuccessBackgroundHighlight:     #51a351;

@btnWarningBackground:              lighten(@orange, 15%);
@btnWarningBackgroundHighlight:     @orange;

@btnDangerBackground:               #ee5f5b;
@btnDangerBackgroundHighlight:      #bd362f;

@btnInverseBackground:              #444;
@btnInverseBackgroundHighlight:     @grayDarker;

// Forms
// -------------------------
@inputBackground:               @white;
@inputBorder:                   #ccc;
@inputBorderRadius:             @baseBorderRadius;
@inputDisabledBackground:       @grayLighter;
@formActionsBackground:         #f5f5f5;
@inputHeight:                   @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border

// Dropdowns
// -------------------------
@dropdownBackground:            @white;
@dropdownBorder:                rgba(0,0,0,.2);
@dropdownDividerTop:            #e5e5e5;
@dropdownDividerBottom:         @white;

@dropdownLinkColor:             @grayDark;
@dropdownLinkColorHover:        @white;
@dropdownLinkColorActive:       @white;

@dropdownLinkBackgroundActive:  @linkColor;
@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;

// COMPONENT VARIABLES
// --------------------------------------------------

// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
@zindexDropdown:          1000;
@zindexPopover:           1010;
@zindexTooltip:           1030;
@zindexFixedNavbar:       1030;
@zindexModalBackdrop:     1040;
@zindexModal:             1050;

// Sprite icons path
// -------------------------
@iconSpritePath:          "../img/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";

// Input placeholder text color
// -------------------------
@placeholderText:         @grayLight;

// Hr border color
// -------------------------
@hrBorder:                @grayLighter;

// Horizontal forms & lists
// -------------------------
@horizontalComponentOffset:       180px;

// Wells
// -------------------------
@wellBackground:                  #f5f5f5;

// Navbar
// -------------------------
@navbarCollapseWidth:             979px;
@navbarCollapseDesktopWidth:      @navbarCollapseWidth + 1;

@navbarHeight:                    40px;
@navbarBackgroundHighlight:       #ffffff;
@navbarBackground:                darken(@navbarBackgroundHighlight, 5%);
@navbarBorder:                    darken(@navbarBackground, 12%);

@navbarText:                      #777;
@navbarLinkColor:                 #777;
@navbarLinkColorHover:            @grayDark;
@navbarLinkColorActive:           @gray;
@navbarLinkBackgroundHover:       transparent;
@navbarLinkBackgroundActive:      darken(@navbarBackground, 5%);

@navbarBrandColor:                @navbarLinkColor;

// Inverted navbar
@navbarInverseBackground:                #111111;
@navbarInverseBackgroundHighlight:       #222222;
@navbarInverseBorder:                    #252525;

@navbarInverseText:                      @grayLight;
@navbarInverseLinkColor:                 @grayLight;
@navbarInverseLinkColorHover:            @white;
@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover:       transparent;
@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;

@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus:     @white;
@navbarInverseSearchBorder:              @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor:    #ccc;

@navbarInverseBrandColor:                @navbarInverseLinkColor;

// Pagination
// -------------------------
@paginationBackground:                #fff;
@paginationBorder:                    #ddd;
@paginationActiveBackground:          #f5f5f5;

// Hero unit
// -------------------------
@heroUnitBackground:              @grayLighter;
@heroUnitHeadingColor:            inherit;
@heroUnitLeadColor:               inherit;

// Form states and alerts
// -------------------------
@warningText:             #c09853;
@warningBackground:       #fcf8e3;
@warningBorder:           darken(spin(@warningBackground, -10), 3%);

@errorText:               #b94a48;
@errorBackground:         #f2dede;
@errorBorder:             darken(spin(@errorBackground, -10), 3%);

@successText:             #468847;
@successBackground:       #dff0d8;
@successBorder:           darken(spin(@successBackground, -10), 5%);

@infoText:                #3a87ad;
@infoBackground:          #d9edf7;
@infoBorder:              darken(spin(@infoBackground, -10), 7%);

// Tooltips and popovers
// -------------------------
@tooltipColor:            #fff;
@tooltipBackground:       #000;
@tooltipArrowWidth:       5px;
@tooltipArrowColor:       @tooltipBackground;

@popoverBackground:       #fff;
@popoverArrowWidth:       10px;
@popoverArrowColor:       #fff;
@popoverTitleBackground:  darken(@popoverBackground, 3%);

// Special enhancement for popovers
@popoverArrowOuterWidth:  @popoverArrowWidth + 1;
@popoverArrowOuterColor:  rgba(0,0,0,.25);

// GRID
// --------------------------------------------------

// Default 940px grid
// -------------------------
@gridColumns:             12;
@gridColumnWidth:         60px;
@gridGutterWidth:         20px;
@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// 1200px min
@gridColumnWidth1200:     70px;
@gridGutterWidth1200:     30px;
@gridRowWidth1200:        (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

// 768px-979px
@gridColumnWidth768:      42px;
@gridGutterWidth768:      20px;
@gridRowWidth768:         (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

// Fluid grid
// -------------------------
@fluidGridColumnWidth:    percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth:    percentage(@gridGutterWidth/@gridRowWidth);

// 1200px min
@fluidGridColumnWidth1200:     percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200:     percentage(@gridGutterWidth1200/@gridRowWidth1200);

// 768px-979px
@fluidGridColumnWidth768:      percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768:      percentage(@gridGutterWidth768/@gridRowWidth768);

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


[新人有礼]修复新人有礼商品列表样式

[新人有礼]修复新人有礼商品列表样式

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/psychokiller666/heishi.git/'


Signed-off-by: Ge-yuan-jun <daydaygyj@gmail.com>

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


Delete list.less

Delete list.less

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


[Fix Bug 917343] Fix header responsiveness on all logged out screens.

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


fix(overlapping text): Fixed problem with overlapping text in Firefox

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


fix merge

fix merge

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/manti-by/Boogi.git/'


remove window-border-color variable

remove window-border-color variable

/** ----------------------------------------------------------------------------
 * Derivative colours (fixed variants of inherited variables)
 */
@default-action-color: darken(@secondary-background-color, 15%);
@default-action-contrast: contrast(@default-action-color, #444444);
@primary-background-contrast: contrast(@primary-background-color, #444444);
@primary-action-contrast: contrast(@primary-action-color, #444444);
@secondary-background-contrast: contrast(@secondary-background-color, #444444);
@secondary-action-contrast: contrast(@secondary-action-color, #444444);
@selection-background: lighten(@selection-color, 30%);
@success-background: lighten(@success-color, 45%);
@success-border: lighten(@success-color, 30%);
@error-background: lighten(@error-color, 45%);
@error-border: lighten(@error-color, 30%);
@error-contrast: contrast(@error-color);
@pending-background: lighten(@pending-color, 45%);
@pending-border: lighten(@pending-color, 30%);
@code-background-color: #f8f8f8;
@code-border-color: #cccccc;
@code-font-color: #333333;

/** ----------------------------------------------------------------------------
 * Transparency variables
 */

@transparent-darkest: rgba(0, 0, 0, 0.5);
@transparent-darker: rgba(0, 0, 0, 0.15);
@transparent-dark: rgba(0, 0, 0, 0.05);
@transparent-light: rgba(255, 255, 255, 0.1);
@transparent-lighter: rgba(255, 255, 255, 0.3);
@transparent-lightest: rgba(255, 255, 255, 0.6);

/** ----------------------------------------------------------------------------
 * Classes for variables
 */

// Major colors

.content-background-color {
	background-color: @content-background-color;
}

.primary-background-color {
	background-color: @primary-background-color;
}

.global-font-family {
	font-family: @body-font-family;
}

.color-primary-font-color {
	color: @primary-font-color;
}

.color-primary-action-color {
	color: @primary-action-color;
}

.background-primary-action-color {
	background-color: @primary-action-color;
}

.secondary-background-color {
	background-color: @secondary-background-color;
}

.secondary-font-color {
	color: @secondary-font-color;
}

.border-component-color {
	border-color: @component-color;
}

.background-component-color {
	background-color: @component-color;
}

.success-color {
	color: @success-color;
}

.pending-color {
	color: @pending-color;
}

.pending-background {
	background-color: @pending-background;
}

.pending-border {
	border-color: @pending-border;
}

.error-color {
	color: @pending-color;
}

.code-colors {
	background-color: @code-background-color;
	border-color: @code-border-color;
	color: @code-font-color;
}

.color-info-font-color {
	color: @info-font-color;
}

.background-info-font-color {
	background-color: @info-font-color;
}

.background-attention-color {
	background-color: @attention-color;
}

// Minor Colors

.tertiary-background-color {
	background-color: @tertiary-background-color;
}

// Derivative Colors

.color-tertiary-font-color {
	color: @tertiary-font-color;
}

.error-background {
	background-color: @error-background;
}

.error-border {
	border-color: @error-border;
}

.color-error-contrast {
	color: @error-contrast;
}

// transparent

.background-transparent-darkest {
	background-color: @transparent-darkest;
}

.background-transparent-darker {
	background-color: @transparent-darker;
}

.background-transparent-darker-hover:hover {
	background-color: @transparent-darker;
}

.background-transparent-darker-before::before {
	background-color: @transparent-darker;
}

.background-transparent-dark {
	background-color: @transparent-dark;
}

.background-transparent-dark-hover:hover {
	background-color: @transparent-dark;
}

.border-transparent-dark {
	border-color: @transparent-dark;
}

.background-transparent-light {
	background-color: @transparent-light;
}

.background-transparent-lightest {
	background-color: @transparent-lightest;
}

// Derivative Colors
.color-primary-action-contrast {
	color: @primary-action-contrast;
}

/** ----------------------------------------------------------------------------
 * Special components
 */

* {
	-webkit-overflow-scrolling: touch;

	&::-webkit-scrollbar {
		height: 8px;
		width: 8px;
		background: @transparent-dark;
	}

	&::-webkit-scrollbar-thumb {
		background-color: @custom-scrollbar-color;
		-webkit-border-radius: 50px;
	}

	&::-webkit-scrollbar-corner {
		background-color: @transparent-dark;
	}
}

.filter-item {
	border-color: @secondary-background-color;

	&:hover {
		border-color: @info-font-color;
	}

	&.active {
		border-color: @primary-background-color;
	}
}

/** ----------------------------------------------------------------------------
 * Document components
 */

.page-container {
	table {
		overflow: hidden;
	}

	tr:hover td {
		background-color: @content-background-color;
	}
}

.burger i {
	background-color: @primary-font-color;
}

/** ----------------------------------------------------------------------------
 * Forms
 */

.input-shade(@primary-font-color, @content-background-color);

.flex-nav {
	.input-shade(@primary-background-contrast, @primary-background-color);

	input {
		&:focus {
			border-color: fade(@primary-background-contrast, 50%);
		}
	}

	.input.checkbox.toggle {
		input:checked + label::before {
			background-color: @primary-action-color;
		}
	}
}

.input-line {
	&.setting-changed > label {
		color: @selection-color;
	}
}

input:-webkit-autofill {
	color: @primary-font-color !important;
	background-color: transparent !important;
}

.input {
	&.radio {
		label {
			&::before {
				border-color: lighten(@secondary-background-contrast, 30%);
				background-color: @content-background-color;
			}

			&::after {
				background-color: @secondary-background-contrast;
			}
		}
	}

	&.checkbox.toggle {
		input:checked + label::before {
			background-color: @secondary-background-contrast;
		}

		input:disabled + label::before {
			background-color: lighten(@secondary-background-contrast, 50%) !important;
		}

		label {
			&::before {
				background-color: lighten(@secondary-background-contrast, 30%);
			}

			&::after {
				background-color: @content-background-color;
			}

			&:hover {
				&::before {
					background-color: lighten(@secondary-background-contrast, 20%);
				}
			}
		}
	}
}

/** ----------------------------------------------------------------------------
 * Misc typography variants
 */
a {
	color: @primary-font-color;
}

a:active,
a:hover {
	color: @primary-action-color;
}

.message,
.flex-tab {
	a i,
	a[class^="icon-"] {
		color: @primary-font-color;

		&:hover {
			color: darken(@primary-font-color, 10%);
		}
	}
}

.error {
	border-color: @error-color;
}

/** ----------------------------------------------------------------------------
 * Admin and settings styles
 */
.page-settings {
	.terminal {
		background-color: #444444;
		color: white;
	}
}

.page-list,
.page-settings {
	a {
		color: @primary-font-color;

		&:hover {
			color: @primary-action-color;
		}
	}
}

.admin-table-row {
	background-color: @transparent-light;

	&:nth-of-type(even) {
		background-color: @transparent-lightest;
	}
}

.new-logs {
	background: @primary-action-contrast;
}

.code-error-box {
	.title {
		background-color: @error-color;
		color: white;
	}
}

.code-mirror-box {
	.buttons {
		background-color: #f7f7f7;
		// matches plugin styles
	}
}

.avatar-suggestion-item {
	.avatar {
		background-size: cover;
	}

	.question-mark::before {
		color: @secondary-font-color;
	}
}

/** ----------------------------------------------------------------------------
 * Asides (external to main application views)
 */

.full-page,
.page-loading {
	.gradient(shade(@primary-background-color), @primary-background-color);

	a {
		color: @tertiary-font-color;
	}

	a:hover {
		color: @primary-background-contrast;
	}

	.spinner > div {
		background-color: @primary-background-contrast;
	}
}

#login-card {
	.input-shade(@primary-font-color, @content-background-color);

	.input-text {
		input:-webkit-autofill {
			-webkit-box-shadow: 0 0 0 20px @content-background-color inset;
		}
	}
}

.dropzone.over .dropzone-overlay {
	color: @content-background-color;
}

/** ----------------------------------------------------------------------------
 * Room components
 */

.toggle-favorite {
	color: @component-color;
}

.container-bars {
	.upload-progress {
		.upload-progress-progress {
			background-color: @success-background;
		}
	}
}

.messages-container {
	.edit-room-title {
		.linkColors(@secondary-font-color, @primary-font-color);
	}

	.footer {
		background: @content-background-color;
	}

	.message-form {
		.message-buttons {
			.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);

			&:hover {
				background-color: mix(@secondary-background-color, contrast(@primary-font-color), 20%);
			}
		}

		textarea {
			&.editing {
				background-color: lighten(@pending-color, 40%);
			}
		}
	}

	.messages-box {
		&.selectable .selected {
			background-color: @selection-background;
		}
	}
}

.popup-item {
	&.selected {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
}

.messages-box {
	.editing .body,
	textarea.editing {
		background-color: lighten(@pending-color, 40%);
	}
}

/** ----------------------------------------------------------------------------
 * Message content
 */
.first-unread {
	.body {
		&::before {
			background: @transparent-darker;
		}

		&::after {
			color: @primary-font-color;
		}
	}
}

.first-unread-opaque {
	.body {
		&::before {
			background: @transparent-dark;
		}
	}
}

.message {
	&.new-day::before {
		background-color: @content-background-color;
	}

	&.new-day::after {
		border-color: @component-color;
	}

	.message-dropdown,
	.options-menu {
		color: lighten(@primary-font-color, 13%);

		ul li:hover {
			background-color: @tertiary-background-color;
		}
	}

	.is-bot,
	.role-tag {
		color: contrast(@info-font-color);
	}

	a {
		.linkColors(@link-font-color, darken(@link-font-color, 10%));
	}

	.mention-link {
		&.mention-link-me {
			color: @primary-action-contrast;
		}

		&.mention-link-all {
			color: @primary-action-contrast;
		}
	}

	.highlight-text {
		background-color: @selection-background;
	}
}

/** ----------------------------------------------------------------------------
 * Side nav
 */
.side-nav {
	a,
	.info {
		.linkColors(@tertiary-font-color, @tertiary-font-color);
	}

	.arrow::before,
	.arrow::after {
		background-color: @tertiary-font-color;
	}

	.rooms-list {
		background-color: lighten(@primary-background-color, 2.5%);
	}

	li.active {
		background-color: @transparent-light !important;
	}

	i.status-offline {
		color: @transparent-lighter !important;
	}

	i {
		color: @transparent-lighter;
	}

	.opt i:hover {
		color: @transparent-lightest;
	}

	.has-alert .name {
		color: @primary-background-contrast;
	}

	.unread {
		background-color: @success-color;
		color: contrast(@success-color, #000000, #ffffff, 50%);
	}

	.button {
		.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color));
	}

	.options button {
		.buttonColors(@tertiary-font-color, @primary-background-color);
	}
}

/** ----------------------------------------------------------------------------
 * Flex tabs / admin fly-out panels
 */
.flex-tab {
	input,
	select,
	textarea {
		background-color: @content-background-color;

		&:focus {
			border-color: lighten(@secondary-background-contrast, 30%);
		}
	}

	.content,
	.user-view,
	.list-view {
		background-color: @secondary-background-color;
	}

	.message {
		&.new-day::before {
			background-color: @secondary-background-color;
		}
	}

	.channel-settings {
		.buttons {
			.button {
				.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);
			}
		}

		.button.edit {
			.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);
		}

		.input.checkbox.toggle {
			input:checked + label::before {
				background-color: @primary-background-color;
			}
		}
	}
}

.flex-tab-bar {
	.tab-button {
		&:hover {
			background-color: @secondary-background-color;
		}

		&.active {
			background-color: @secondary-background-color;
			border-right-color: @selection-color;
		}

		&.attention {
			.blink(@selection-color);
		}
	}

	.counter {
		background: @secondary-font-color;
		color: white;
	}
}

.webrtc-video {
	&.webrtc-video-overlay,
	.main-video,
	.state-overlay::before,
	.videos .video-item {
		color: white;
	}

	video {
		background-color: black;
	}
}

/** ----------------------------------------------------------------------------
 * User status / user meta
 */
i.status-online {
	color: @status-online;
}

.account-box .status-online .thumb::after,
.account-box .status.online::after,
.popup-user-status-online,
.status-online::after,
.user-image.status-online .avatar::after {
	background-color: @status-online;
	border-color: darken(@status-online, 10%);
}

.account-box .status-offline .thumb::after,
.account-box .status.offline::after {
	background-color: @transparent-lighter;
}

i.status-away {
	color: @status-away;
}

.account-box .status-away .thumb::after,
.account-box .status.away::after,
.popup-user-status-away,
.status-pending::after,
.user-image.status-away .avatar::after {
	background-color: @status-away;
	border-color: darken(@status-away, 10%);
}

i.status-busy {
	color: @status-busy;
}

.account-box .status-busy .thumb::after,
.account-box .status.busy::after,
.popup-user-status-busy,
.status-busy::after,
.user-image.status-busy .avatar::after {
	background-color: @status-busy;
	border-color: darken(@status-busy, 10%);
}

i.status-offline {
	color: @status-offline;
}

.popup-user-status-offline,
.status-offline::after,
.user-image.status-offline .avatar::after {
	background-color: @status-offline;
	border-color: darken(@status-offline, 10%);
}

.popup-user-status-system {
	border-color: transparent;
}

.user-view {
	.box::after,
	.stats li,
	.tags li {
		background-color: @component-color;
	}
}

/** ----------------------------------------------------------------------------
 * Buttons!
 */
.actionLinks li .action-link {
	.buttonColors(@primary-action-contrast, @primary-action-color);
}

// new layout buttons

.button {
	.buttonColors(@default-action-contrast, @default-action-color);

	&.primary {
		.buttonColors(@primary-action-contrast, @primary-action-color);

		&[disabled] {
			background-color: lighten(desaturate(@primary-action-color, 50%), 30%);
		}
	}

	&.secondary {
		.buttonColors(@secondary-action-contrast, @secondary-action-color);

		&[disabled] {
			background-color: lighten(desaturate(@secondary-action-color, 50%), 30%);
		}
	}

	&.tertiary {
		.buttonColors(@primary-action-contrast, @selection-color);

		&[disabled] {
			background-color: lighten(desaturate(@selection-color, 50%), 30%);
		}
	}

	&.danger {
		.buttonColors(@error-contrast, @error-color);

		&[disabled] {
			background-color: lighten(desaturate(@error-color, 50%), 30%);
		}
	}

	&[disabled] {
		cursor: initial;
	}

	&.external-login {
		color: white;

		&.facebook {
			background-color: #325c99;
		}

		&.twitter {
			background-color: #02acec;
		}

		&.google {
			background-color: #dd4b39;
		}

		&.github {
			background-color: #4c4c4c;
		}

		&.gitlab {
			background-color: #373d47;
		}

		&.trello {
			background-color: #026aa7;
		}

		&.meteor-developer {
			background-color: #de4f4f;
		}

		&.wordpress {
			background-color: #1e8cbe;
		}

		&.linkedin {
			background-color: #1b86bc;
		}
	}
}

/** ----------------------------------------------------------------------------
 * Feedback and overlay content
 */

.alert-warning {
	color: darken(@pending-color, 25%);
}

.alert-link {
	.linkColors(@link-font-color, darken(@link-font-color, 10%));
}

label.required::after {
	color: @error-color;
}

.burger .unread-burger-alert {
	background-color: @error-color;
}

/** ----------------------------------------------------------------------------
 * Loading
 */

.main-content,
.flex-tab {
	.loading-animation > div {
		background-color: @primary-font-color;
	}
}

/** ----------------------------------------------------------------------------
 * Derivative colours (fixed variants of inherited variables)
 */
@default-action-color: darken(@secondary-background-color, 15%);
@default-action-contrast: contrast(@default-action-color, #444444);
@primary-background-contrast: contrast(@primary-background-color, #444444);
@primary-action-contrast: contrast(@primary-action-color, #444444);
@secondary-background-contrast: contrast(@secondary-background-color, #444444);
@secondary-action-contrast: contrast(@secondary-action-color, #444444);
@selection-background: lighten(@selection-color, 30%);
@success-background: lighten(@success-color, 45%);
@success-border: lighten(@success-color, 30%);
@error-background: lighten(@error-color, 45%);
@error-border: lighten(@error-color, 30%);
@error-contrast: contrast(@error-color);
@pending-background: lighten(@pending-color, 45%);
@pending-border: lighten(@pending-color, 30%);
@window-border-color: @component-color;
@code-background-color: #f8f8f8;
@code-border-color: #cccccc;
@code-font-color: #333333;

/** ----------------------------------------------------------------------------
 * Transparency variables
 */

@transparent-darkest: rgba(0, 0, 0, 0.5);
@transparent-darker: rgba(0, 0, 0, 0.15);
@transparent-dark: rgba(0, 0, 0, 0.05);
@transparent-light: rgba(255, 255, 255, 0.1);
@transparent-lighter: rgba(255, 255, 255, 0.3);
@transparent-lightest: rgba(255, 255, 255, 0.6);

/** ----------------------------------------------------------------------------
 * Classes for variables
 */

// Major colors

.content-background-color {
	background-color: @content-background-color;
}

.primary-background-color {
	background-color: @primary-background-color;
}

.global-font-family {
	font-family: @body-font-family;
}

.color-primary-font-color {
	color: @primary-font-color;
}

.color-primary-action-color {
	color: @primary-action-color;
}

.background-primary-action-color {
	background-color: @primary-action-color;
}

.secondary-background-color {
	background-color: @secondary-background-color;
}

.secondary-font-color {
	color: @secondary-font-color;
}

.border-component-color {
	border-color: @component-color;
}

.background-component-color {
	background-color: @component-color;
}

.success-color {
	color: @success-color;
}

.pending-color {
	color: @pending-color;
}

.pending-background {
	background-color: @pending-background;
}

.pending-border {
	border-color: @pending-border;
}

.error-color {
	color: @pending-color;
}

.code-colors {
	background-color: @code-background-color;
	border-color: @code-border-color;
	color: @code-font-color;
}

.color-info-font-color {
	color: @info-font-color;
}

.background-info-font-color {
	background-color: @info-font-color;
}

.background-attention-color {
	background-color: @attention-color;
}

// Minor Colors

.tertiary-background-color {
	background-color: @tertiary-background-color;
}

// Derivative Colors

.color-tertiary-font-color {
	color: @tertiary-font-color;
}

.error-background {
	background-color: @error-background;
}

.error-border {
	border-color: @error-border;
}

.color-error-contrast {
	color: @error-contrast;
}

// transparent

.background-transparent-darkest {
	background-color: @transparent-darkest;
}

.background-transparent-darker {
	background-color: @transparent-darker;
}

.background-transparent-darker-hover:hover {
	background-color: @transparent-darker;
}

.background-transparent-darker-before::before {
	background-color: @transparent-darker;
}

.background-transparent-dark {
	background-color: @transparent-dark;
}

.background-transparent-dark-hover:hover {
	background-color: @transparent-dark;
}

.border-transparent-dark {
	border-color: @transparent-dark;
}

.background-transparent-light {
	background-color: @transparent-light;
}

.background-transparent-lightest {
	background-color: @transparent-lightest;
}

// Derivative Colors
.color-primary-action-contrast {
	color: @primary-action-contrast;
}

/** ----------------------------------------------------------------------------
 * Special components
 */

* {
	-webkit-overflow-scrolling: touch;

	&::-webkit-scrollbar {
		height: 8px;
		width: 8px;
		background: @transparent-dark;
	}

	&::-webkit-scrollbar-thumb {
		background-color: @custom-scrollbar-color;
		-webkit-border-radius: 50px;
	}

	&::-webkit-scrollbar-corner {
		background-color: @transparent-dark;
	}
}

.filter-item {
	border-color: @secondary-background-color;

	&:hover {
		border-color: @info-font-color;
	}

	&.active {
		border-color: @primary-background-color;
	}
}

/** ----------------------------------------------------------------------------
 * Document components
 */

.page-container {
	table {
		overflow: hidden;
	}

	tr:hover td {
		background-color: @content-background-color;
	}
}

.burger i {
	background-color: @primary-font-color;
}

/** ----------------------------------------------------------------------------
 * Forms
 */

.input-shade(@primary-font-color, @content-background-color);

.flex-nav {
	.input-shade(@primary-background-contrast, @primary-background-color);

	input {
		&:focus {
			border-color: fade(@primary-background-contrast, 50%);
		}
	}

	.input.checkbox.toggle {
		input:checked + label::before {
			background-color: @primary-action-color;
		}
	}
}

.input-line {
	&.setting-changed > label {
		color: @selection-color;
	}
}

input:-webkit-autofill {
	color: @primary-font-color !important;
	background-color: transparent !important;
}

.input {
	&.radio {
		label {
			&::before {
				border-color: lighten(@secondary-background-contrast, 30%);
				background-color: @content-background-color;
			}

			&::after {
				background-color: @secondary-background-contrast;
			}
		}
	}

	&.checkbox.toggle {
		input:checked + label::before {
			background-color: @secondary-background-contrast;
		}

		input:disabled + label::before {
			background-color: lighten(@secondary-background-contrast, 50%) !important;
		}

		label {
			&::before {
				background-color: lighten(@secondary-background-contrast, 30%);
			}

			&::after {
				background-color: @content-background-color;
			}

			&:hover {
				&::before {
					background-color: lighten(@secondary-background-contrast, 20%);
				}
			}
		}
	}
}

/** ----------------------------------------------------------------------------
 * Misc typography variants
 */
a {
	color: @primary-font-color;
}

a:active,
a:hover {
	color: @primary-action-color;
}

.message,
.flex-tab {
	a i,
	a[class^="icon-"] {
		color: @primary-font-color;

		&:hover {
			color: darken(@primary-font-color, 10%);
		}
	}
}

.error {
	border-color: @error-color;
}

/** ----------------------------------------------------------------------------
 * Admin and settings styles
 */
.page-settings {
	.terminal {
		background-color: #444444;
		color: white;
	}
}

.page-list,
.page-settings {
	a {
		color: @primary-font-color;

		&:hover {
			color: @primary-action-color;
		}
	}
}

.admin-table-row {
	background-color: @transparent-light;

	&:nth-of-type(even) {
		background-color: @transparent-lightest;
	}
}

.new-logs {
	background: @primary-action-contrast;
}

.code-error-box {
	.title {
		background-color: @error-color;
		color: white;
	}
}

.code-mirror-box {
	.buttons {
		background-color: #f7f7f7;
		// matches plugin styles
	}
}

.avatar-suggestion-item {
	.avatar {
		background-size: cover;
	}

	.question-mark::before {
		color: @secondary-font-color;
	}
}

/** ----------------------------------------------------------------------------
 * Asides (external to main application views)
 */

.full-page,
.page-loading {
	.gradient(shade(@primary-background-color), @primary-background-color);

	a {
		color: @tertiary-font-color;
	}

	a:hover {
		color: @primary-background-contrast;
	}

	.spinner > div {
		background-color: @primary-background-contrast;
	}
}

#login-card {
	.input-shade(@primary-font-color, @content-background-color);

	.input-text {
		input:-webkit-autofill {
			-webkit-box-shadow: 0 0 0 20px @content-background-color inset;
		}
	}
}

.dropzone.over .dropzone-overlay {
	color: @content-background-color;
}

/** ----------------------------------------------------------------------------
 * Room components
 */

.toggle-favorite {
	color: @component-color;
}

.container-bars {
	.upload-progress {
		.upload-progress-progress {
			background-color: @success-background;
		}
	}
}

.messages-container {
	.edit-room-title {
		.linkColors(@secondary-font-color, @primary-font-color);
	}

	.footer {
		background: @content-background-color;
	}

	.message-form {
		.message-buttons {
			.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);

			&:hover {
				background-color: mix(@secondary-background-color, contrast(@primary-font-color), 20%);
			}
		}

		textarea {
			&.editing {
				background-color: lighten(@pending-color, 40%);
			}
		}
	}

	.messages-box {
		&.selectable .selected {
			background-color: @selection-background;
		}
	}
}

.popup-item {
	&.selected {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
}

.messages-box {
	.editing .body,
	textarea.editing {
		background-color: lighten(@pending-color, 40%);
	}
}

/** ----------------------------------------------------------------------------
 * Message content
 */
.first-unread {
	.body {
		&::before {
			background: @transparent-darker;
		}

		&::after {
			color: @primary-font-color;
		}
	}
}

.first-unread-opaque {
	.body {
		&::before {
			background: @transparent-dark;
		}
	}
}

.message {
	&.new-day::before {
		background-color: @content-background-color;
	}

	&.new-day::after {
		border-color: @component-color;
	}

	.message-dropdown,
	.options-menu {
		color: lighten(@primary-font-color, 13%);

		ul li:hover {
			background-color: @tertiary-background-color;
		}
	}

	.is-bot,
	.role-tag {
		color: contrast(@info-font-color);
	}

	a {
		.linkColors(@link-font-color, darken(@link-font-color, 10%));
	}

	.mention-link {
		&.mention-link-me {
			color: @primary-action-contrast;
		}

		&.mention-link-all {
			color: @primary-action-contrast;
		}
	}

	.highlight-text {
		background-color: @selection-background;
	}
}

/** ----------------------------------------------------------------------------
 * Side nav
 */
.side-nav {
	a,
	.info {
		.linkColors(@tertiary-font-color, @tertiary-font-color);
	}

	.arrow::before,
	.arrow::after {
		background-color: @tertiary-font-color;
	}

	.rooms-list {
		background-color: lighten(@primary-background-color, 2.5%);
	}

	li.active {
		background-color: @transparent-light !important;
	}

	i.status-offline {
		color: @transparent-lighter !important;
	}

	i {
		color: @transparent-lighter;
	}

	.opt i:hover {
		color: @transparent-lightest;
	}

	.has-alert .name {
		color: @primary-background-contrast;
	}

	.unread {
		background-color: @success-color;
		color: contrast(@success-color, #000000, #ffffff, 50%);
	}

	.button {
		.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color));
	}

	.options button {
		.buttonColors(@tertiary-font-color, @primary-background-color);
	}
}

/** ----------------------------------------------------------------------------
 * Flex tabs / admin fly-out panels
 */
.flex-tab {
	input,
	select,
	textarea {
		background-color: @content-background-color;

		&:focus {
			border-color: lighten(@secondary-background-contrast, 30%);
		}
	}

	.content,
	.user-view,
	.list-view {
		background-color: @secondary-background-color;
	}

	.message {
		&.new-day::before {
			background-color: @secondary-background-color;
		}
	}

	.channel-settings {
		.buttons {
			.button {
				.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);
			}
		}

		.button.edit {
			.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);
		}

		.input.checkbox.toggle {
			input:checked + label::before {
				background-color: @primary-background-color;
			}
		}
	}
}

.flex-tab-bar {
	.tab-button {
		&:hover {
			background-color: @secondary-background-color;
		}

		&.active {
			background-color: @secondary-background-color;
			border-right-color: @selection-color;
		}

		&.attention {
			.blink(@selection-color);
		}
	}

	.counter {
		background: @secondary-font-color;
		color: white;
	}
}

.webrtc-video {
	&.webrtc-video-overlay,
	.main-video,
	.state-overlay::before,
	.videos .video-item {
		color: white;
	}

	video {
		background-color: black;
	}
}

/** ----------------------------------------------------------------------------
 * User status / user meta
 */
i.status-online {
	color: @status-online;
}

.account-box .status-online .thumb::after,
.account-box .status.online::after,
.popup-user-status-online,
.status-online::after,
.user-image.status-online .avatar::after {
	background-color: @status-online;
	border-color: darken(@status-online, 10%);
}

.account-box .status-offline .thumb::after,
.account-box .status.offline::after {
	background-color: @transparent-lighter;
}

i.status-away {
	color: @status-away;
}

.account-box .status-away .thumb::after,
.account-box .status.away::after,
.popup-user-status-away,
.status-pending::after,
.user-image.status-away .avatar::after {
	background-color: @status-away;
	border-color: darken(@status-away, 10%);
}

i.status-busy {
	color: @status-busy;
}

.account-box .status-busy .thumb::after,
.account-box .status.busy::after,
.popup-user-status-busy,
.status-busy::after,
.user-image.status-busy .avatar::after {
	background-color: @status-busy;
	border-color: darken(@status-busy, 10%);
}

i.status-offline {
	color: @status-offline;
}

.popup-user-status-offline,
.status-offline::after,
.user-image.status-offline .avatar::after {
	background-color: @status-offline;
	border-color: darken(@status-offline, 10%);
}

.popup-user-status-system {
	border-color: transparent;
}

.user-view {
	.box::after,
	.stats li,
	.tags li {
		background-color: @component-color;
	}
}

/** ----------------------------------------------------------------------------
 * Buttons!
 */
.actionLinks li .action-link {
	.buttonColors(@primary-action-contrast, @primary-action-color);
}

// new layout buttons

.button {
	.buttonColors(@default-action-contrast, @default-action-color);

	&.primary {
		.buttonColors(@primary-action-contrast, @primary-action-color);

		&[disabled] {
			background-color: lighten(desaturate(@primary-action-color, 50%), 30%);
		}
	}

	&.secondary {
		.buttonColors(@secondary-action-contrast, @secondary-action-color);

		&[disabled] {
			background-color: lighten(desaturate(@secondary-action-color, 50%), 30%);
		}
	}

	&.tertiary {
		.buttonColors(@primary-action-contrast, @selection-color);

		&[disabled] {
			background-color: lighten(desaturate(@selection-color, 50%), 30%);
		}
	}

	&.danger {
		.buttonColors(@error-contrast, @error-color);

		&[disabled] {
			background-color: lighten(desaturate(@error-color, 50%), 30%);
		}
	}

	&[disabled] {
		cursor: initial;
	}

	&.external-login {
		color: white;

		&.facebook {
			background-color: #325c99;
		}

		&.twitter {
			background-color: #02acec;
		}

		&.google {
			background-color: #dd4b39;
		}

		&.github {
			background-color: #4c4c4c;
		}

		&.gitlab {
			background-color: #373d47;
		}

		&.trello {
			background-color: #026aa7;
		}

		&.meteor-developer {
			background-color: #de4f4f;
		}

		&.wordpress {
			background-color: #1e8cbe;
		}

		&.linkedin {
			background-color: #1b86bc;
		}
	}
}

/** ----------------------------------------------------------------------------
 * Feedback and overlay content
 */

.alert-warning {
	color: darken(@pending-color, 25%);
}

.alert-link {
	.linkColors(@link-font-color, darken(@link-font-color, 10%));
}

label.required::after {
	color: @error-color;
}

.burger .unread-burger-alert {
	background-color: @error-color;
}

/** ----------------------------------------------------------------------------
 * Loading
 */

.main-content,
.flex-tab {
	.loading-animation > div {
		background-color: @primary-font-color;
	}
}


remove empty lines

remove empty lines

// global variables
@sprite : url(../img/sprite.png);
@global-font: Helvetica, Arial, serif;
@bg-color: #f5f7f7;
@global-text-color: #2c373c;
@link-color: #3457c0;
@link-hover-color: #ed002d;

@font-face {
  font-family: 'museo_sans_cyrl';
  src: url('../fonts/museosanscyrl_500-webfont.eot');
  src: url('../fonts/museosanscyrl_500-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/museosanscyrl_500-webfont.woff') format('woff'),
  url('../fonts/museosanscyrl_500-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'museo_sans_cyrl';
  src: url('../fonts/museosanscyrl_500-webfont.eot');
  src: url('../fonts/museosanscyrl_500-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/museosanscyrl_500-webfont.woff') format('woff'),
  url('../fonts/museosanscyrl_500-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

html,
button,
input,
select,
textarea {
  color: #222;
}

html, body {
  height: 100%;
  min-height: 100%;
}

html {
  font-size: 0.875em;
}

body {
  margin: 0 auto;
  padding: 132px 0 0 0 ;
  min-height: 100%;
  max-width: 1290px;
  width: 93.71%;
  height: auto !important;
  line-height: 1.4;
  font-size: 1em;
  color: @global-text-color;
  font-family: @global-font;
  background-color: @bg-color;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: 'museo_sans_cyrl', @global-font;
  font-weight: normal;
  line-height: 1.1em;
  text-shadow: 0 1px #fff;
}

h4, h5, h6 {
  font-family: @global-font;
}

h1 {
  font-size: 3rem;
  font-weight: normal;
}

h2 {
  font-size: 2.571rem;
  font-weight: normal;
}

h3 {
  font-size: 1.5rem;
  font-weight: normal;
}

h4 {
  font-size: 1.214rem;
  font-weight: bold;
}

h5 {
  font-size: 1rem;
  font-weight: bold;
}

h6 {
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}

p {
  font-size: 1.5rem;
  line-height: 1.429em;
}

@media screen and (max-width:1330px){
  h1 {
    font-size: 2.571rem;
  }

  h2 {
    font-size: 2rem;
  }

  p {
    font-size: 1.143rem;
    line-height: 1.5em;
  }
  h3 {
    font-size: 1.214rem;
  }

  h4 {
    font-size: 1.143rem;
  }
}

@media screen and (max-width:1023px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.714rem;
  }
  p {
    font-size: 1rem;
    line-height: 1.643em;
  }
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  color: @link-color;
  &:hover {
    color: @link-hover-color;
    border-color: @link-hover-color;
  }
}

// for desctop
.hidden-d {
  .responsive-invisibility();
}

.visible-d {
  .responsive-visibility-block();
}

// for inline-lavel elements
.visible-d-i {
  .responsive-visibility-inline();
}

.clearfix {
  &:before, &:after {
    content: ""; display: table;
  }
  &:after {
    clear: both;
  }
}

.touch {
/*    body {
      padding-top: 107px;
    }

    .header-inside {
      padding: 15px 0 9px;
    }

    .main-nav {
      top: 26px;

      a {
        font-size: 12px;
      }
    }*/
}

.logo {
  display: inline-block;
  position: relative;
  width: 196px;
  height: 40px;
  background: url(../img/bg/logo.png) no-repeat;
  background-size: 100%;
  z-index: 2;
}

.slogan {
  margin: 0 0 45px;
  text-align: center;
  font-size: 1.500rem;
  font-family: 'museo_sans_cyrl', @global-font;
}

.address-list {
  li {
    margin-bottom: 13px;

    &>span:first-child {
        display: block;
        color: #919699;
        font-size: 0.857rem;
    }
  }
  .tel {
    text-decoration: none;
  }
}

.content {
  .clearfix;
}

.icon {
  display: inline-block;
  background: @sprite no-repeat;
}

.icon-share {
  width: 16px;
  height: 16px;
  background-position: -3px -3px;
}

.icon-facebook {
  .sq(24px);
  background-position: -22px -3px;
}

.icon-twitter {
  .sq(24px);
  background-position: -49px -3px;
}

.icon-github {
  .sq(24px);
  background-position: -76px -3px;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

/* header */

.header-fixed {
  &.pinned {
    position: absolute;
  }
  .transition(all .2s ease-in-out);
}

.header-pinned {
  .header-fixed {
    top: 0;
  }
}

.header-unpined {
  .header-fixed {
    top: -95px;
  }
}

.header-fixed header {
  .box-sizing(border-box);
  height: 95px;
  position: relative;
  margin: 0 auto 38px;
  max-width: 1290px;
  border-bottom: solid 1px #c3c7c8;
  border-bottom: solid 1px rgba(0, 0, 0, .2);
  padding: 27px 0 26px;
  .transition(all .2s ease-in-out);

  h1 {
    display: none;
  }
}

@media screen and (max-width:1024px) {
  .header-fixed header {
    height: 71px;
    padding: 15px 0 9px;
  }
}

.header-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5;
  background: @bg-color;

  header {
    width: 93.71%;
    margin: 0 auto -1px;
  }
}

@media screen and (max-width:777px) {
  .header-fixed {
    position: absolute;
  }
}

/* header */

/* top navigation */

header nav {
  position: absolute;
  top: 42px;
  right: 0;
  width: 100%;
  text-align: right;

  ul {
    overflow: hidden;
  }

  li {
    display: inline-block;
    margin-left: 5.7%;

    &.current a {
      color: #ed002d;
    }
  }

  a {
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.071em;
    color: #2c373c;
    font-family: 'museo_sans_cyrl', @global-font;
    letter-spacing: 0.161em;
  }
}

.close-mobile-nav {
  display: none;
  position: absolute;
  top: 28px;
  right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  fill: #fff;

  &:active {
    fill: #ec1b43;
  }
}

.show-mobile-nav {
  display: none;
  position: absolute;
  right: 2px;
  top: 24px;
  .sq(28px);
  background: #fff;
  text-align: center;
  cursor: pointer;

  img {
    margin-top: 7px;
    width: 16px;
    height: 15px;
  }
}

@media screen and (max-width:1330px) {
  header {
    nav {
      top: 40px;

      a {
        font-size: 0.857rem;
      }
    }
  }
}

@media screen and (max-width:1024px) {

  body {
    padding-top: 110px;
  }

  .slogan {
    margin: 0 35px 28px;
  }

  .slogan {
    font-size: 1.214em;
  }
  header {
    nav {
      top: 26px;
    }
  }
}

@media screen and (max-width:764px) {
  header {
    nav {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(23,27,29,.97);
      z-index: 999;

      ul {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 186px;
        height: 326px;

        li {
          display: block;
          text-align: center;
          float: none;
          margin: 0;
          &:last-child {
            a {
              border-bottom: solid 1px rgba(255, 255, 255, .13);
            }
          }
        }

        a {
          display: block;
          font-size: 1rem;
          color: #fff;
          width: 100%;
          height: 44px;
          line-height: 44px;
          outline: solid 0px transparent;
          border-top: solid 1px rgba(255, 255, 255, .13);

          &:hover {
            border-color: rgba(255, 255, 255, .13);
          }
        }
      }
    }
  }
  .show-mobile-nav, .close-mobile-nav {
    display: block;
  }
}

/* top navigation */

/* footer */

footer {
  border-top: solid 4px #2c373c;
  padding: 44px 0 20px;
  overflow: hidden;

  a {
    color: @global-text-color;
  }
  time {
    border: none;
    color: #919699;
    font-size: 0.857rem;
  }
  h3 {
    margin: 0 0 23px;
    font-size: 1.214rem;
  }
}

.contacts {
  width: 30.2727%;
  float: left;
  margin-right: 4.6511%;
}

.socials {
  overflow: hidden;
  margin: 4px 0;

  li {
    float: left;
    margin-right: 12px;
  }
}

.blog-posts {
  width: 30.2727%;
  float: left;
  margin-right: 4.6511%;

  time {
    display: block;
  }
  li {
    margin-bottom: 20px;
  }
  .icon-share {
    margin-left: 6px;
    vertical-align: -3px;
  }
  h4 {
    margin: 0;
    font-weight: normal;
  }
}

@media screen and (max-width:1023px){
  .blog-posts {
    h4 {
      font-size: 1rem;
    }
  }
}

@media screen and (max-width:715px){
  footer {
    padding-bottom: 50px;
    .contacts {
      width: 47.61%;
      margin-right: 0;
    }
    .link-cnt {
      clear: both;
    }
    .copyright {
      float: left;
      margin-top: 10px;
    }
  }
  .socials {
    float: left;
    margin-right: 10px;

    li {
      margin-right: 20px;
    }
  }
  .blog-posts {
      width: 47.61%;
      margin-right: 3.7425%;
  }
}

@media screen and (max-width:410px){
  footer {
    padding: 15px 0 23px;
    text-align: center;

    .copyright {
      float: none;
      font-size: 0.875rem;
    }
  }
  .socials {
    float: none;
    margin-bottom: 42px;

    li {
      display: inline-block;
      float: none;

      &:last-child {
        margin-right: 0;
      }
    }
  }
  .blog-posts {
    display: none;
  }
}

/* footer */

/* pagination */

//@todo add pagination size for 1366px

.pagination {
  margin-bottom: 48px;
  text-align: center;

  ul {
    display: inline-block;
    overflow: hidden;
  }
  li {
    float: left;
    margin-left: 1px;
    height: 60px;
    min-width: 60px;
    line-height: 60px;
    font-size: 1.500rem;
  }
  a {
    display: block;
    position: relative;
    padding: 0 5px;
    height: 60px;
    min-width: 50px;
    font-size: 21px;
    font-size: 1.714rem;
    color: @global-text-color;
    text-decoration: none;
    background: #fff;

    &.active {
      color: #ed002d;
    }
    &.prev {
      &:after {
        content: "";
        position: absolute;
        top: 20px;
        left: 24px;
        width: 10px;
        height: 19px;
        background: @sprite -212px -8px;
      }
    }
    &.next {
      &:after {
        content: "";
        position: absolute;
        top: 20px;
        left: 26px;
        width: 10px;
        height: 19px;
        background: @sprite -226px -8px;
      }
    }
  }
}

@media screen and (max-width:1080px) {
 .pagination {

  li {
    height: 48px;
    min-width: 48px;
    line-height: 48px;
    font-size: 1.500em;
  }
  a {
    height: 48px;
    min-width: 38px;

    &.prev {
      &:after {
        top: 15px;
        left: 18px;
      }
    }
    &.next {
      &:after {
        top: 15px;
        left: 18px;
      }
    }
  }
}
}

@media screen and (max-width:777px) {
  .pagination {
    li {
      font-size: 1em;
    }
  }
}

@media screen and (max-width:620px) {
  .pagination {
    .hidden-in-table {
      display: none;
    }
  }
}

@media screen and (max-width:410px){
  .pagination {
    .hidden-in-mobile {
      display: none;
    }
  }
}

/* pagination */

/* project-list */

.projects {
  text-align: center;
  margin: 8px 0  18px;

  li {
      display: inline-block;
      width: 23.2558%;
      max-width: 300px;
      margin: 0 1.88% 23px 0;
      vertical-align: top;

      &:nth-child(4n){
        margin-right: 0;
      }
    }
  h3 {
    font-family: @global-font;
  }
  a {
    text-align: center;
    text-decoration: none;
    color: @global-text-color;
    font-weight: bold;
  }
  p {
    display: block;
    margin: 8px 0 0 ;
    color: #919699;
    font-size: 0.786rem;
    line-height: 1.363em;
  }
  img {
    margin-bottom: 11px;
    width: 100%;
    border-radius: 4px;
  }
  h3 {
    display: inline-block;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
  }
}

.show-all-projects {
  display: block;
  margin-bottom: 40px ;
  height: 60px;
  font-size: 1.5rem;
  text-decoration: none;
  line-height: 60px;
  color: @global-text-color;
  text-align: center;
  background: #fff;
}

@media screen and (max-width:1089px) {
  .projects {
    li {
      width: 31.25%;
      margin-right: 2.2041%;

      &:nth-child(4n) {
        margin-right: 2.6041%;
      }
      &:nth-child(3n) {
        margin-right: 0;
      }
    }
  }

  .show-all-projects {
    height: 48px;
    line-height: 48px;
    font-size: 1.214rem;
  }
}

@media screen and (max-width:777px) {
  .show-all-projects {
    margin-bottom: 23px;
    font-size: 1.214rem;
  }
}

@media screen and (max-width:715px){
  .projects {
    li {
      width: 47.61%;
      margin-right: 3.243%;

      &:nth-child(3n) {
        margin-right: 3.243%;
      }
      &:nth-child(2n) {
        margin-right: 0;
      }
    }
  }
}

@media screen and (max-width:350px){
  .projects {
    li {
      width: 100%;
      margin-right: 0;
    }
  }
}

/* project-list */

@media screen and (max-width:715px){
  .icon-facebook {
    .sq(32px);
    background-position: -105px -3px;
  }
  .icon-twitter {
    .sq(32px);
    background-position: -140px -3px;
  }
  .icon-github {
    .sq(32px);
    background-position: -175px -3px;
  }
}

@media screen and (max-width:410px){
  section.contacts {
    margin-bottom: 38px;
    width: 100%;

    h3 {
      font-size: 1.714rem;
    }
    li {
      &>span:first-child {
        margin-bottom: -2px;
        font-size: 0.75rem;
      }
    }
  }

  .icon-facebook {
    .sq(48px);
    background-position: -3px -37px;
  }
  .icon-twitter {
    .sq(48px);
    background-position: -55px -37px;
  }
  .icon-github {
    .sq(48px);
    background-position: -107px -37px;
  }
}

@media screen and (max-width:350px){
  .hidden-pp {
    .responsive-invisibility();
  }

  .visible-pp {
    .responsive-visibility-block();
  }

  .visible-pp-i {
    .responsive-visibility-inline();
  }

  body {
    width: 93.75%;
  }

  .slogan {
    font-size: 0.929rem;
    margin: 0 0 29px 0;
  }

}


Hub title change

Hub title change

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/ideajoint/shell.git/'


Consoilidates the u-link-child__hover mixin.

fatal: unable to access 'https://github.com/jimmynotjim/cfgov-refresh.git/': The requested URL returned error: 403


Bug 624 - Nowy widok do team - ostylowanie

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/stxnext/intranet-open.git/'


adding new theme

adding new theme

@import "../../external.less";

/* Global Config */
@av-primary: #E65C56;
@av-secondary: #768BAB;
@av-primary-contrast: white;
@av-secondary-contrast: white;
@brand-primary: @av-primary;
@brand-success: @av-secondary;
@link-color: @av-secondary;
@text-success: @av-secondary;
@state-success-text: @av-secondary;

/* Admin Config */
@av-bg: #EEE;
@av-bg-hover: #DDD;
@av-error-bg: #fff;
@av-error-color: #990000;

@imgdir: "../../img";

@import "../../app.less";

/* Global LESS */

a:hover, a:active {
  color: lighten(@av-secondary, 15%);
}

.btn-plain {
  border-radius: 0;
  border: 0;
}

.item-block {
  display: block;
  width: 100%;
  border: 0;
}

.text-brand-success {
  color: @brand-success;
}

.text-brand-warning {
  color: @brand-warning;
}

.text-brand-danger {
  color: @brand-danger;
}

.text-brand-primary {
  color: @brand-primary;
}

.text-av-secondary {
  color: @av-secondary;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.btn-success {
  border-color: @btn-success-color;
}

.sidebar .sub1 a {
  padding-left: 40px;
}

.btn-transparent {
  transition: all .4s ease;
  border-color: @av-primary-contrast;
  color: @av-primary-contrast;
  background-color: transparent;

  &:hover {
    color: @av-primary;
    background-color: white;
  }
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.modal-dialog {
  margin-top: 10%;

  .dialog-header-warning {
    background-color: @btn-warning-bg;
  }

  .modal-header h4 {
    color: @av-primary-contrast;

    .title {
      padding-left: 15px;
    }
  }
}

#no-js {
  color: @gray-dark;
  text-align: center;
  padding: 5%;
}

#unsupported-browser {
  color: @gray-dark;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  display: none;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 5%;
}

/* End Global LESS */

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


Create navbar.less

Create navbar.less

//**** Navbar ****//

//Base Style

nav {
   display: block;
}

.navbar {
   position: relative;
   background: @navbar;
   margin: 0 0 20px 0;
   border: 1px solid @navbar-border;
   border-radius: @border-radius;
   min-height: @navbar-min-height;
}

.navbar.nm {
   margin: 0;
}

.navbar:after {
   content: " ";
   display: table;
   clear: both;
}

.navbar .navbar-title {
   font-size: @navbar-title-font-size;
   float: left;
   color: @navbar-color;
   line-height: @navbar-title-line-height;
   padding: @navbar-title-padding-vertical;
}

.navbar .navbar-title:hover {
   color: @navbar-color-hover;
}

.navbar .navbar-links {
   display: block;
   float: left;
   padding-left: 0;
   margin: 0;
}

.navbar .navbar-links > li {
   padding: 0; //No conflict with default list style
   list-style: none;
   display: block;
   float: left;
}

.navbar .navbar-links > li > a {
   display: block;
   font-size: @navbar-links-font-size;
   line-height: @navbar-links-line-height;
   padding: @navbar-links-padding-vertical;
   color: @navbar-color;
}

.navbar .navbar-links > li > a:hover, .navbar .navbar-links > li > a:focus {
   color: @navbar-color-hover;
}

.navbar .navbar-links > li.active > a {
   background: @navbar-active;
   color: @navbar-color-active;
}

@media (max-width: (@small-screen-width - 1px)){
   .navbar .navbar-links {
      display: none;
   }
   .navbar .navbar-links.open {
      display: block;
   }
}

.navbar .navbar-toggle {
   float: right;
   background: none;
   border: none;
   padding: 14px;
   color: @navbar-color;
}

.navbar .navbar-toggle:hover {
   color: @navbar-color-hover;
}

.navbar .navbar-toggle:after {
   content: "\f0c9";
   font: normal normal normal 14px/1 FontAwesome;
   font-size: 21px;
}

@media (min-width: @small-screen-width){
   .navbar .navbar-toggle {
      display: none;
   }
}

//Navbar Static

.navbar.navbar-static {
   border: none; //Reset Borders
   border-bottom: 1px solid @navbar-border;
   border-radius: 0px;
}

//Navbar Fixed

.navbar.navbar-fixed {
   position: fixed;
   right: 0;
   left: 0;
   top: 0;
   z-index: @navbar-z-index;
   border: none; //Reset Borders
   border-bottom: 1px solid @navbar-border;
   border-radius: 0px;
}

//Navbar Dark

.navbar.navbar-dark {
   border: 1px solid @navbar-dark-border;
   background: @navbar-dark;
}

.navbar.navbar-dark .navbar-title {
   color: @navbar-dark-color;
}

.navbar.navbar-dark .navbar-title:hover {
   color: @navbar-dark-color-hover;
}

.navbar.navbar-dark .navbar-links > li > a {
   color: @navbar-dark-color;
}

.navbar.navbar-dark .navbar-links > li > a:hover, .navbar.navbar-dark .navbar-links > li > a:focus {
   color: @navbar-dark-color-hover;
}

.navbar.navbar-dark .navbar-links > li > a:active {
   color: @navbar-dark-color-active;
}

.navbar.navbar-dark .navbar-links > li.active > a {
   background: @navbar-dark-active;
   color: @navbar-dark-color-active;
}

.navbar.navbar-dark .navbar-toggle {
   color: @navbar-dark-color;
}

.navbar.navbar-dark .navbar-toggle:hover {
   color: @navbar-dark-color-hover;
}

//Navbar Dark Static

.navbar.navbar-dark.navbar-static {
   border: none; //Reset Borders
   border-bottom: 1px solid @navbar-dark-border;
}

//Navbar Dark Fixed

.navbar.navbar-dark.navbar-fixed {
   border: none; //Reset Borders
   border-bottom: 1px solid @navbar-dark-border;
}

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


Styles changed.

Styles changed.

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


Fix attached message to segment

Fix attached message to segment

/*!
 * # Semantic UI - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Theme
*******************************/

@type    : 'collection';
@element : 'message';

@import (multiple) '../../theme.config';

/*******************************
            Message
*******************************/

.ui.message {
  position: relative;
  min-height: 1em;
  margin: @verticalMargin 0em;
  background: @background;
  padding: @verticalPadding @horizontalPadding;
  line-height: @lineHeight;
  color: @textColor;
  transition: @transition;
  border-radius: @borderRadius;
  box-shadow: @boxShadow;
}

.ui.message:first-child {
  margin-top: 0em;
}
.ui.message:last-child {
  margin-bottom: 0em;
}

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

/* Header */
.ui.message .header {
  display: @headerDisplay;
  font-family: @headerFont;
  font-weight: @headerFontWeight;
  margin: @headerMargin;
}

/* Default font size */
.ui.message .header:not(.ui) {
  font-size: @headerFontSize;
}

/* Paragraph */
.ui.message p {
  opacity: @messageTextOpacity;
  margin: @messageParagraphMargin 0em;
}
.ui.message p:first-child {
  margin-top: 0em;
}
.ui.message p:last-child {
  margin-bottom: 0em;
}
.ui.message .header + p {
  margin-top: @headerParagraphDistance;
}

/* List */
.ui.message ul.list {
  text-align: left;
  padding: 0em;
  opacity: @listOpacity;
  list-style-position: @listStylePosition;
  margin: @listMargin 0em 0em;
}
.ui.message ul.list:first-child {
  margin-top: 0em;
}
.ui.message ul.list:last-child {
  margin-bottom: 0em;
}
.ui.message ul.list li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em @listItemMargin @listItemIndent;
  padding: 0em;
}
.ui.message ul.list li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.ui.message ul.list li:last-child {
  margin-bottom: 0em;
}

/* Icon */
.ui.message > .icon {
  margin-right: @iconDistance;
}

/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: @closeTopDistance;
  right: @closeRightDistance;
  opacity: @closeOpacity;
  transition: @closeTransition;
}
.ui.message > .close.icon:hover {
  opacity: 1;
}

/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0em;
}
.ui.message > :last-child {
  margin-bottom: 0em;
}

/*******************************
            Coupling
*******************************/

.ui.dropdown .menu > .message {
  margin: 0px -@borderWidth;
}

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

/*--------------
    Visible
---------------*/

.ui.visible.visible.visible.visible.message {
  display: block;
}

.ui.icon.visible.visible.visible.visible.message {
  display: flex;
}

/*--------------
     Hidden
---------------*/

.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}

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

/*--------------
    Compact
---------------*/

.ui.compact.message {
  display: inline-block;
}

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

.ui.attached.message {
  width: 100%;
  margin-bottom: @attachedYOffset;
  border-radius: @borderRadius @borderRadius 0em 0em;
  box-shadow: @attachedBoxShadow;
  margin-left: @attachedXOffset;
  margin-right: @attachedXOffset;
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: @attachedYOffset;
  border-radius: 0em;
}
.ui.bottom.attached.message {
  margin-top: @attachedYOffset;
  border-radius: 0em 0em @borderRadius @borderRadius;
  box-shadow: @attachedBottomBoxShadow;
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: @verticalMargin;
}
.ui.attached.icon.message {
  display: block;
  width: auto;
}

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

.ui.icon.message {
  display: flex;
  width: 100%;
  align-items: center;
}
.ui.icon.message > .icon:not(.close) {
  display: block;
  flex: 0 1 auto;
  width: auto;
  line-height: 1;
  vertical-align: @iconVerticalAlign;
  font-size: @iconSize;
  opacity: @iconOpacity;
}
.ui.icon.message > .content {
  display: block;
  flex: 1 1 auto;
  vertical-align: @iconVerticalAlign;
}

.ui.icon.message .icon:not(.close) + .content {
  padding-left: @iconContentDistance;
}
.ui.icon.message .circular.icon {
  width: 1em;
}

/*--------------
    Floating
---------------*/

.ui.floating.message {
  box-shadow: @floatingBoxShadow;
}

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

.ui.black.message {
  background-color: @black;
  color: @invertedTextColor;
}

/*--------------
     Types
---------------*/

/* Positive */
.ui.positive.message {
  background-color: @positiveBackgroundColor;
  color: @positiveTextColor;
}
.ui.positive.message,
.ui.attached.positive.message {
  box-shadow: @positiveBoxShadow;
}
.ui.positive.message .header {
  color: @positiveHeaderColor;
}

/* Negative */
.ui.negative.message {
  background-color: @negativeBackgroundColor;
  color: @negativeTextColor;
}
.ui.negative.message,
.ui.attached.negative.message {
  box-shadow: @negativeBoxShadow;
}
.ui.negative.message .header {
  color: @negativeHeaderColor;
}

/* Info */
.ui.info.message {
  background-color: @infoBackgroundColor;
  color: @infoTextColor;
}
.ui.info.message,
.ui.attached.info.message {
  box-shadow: @infoBoxShadow;
}
.ui.info.message .header {
  color: @infoHeaderColor;
}

/* Warning */
.ui.warning.message {
  background-color: @warningBackgroundColor;
  color: @warningTextColor;
}
.ui.warning.message,
.ui.attached.warning.message {
  box-shadow: @warningBoxShadow;
}
.ui.warning.message .header {
  color: @warningHeaderColor;
}

/* Error */
.ui.error.message {
  background-color: @errorBackgroundColor;
  color: @errorTextColor;
}
.ui.error.message,
.ui.attached.error.message {
  box-shadow: @errorBoxShadow;
}
.ui.error.message .header {
  color: @errorHeaderColor;
}

/* Success */
.ui.success.message {
  background-color: @successBackgroundColor;
  color: @successTextColor;
}
.ui.success.message,
.ui.attached.success.message {
  box-shadow: @successBoxShadow;
}
.ui.success.message .header {
  color: @successHeaderColor;
}

/* Colors */
.ui.inverted.message,
.ui.black.message {
  background-color: @black;
  color: @invertedTextColor;
}

.ui.blue.message {
  background-color: @blueBackground;
  color: @blueTextColor;
}
.ui.blue.message .header {
  color: @blueHeaderColor;
}
.ui.green.message {
  background-color: @greenBackground;
  color: @greenTextColor;
}
.ui.green.message .header {
  color: @greenHeaderColor;
}
.ui.orange.message {
  background-color: @orangeBackground;
  color: @orangeTextColor;
}
.ui.orange.message .header {
  color: @orangeHeaderColor;
}
.ui.pink.message {
  background-color: @pinkBackground;
  color: @pinkTextColor;
}
.ui.pink.message .header {
  color: @pinkHeaderColor;
}
.ui.purple.message {
  background-color: @purpleBackground;
  color: @purpleTextColor;
}
.ui.purple.message .header {
  color: @purpleHeaderColor;
}
.ui.red.message {
  background-color: @redBackground;
  color: @redTextColor;
}
.ui.red.message .header {
  color: @redHeaderColor;
}
.ui.teal.message {
  background-color: @tealBackground;
  color: @tealTextColor;
}
.ui.teal.message .header {
  color: @tealHeaderColor;
}
.ui.yellow.message {
  background-color: @yellowBackground;
  color: @yellowTextColor;
}
.ui.yellow.message .header {
  color: @yellowHeaderColor;
}

/*--------------
     Sizes
---------------*/

.ui.small.message {
  font-size: @relativeSmall;
}
.ui.message {
  font-size: @relativeMedium;
}
.ui.large.message {
  font-size: @relativeLarge;
}
.ui.huge.message {
  font-size: @relativeHuge;
}
.ui.massive.message {
  font-size: @relativeMassive;
}

.loadUIOverrides();

/*!
 * # Semantic UI - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Theme
*******************************/

@type    : 'collection';
@element : 'message';

@import (multiple) '../../theme.config';

/*******************************
            Message
*******************************/

.ui.message {
  position: relative;
  min-height: 1em;
  margin: @verticalMargin 0em;
  background: @background;
  padding: @verticalPadding @horizontalPadding;
  line-height: @lineHeight;
  color: @textColor;
  transition: @transition;
  border-radius: @borderRadius;
  box-shadow: @boxShadow;
}

.ui.message:first-child {
  margin-top: 0em;
}
.ui.message:last-child {
  margin-bottom: 0em;
}

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

/* Header */
.ui.message .header {
  display: @headerDisplay;
  font-family: @headerFont;
  font-weight: @headerFontWeight;
  margin: @headerMargin;
}

/* Default font size */
.ui.message .header:not(.ui) {
  font-size: @headerFontSize;
}

/* Paragraph */
.ui.message p {
  opacity: @messageTextOpacity;
  margin: @messageParagraphMargin 0em;
}
.ui.message p:first-child {
  margin-top: 0em;
}
.ui.message p:last-child {
  margin-bottom: 0em;
}
.ui.message .header + p {
  margin-top: @headerParagraphDistance;
}

/* List */
.ui.message ul.list {
  opacity: @listOpacity;
  list-style-position: @listStylePosition;
  margin: @listMargin 0em 0em;
  padding: 0em;
}
.ui.message ul.list:first-child {
  margin-top: 0em;
}
.ui.message ul.list:last-child {
  margin-bottom: 0em;
}
.ui.message ul.list li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em @listItemMargin @listItemIndent;
  padding: 0em;
}
.ui.message ul.list li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.ui.message ul.list li:last-child {
  margin-bottom: 0em;
}

/* Icon */
.ui.message > .icon {
  margin-right: @iconDistance;
}

/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: @closeTopDistance;
  right: @closeRightDistance;
  opacity: @closeOpacity;
  transition: @closeTransition;
}
.ui.message > .close.icon:hover {
  opacity: 1;
}

/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0em;
}
.ui.message > :last-child {
  margin-bottom: 0em;
}

/*******************************
            Coupling
*******************************/

.ui.dropdown .menu > .message {
  margin: 0px -@borderWidth;
}

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

/*--------------
    Visible
---------------*/

.ui.visible.visible.visible.visible.message {
  display: block;
}

.ui.icon.visible.visible.visible.visible.message {
  display: flex;
}

/*--------------
     Hidden
---------------*/

.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}

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

/*--------------
    Compact
---------------*/

.ui.compact.message {
  display: inline-block;
}

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

.ui.attached.message {
  margin-bottom: @attachedYOffset;
  border-radius: @borderRadius @borderRadius 0em 0em;
  box-shadow: @attachedBoxShadow;
  margin-left: @attachedXOffset;
  margin-right: @attachedXOffset;
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: @attachedYOffset;
  border-radius: 0em;
}
.ui.bottom.attached.message {
  margin-top: @attachedYOffset;
  border-radius: 0em 0em @borderRadius @borderRadius;
  box-shadow: @attachedBottomBoxShadow;
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: @verticalMargin;
}
.ui.attached.icon.message {
  display: block;
  width: auto;
}

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

.ui.icon.message {
  display: flex;
  width: 100%;
  align-items: center;
}
.ui.icon.message > .icon:not(.close) {
  display: block;
  flex: 0 1 auto;
  width: auto;
  line-height: 1;
  vertical-align: @iconVerticalAlign;
  font-size: @iconSize;
  opacity: @iconOpacity;
}
.ui.icon.message > .content {
  display: block;
  flex: 1 1 auto;
  vertical-align: @iconVerticalAlign;
}

.ui.icon.message .icon:not(.close) + .content {
  padding-left: @iconContentDistance;
}
.ui.icon.message .circular.icon {
  width: 1em;
}

/*--------------
    Floating
---------------*/

.ui.floating.message {
  box-shadow: @floatingBoxShadow;
}

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

.ui.black.message {
  background-color: @black;
  color: @invertedTextColor;
}

/*--------------
     Types
---------------*/

/* Positive */
.ui.positive.message {
  background-color: @positiveBackgroundColor;
  color: @positiveTextColor;
}
.ui.positive.message,
.ui.attached.positive.message {
  box-shadow: @positiveBoxShadow;
}
.ui.positive.message .header {
  color: @positiveHeaderColor;
}

/* Negative */
.ui.negative.message {
  background-color: @negativeBackgroundColor;
  color: @negativeTextColor;
}
.ui.negative.message,
.ui.attached.negative.message {
  box-shadow: @negativeBoxShadow;
}
.ui.negative.message .header {
  color: @negativeHeaderColor;
}

/* Info */
.ui.info.message {
  background-color: @infoBackgroundColor;
  color: @infoTextColor;
}
.ui.info.message,
.ui.attached.info.message {
  box-shadow: @infoBoxShadow;
}
.ui.info.message .header {
  color: @infoHeaderColor;
}

/* Warning */
.ui.warning.message {
  background-color: @warningBackgroundColor;
  color: @warningTextColor;
}
.ui.warning.message,
.ui.attached.warning.message {
  box-shadow: @warningBoxShadow;
}
.ui.warning.message .header {
  color: @warningHeaderColor;
}

/* Error */
.ui.error.message {
  background-color: @errorBackgroundColor;
  color: @errorTextColor;
}
.ui.error.message,
.ui.attached.error.message {
  box-shadow: @errorBoxShadow;
}
.ui.error.message .header {
  color: @errorHeaderColor;
}

/* Success */
.ui.success.message {
  background-color: @successBackgroundColor;
  color: @successTextColor;
}
.ui.success.message,
.ui.attached.success.message {
  box-shadow: @successBoxShadow;
}
.ui.success.message .header {
  color: @successHeaderColor;
}

/* Colors */
.ui.inverted.message,
.ui.black.message {
  background-color: @black;
  color: @invertedTextColor;
}

.ui.blue.message {
  background-color: @blueBackground;
  color: @blueTextColor;
}
.ui.blue.message .header {
  color: @blueHeaderColor;
}
.ui.green.message {
  background-color: @greenBackground;
  color: @greenTextColor;
}
.ui.green.message .header {
  color: @greenHeaderColor;
}
.ui.orange.message {
  background-color: @orangeBackground;
  color: @orangeTextColor;
}
.ui.orange.message .header {
  color: @orangeHeaderColor;
}
.ui.pink.message {
  background-color: @pinkBackground;
  color: @pinkTextColor;
}
.ui.pink.message .header {
  color: @pinkHeaderColor;
}
.ui.purple.message {
  background-color: @purpleBackground;
  color: @purpleTextColor;
}
.ui.purple.message .header {
  color: @purpleHeaderColor;
}
.ui.red.message {
  background-color: @redBackground;
  color: @redTextColor;
}
.ui.red.message .header {
  color: @redHeaderColor;
}
.ui.teal.message {
  background-color: @tealBackground;
  color: @tealTextColor;
}
.ui.teal.message .header {
  color: @tealHeaderColor;
}
.ui.yellow.message {
  background-color: @yellowBackground;
  color: @yellowTextColor;
}
.ui.yellow.message .header {
  color: @yellowHeaderColor;
}

/*--------------
     Sizes
---------------*/

.ui.small.message {
  font-size: @relativeSmall;
}
.ui.message {
  font-size: @relativeMedium;
}
.ui.large.message {
  font-size: @relativeLarge;
}
.ui.huge.message {
  font-size: @relativeHuge;
}
.ui.massive.message {
  font-size: @relativeMassive;
}

.loadUIOverrides();


Create colors.less

Create colors.less

// General Colors
@normal: #13BF30;
@bright: #2FF350;
@brighter: #22FF20;
@pale: #61D975;
@off-white: #BFF0C7;
@white: #FFFFFF;
@black: #000000;

// Specific Colors
@selection: #0C3012;
@comments: #5C735D;

// Gutter
@gutter-text: @comments;
@gutter-text-highlight: @normal;
@gutter-background: @black;
@gutter-background-highlight: @black;

// Code
@code-background: #0C100C; // editor background
@code-font: Source Code Pro;
@code-font-color: @off-white; // default editor text

// Syntax
@comment: @comments; // comments
@comment-bg: none; // comments
@comment-punc: @comment;
@string: @bright; // 'value' -> var='value', "name.png" or src="name.png"
@constant: @brighter; // true -> var x = true, {{}} of {{> hbs_include}}
@variable: @normal; // foo -> function(foo), hbs_include -> {{> hbs_include}}, http://dom.com/ of url(http://dom.com/)
@support: @pale; // module -> module.exports, color -> color: rgb(0,0,0)
@entity: @normal; // exports of module.exports,  if a = b
@keyword: @off-white; // = -> var a = b, px -> font-size: 13px;
@storage: @pale; // var -> var a = b;
@meta: @code-font-color; // none -> border: none;
@function-param: @normal;

@error: @black;

@regex: @string;

@numeric: @normal;
@quotes: @code-font-color;

@markup: @code-font-color;
@unknown: @code-font-color;

// Miscellaneous
@invisible: rgba(255,255,255,0.1);
@guides: rgba(255,255,255,0.04);
@cursor-color: @code-font-color;
@cursor-width: px;
@selected: @selection; // selected background color
@selected-line: none;

@tag: @class;
@tag-entity: @normal;
@element-attr: @pale;
@class: @normal;
@id: @normal;

@entity-function: @normal;
@brackets: darken(@code-font-color, 30%);
@punctuation: darken(@code-font-color, 30%);

@search-bg: transparent;
@search-border: solid 1px @normal;

@search-active-bg: @normal;
@search-active-border: solid 1px @normal;

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


added more styles

added more styles

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


forgot to import alerts css

forgot to import alerts css

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


feat(LessCss): fix stylelint errors

feat(LessCss): fix stylelint errors

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/seekinternational/seek-asia-style-guide.git/'


fix(ui): UI shifting with backdrop filter (#9209)

Fixes #8719

This fixes the issue where the page content shifts when modals are shown.

The only obvious downside to this approach is that a slight amount of background colour bleeds in at the top and bottom of the left navigation. This is how it already looks on Safari Mac so not a great loss 🤷♂ .

![image](https://user-images.githubusercontent.com/1150298/43270947-958ac45e-90f6-11e8-8ee5-3fd489450df9.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/'


Improve cart styling

Improve cart styling

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/Quinten/supernapietheme.git/'


Category Tree styles

Category Tree 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/mirandaposthumus/FedExScenario1Buyer.git/'