Make the config keys more prominent.

Make the config keys more prominent.

- Help distinguish the key from the data type by not tweaking their font
weights.

R=
CC=
https://codereview.appspot.com/11406043

#subapp-browser .charm {
    display: table;
    width: 100%;

    .section-title,
    .section-title a {
        .type5;
    }
    .section-title {
        margin: 0 0 5px 0;
        padding: 0;
        background: transparent;
        border: none;

        a:hover {
            background: transparent;
        }
    }
    .changelog li,
    .changelog p,
    .charm-details,
    .yui3-tabview-panel {
        a:hover {
            text-decoration: underline;
        }
    }
    a.yui3-tab-label {
        color: @bws-text;
    }
    .yui3-tab-selected a.yui3-tab-label {
        color: @bws-heading;
    }
    .yui3-tabview-list,
    .yui3-tabview-panel {
        padding: 0 70px 0 80px;
    }
    .yui3-tabview-list {
        width: 590px;
    }
    .yui3-tabview-panel {
        .border-box;
        padding-bottom: 50px;
    }
    .yui3-tab-panel {
        h1,
        h2,
        h3,
        h4 {
            .type5;
            margin: 30px 0 20px 0;
            padding-bottom: 15px;
            border-bottom: 1px solid @bws-border;
        }
        p {
            line-height: 20px;
        }
    }
    .content {
        .border-box;
        display: table-cell;
    }
    .header li a,
    .providers li span {
        color: @bws-text;
        text-decoration: underline;
    }
    .providers {
        overflow: auto;
        padding: 0 0 10px 0;
        border-bottom: 1px solid @bws-border;

        i {
            margin-right: 15px;
        }
        ul {
            float: left;
            width: 50%;
        }
        li {
            margin-bottom: 10px;
        }
    }
    .heading {
        .type13;
        position: relative;
        padding: 30px;
        background-color: @bws-background;
        border-bottom: 1px solid @bws-border;
        .block-icon {
            display: inline-block;
            float: left;
        }
        .charm-icon,
        .category-icon,
        img.icon {
            width: 120px;
            height: 120px;
        }
        .charm-icon {
            background: transparent
                    url(/juju-ui/assets/images/charm_160.png)
                    left top no-repeat;
            background-size: 120px 120px;
        }
        .add-reviewed {
            position: absolute;
            bottom: 30px;
            right: 30px;

            .add {
                // Using a variable here because LESS strips commas in mixin args.
                @box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
                .create-box-shadow(@box-shadow);
                .create-border-radius(@bws-corner);
                display: block;
                height: 40px;
                margin-top: 17px;
                padding: 0 30px;
                background-color: @charm-panel-orange;
                color: #fff;
                line-height: 40px;
            }
        }
        .charm-details {
            display: inline-block;
            margin-left: 20px;

            h1 {
                .type2;
                margin: -3px 0 5px 0;
            }
            h2 {
                .type5;
                margin: 20px 0 15px 0;
            }
            li {
                line-height: 1.55;
            }
            .providers {
                border-bottom: none;

                ul {
                    float: none;
                    width: 100%;
                }
            }
        }
        .back.icon {
            position: absolute;
            display: block;
            top: 30px;
            right: 30px;
            width: 20px;
            height: 20px;
            background: transparent
                    url(/juju-ui/assets/images/panel_close.png)
                    left top no-repeat;
        }
    }
    .changelog {
        .remaining {
            margin-top: 10px;
        }
        h4,
        li,
        .maintainer {
            margin-bottom: 10px;
        }
        p {
            margin: 0;
        }
        .date {
            margin-right: 3pt;
        }
    }
    .intro {
        margin-top: 9px;
        margin-bottom: 26px;
    }
    #bws-qa,
    #bws-summary,
    #bws-readme {
        padding-top: 10px;
    }
    #bws-readme {
        ul {
            list-style-type: disc;
            padding-left: 2em;
        }
    }
    #bws-interfaces {
        .interfaces-heading,
        .interface,
        .related {
            .border-box;
            padding: 0 20px;
        }
        h4,
        h3 {
            margin: 0;
            padding: 0;
            border: none;
        }
        .interfaces-heading {
            padding-top: 0;
            padding-bottom: 15px;
            border-bottom: 1px solid @bws-border;
        }
        .interface-list {
            .interface-row {
                border-bottom: 1px solid @bws-border;

                .interface {
                    padding-top: 10px;
                    padding-bottom: 10px;
                    font-size: 10.5pt;
                }
                .yui3-charmtoken {
                    width: 100%;

                    .title {
                        max-width: 150px;
                    }
                }
                &:last-child {
                    border: none;
                }
            }
        }
    }
    #bws-configuration {
        dt {
            margin: 20px 0 15px 0;

            dfn,
            em {
                .type9;
                font-style: normal;
            }
            dfn {
                margin-right: 3px;
                font-weight: 400;
            }
            em {
                font-weight: 300;
            }

        }
        dd {
            margin-left: 1em;
            div {
                margin-bottom: 20px;
            }
        }
    }
    #bws-qa {
        li {
            margin-bottom: 4px;
            padding-left: 25px;
            background: transparent
                url(/juju-ui/assets/images/quality_cross_icon.jpg)
                left center no-repeat;

            &.checked {
                background-image:
                    url(/juju-ui/assets/images/quality_tick_icon.jpg);
            }
        }
    }
    #bws-hooks {
        select {
            margin: 6px 0 23px 0;
        }
        pre.prettyprint {
            ol {
                list-style-position: inside;
                margin-left: 0;

                li {
                    padding-left: 20px;
                    list-style-type: decimal;

                    span:first-child {
                        margin-left: 10px;
                    }
                }
                li.L1,
                li.L3,
                li.L5,
                li.L7,
                li.L9 {
                    background-color: rgba(0, 0, 0, 0.03);
                }
            }
        }
    }
    #sharing {
        float: right;
        padding: 17px 70px 16px 16px;

        a {
            padding-right: 5px;
        }
    }
}

#bws-fullscreen .charm {
    background-color: #fff;

    .heading {
        z-index: 10;
        float: left;
        width: @bws-sidebar-width;
        padding: 0;
        background-color: #fff;
        border: none;

        .block-icon,
        .charm-details {
            display: block;
            float: none;
        }
        .block-icon {
            margin: 20px;
        }
        .charm-details {
            margin-left: 0;
            padding: 0 20px;
        }
        .add-reviewed {
            position: relative;
            right: auto;
            bottom: auto;
            margin: 30px -20px 20px -20px;
            padding: 0 20px 20px 20px;
            border-bottom: 1px solid @bws-border;

            .add {
                display: inline-block;
            }
        }
        .breadcrumbs {
            position: absolute;
            top: -50px;
            left: 290px;
            width: 400px;
            overflow: hidden;

            i {
                margin-right: 7px;
            }
            span {
                color: @bws-text;
                text-decoration: underline;
            }
        }
    }
    .tabs {
        margin-left: @bws-sidebar-width;
        border-left: 1px solid @bws-border;
    }
    .related-charms {
        .section-title {
            padding-bottom: 20px;
            border-bottom: 1px solid @bws-border;
        }
        .yui3-charmcontainer {
            padding-bottom: 10px;
        }
        .yui3-charmtoken {
            width: 50%;
            padding: 0 10px;

            .yui3-charmtoken-content a {
                padding: 20px 10px;
                border-bottom: 1px solid @bws-border;
            }
            &:nth-child(odd) {
                border-right: 1px solid @bws-border;
            }
            &:last-child,
            &:nth-last-child(2) {
                .yui3-charmtoken-content a {
                    border-bottom: none;
                }
            }
        }
    }
    #bws-summary {
        padding-top: 30px;
    }
}

#subapp-browser .charm {
    display: table;
    width: 100%;

    .section-title,
    .section-title a {
        .type5;
    }
    .section-title {
        margin: 0 0 5px 0;
        padding: 0;
        background: transparent;
        border: none;

        a:hover {
            background: transparent;
        }
    }
    .changelog li,
    .changelog p,
    .charm-details,
    .yui3-tabview-panel {
        a:hover {
            text-decoration: underline;
        }
    }
    a.yui3-tab-label {
        color: @bws-text;
    }
    .yui3-tab-selected a.yui3-tab-label {
        color: @bws-heading;
    }
    .yui3-tabview-list,
    .yui3-tabview-panel {
        padding: 0 70px 0 80px;
    }
    .yui3-tabview-list {
        width: 590px;
    }
    .yui3-tabview-panel {
        .border-box;
        padding-bottom: 50px;
    }
    .yui3-tab-panel {
        h1,
        h2,
        h3,
        h4 {
            .type5;
            margin: 30px 0 20px 0;
            padding-bottom: 15px;
            border-bottom: 1px solid @bws-border;
        }
        p {
            line-height: 20px;
        }
    }
    .content {
        .border-box;
        display: table-cell;
    }
    .header li a,
    .providers li span {
        color: @bws-text;
        text-decoration: underline;
    }
    .providers {
        overflow: auto;
        padding: 0 0 10px 0;
        border-bottom: 1px solid @bws-border;

        i {
            margin-right: 15px;
        }
        ul {
            float: left;
            width: 50%;
        }
        li {
            margin-bottom: 10px;
        }
    }
    .heading {
        .type13;
        position: relative;
        padding: 30px;
        background-color: @bws-background;
        border-bottom: 1px solid @bws-border;
        .block-icon {
            display: inline-block;
            float: left;
        }
        .charm-icon,
        .category-icon,
        img.icon {
            width: 120px;
            height: 120px;
        }
        .charm-icon {
            background: transparent
                    url(/juju-ui/assets/images/charm_160.png)
                    left top no-repeat;
            background-size: 120px 120px;
        }
        .add-reviewed {
            position: absolute;
            bottom: 30px;
            right: 30px;

            .add {
                // Using a variable here because LESS strips commas in mixin args.
                @box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
                .create-box-shadow(@box-shadow);
                .create-border-radius(@bws-corner);
                display: block;
                height: 40px;
                margin-top: 17px;
                padding: 0 30px;
                background-color: @charm-panel-orange;
                color: #fff;
                line-height: 40px;
            }
        }
        .charm-details {
            display: inline-block;
            margin-left: 20px;

            h1 {
                .type2;
                margin: -3px 0 5px 0;
            }
            h2 {
                .type5;
                margin: 20px 0 15px 0;
            }
            li {
                line-height: 1.55;
            }
            .providers {
                border-bottom: none;

                ul {
                    float: none;
                    width: 100%;
                }
            }
        }
        .back.icon {
            position: absolute;
            display: block;
            top: 30px;
            right: 30px;
            width: 20px;
            height: 20px;
            background: transparent
                    url(/juju-ui/assets/images/panel_close.png)
                    left top no-repeat;
        }
    }
    .changelog {
        .remaining {
            margin-top: 10px;
        }
        h4,
        li,
        .maintainer {
            margin-bottom: 10px;
        }
        p {
            margin: 0;
        }
        .date {
            margin-right: 3pt;
        }
    }
    .intro {
        margin-top: 9px;
        margin-bottom: 26px;
    }
    #bws-qa,
    #bws-summary,
    #bws-readme {
        padding-top: 10px;
    }
    #bws-readme {
        ul {
            list-style-type: disc;
            padding-left: 2em;
        }
    }
    #bws-interfaces {
        .interfaces-heading,
        .interface,
        .related {
            .border-box;
            padding: 0 20px;
        }
        h4,
        h3 {
            margin: 0;
            padding: 0;
            border: none;
        }
        .interfaces-heading {
            padding-top: 0;
            padding-bottom: 15px;
            border-bottom: 1px solid @bws-border;
        }
        .interface-list {
            .interface-row {
                border-bottom: 1px solid @bws-border;

                .interface {
                    padding-top: 10px;
                    padding-bottom: 10px;
                    font-size: 10.5pt;
                }
                .yui3-charmtoken {
                    width: 100%;

                    .title {
                        max-width: 150px;
                    }
                }
                &:last-child {
                    border: none;
                }
            }
        }
    }
    #bws-configuration {
        dt {
            margin: 20px 0 15px 0;

            dfn,
            em {
                .type9;
                font-style: normal;
                font-weight: 400;
            }
            dfn {
                margin-right: 3px;
            }
        }
        dd {
            margin-left: 1em;
            div {
                margin-bottom: 20px;
            }
        }
    }
    #bws-qa {
        li {
            margin-bottom: 4px;
            padding-left: 25px;
            background: transparent
                url(/juju-ui/assets/images/quality_cross_icon.jpg)
                left center no-repeat;

            &.checked {
                background-image:
                    url(/juju-ui/assets/images/quality_tick_icon.jpg);
            }
        }
    }
    #bws-hooks {
        select {
            margin: 6px 0 23px 0;
        }
        pre.prettyprint {
            ol {
                list-style-position: inside;
                margin-left: 0;

                li {
                    padding-left: 20px;
                    list-style-type: decimal;

                    span:first-child {
                        margin-left: 10px;
                    }
                }
                li.L1,
                li.L3,
                li.L5,
                li.L7,
                li.L9 {
                    background-color: rgba(0, 0, 0, 0.03);
                }
            }
        }
    }
    #sharing {
        float: right;
        padding: 17px 70px 16px 16px;

        a {
            padding-right: 5px;
        }
    }
}

#bws-fullscreen .charm {
    background-color: #fff;

    .heading {
        z-index: 10;
        float: left;
        width: @bws-sidebar-width;
        padding: 0;
        background-color: #fff;
        border: none;

        .block-icon,
        .charm-details {
            display: block;
            float: none;
        }
        .block-icon {
            margin: 20px;
        }
        .charm-details {
            margin-left: 0;
            padding: 0 20px;
        }
        .add-reviewed {
            position: relative;
            right: auto;
            bottom: auto;
            margin: 30px -20px 20px -20px;
            padding: 0 20px 20px 20px;
            border-bottom: 1px solid @bws-border;

            .add {
                display: inline-block;
            }
        }
        .breadcrumbs {
            position: absolute;
            top: -50px;
            left: 290px;
            width: 400px;
            overflow: hidden;

            i {
                margin-right: 7px;
            }
            span {
                color: @bws-text;
                text-decoration: underline;
            }
        }
    }
    .tabs {
        margin-left: @bws-sidebar-width;
        border-left: 1px solid @bws-border;
    }
    .related-charms {
        .section-title {
            padding-bottom: 20px;
            border-bottom: 1px solid @bws-border;
        }
        .yui3-charmcontainer {
            padding-bottom: 10px;
        }
        .yui3-charmtoken {
            width: 50%;
            padding: 0 10px;

            .yui3-charmtoken-content a {
                padding: 20px 10px;
                border-bottom: 1px solid @bws-border;
            }
            &:nth-child(odd) {
                border-right: 1px solid @bws-border;
            }
            &:last-child,
            &:nth-last-child(2) {
                .yui3-charmtoken-content a {
                    border-bottom: none;
                }
            }
        }
    }
    #bws-summary {
        padding-top: 30px;
    }
}


Update panel box style

Update panel box style

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


No colors test

No colors test

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


Delete variables.less

Delete variables.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/roxdubois/roxdubois.github.io.git/'


updating bootstrap variables.less

updating bootstrap variables.less

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

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

// Grays
// -------------------------

@gray-darker:            lighten(#000, 13.5%); // #222
@gray-dark:              lighten(#000, 20%);   // #333
@gray:                   lighten(#000, 33.5%); // #555
@gray-light:             lighten(#000, 60%);   // #999
@gray-lighter:           lighten(#000, 93.5%); // #eee

// Brand colors
// -------------------------

@brand-primary:         #428bca;
@brand-success:         #5cb85c;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
@brand-info:            #5bc0de;

// Scaffolding
// -------------------------

@body-bg:               #fff;
@text-color:            @gray-dark;

// Links
// -------------------------

@link-color:            @brand-primary;
@link-hover-color:      darken(@link-color, 15%);

// Typography
// -------------------------

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil(@font-size-base * 1.25); // ~18px
@font-size-small:         ceil(@font-size-base * 0.85); // ~12px
@font-size-mini:          ceil(@font-size-base * 0.75); // ~11px

@line-height-base:        1.428571429; // 20/14
@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px

@headings-font-weight:    500;
@headings-line-height:    1.1;

// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@padding-base-vertical:          8px;
@padding-base-horizontal:        12px;

@padding-large-vertical:         14px;
@padding-large-horizontal:       16px;

@padding-small-vertical:         5px;
@padding-small-horizontal:       10px;

@border-radius-base:             4px;
@border-radius-large:            6px;
@border-radius-small:            3px;

@component-active-bg:            @brand-primary;

// Tables
// -------------------------

@table-bg:                           transparent; // overall background-color
@table-bg-accent:                    #f9f9f9; // for striping
@table-bg-hover:                     #f5f5f5; // for hover

@table-border-color:                 #ddd; // table and cell border

// Buttons
// -------------------------

@btn-default-color:              #fff;
@btn-default-bg:                 #a7a9aa;
@btn-default-border:             @btn-default-bg;

@btn-primary-color:              @btn-default-color;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @btn-primary-bg;

@btn-success-color:              @btn-default-color;
@btn-success-bg:                 @brand-success;
@btn-success-border:             @btn-success-bg;

@btn-warning-color:              @btn-default-color;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             @btn-warning-bg;

@btn-danger-color:               @btn-default-color;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              @btn-danger-bg;

@btn-info-color:                 @btn-default-color;
@btn-info-bg:                    @brand-info;
@btn-info-border:                @btn-info-bg;

// Forms
// -------------------------

@input-bg:                       #fff;
@input-bg-disabled:              @gray-lighter;

@input-border:                   #ccc;
@input-border-radius:            @border-radius-base;

@input-color-placeholder:        @gray-light;

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2));
@input-height-large:             (@line-height-computed + (@padding-large-vertical * 2));
@input-height-small:             (@line-height-computed + (@padding-small-vertical * 2));

// Dropdowns
// -------------------------

@dropdown-bg:                    #fff;
@dropdown-border:                rgba(0,0,0,.15);
@dropdown-divider-top:           #e5e5e5;
@dropdown-divider-bottom:        #fff;

@dropdown-link-active-color:     #fff;
@dropdown-link-active-bg:        @component-active-bg;

@dropdown-link-color:            @gray-dark;
@dropdown-link-hover-color:      #fff;
@dropdown-link-hover-bg:         @dropdown-link-active-bg;

// 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 :)

@zindex-dropdown:          1000;
@zindex-popover:           1010;
@zindex-tooltip:           1030;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;

// Glyphicons font path
// -------------------------
@glyphicons-font-path:          "../fonts";

// Navbar
// -------------------------

// Basics of a navbar
@navbar-height:                    50px;
@navbar-color:                     #777;
@navbar-bg:                        #eee;

// Navbar links
@navbar-link-color:                #777;
@navbar-link-hover-color:          #333;
@navbar-link-hover-bg:             transparent;
@navbar-link-active-color:         #555;
@navbar-link-active-bg:            darken(@navbar-bg, 10%);
@navbar-link-disabled-color:       #ccc;
@navbar-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-brand-color:               @navbar-link-color;
@navbar-brand-hover-color:         darken(@navbar-link-color, 10%);
@navbar-brand-hover-bg:            transparent;

// Inverted navbar
@navbar-inverse-color:                       @gray-light;
@navbar-inverse-bg:                         #222;

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar search
// Normal navbar needs no special styles or vars
@navbar-inverse-search-bg:                  lighten(@navbar-inverse-bg, 25%);
@navbar-inverse-search-bg-focus:            #fff;
@navbar-inverse-search-border:              @navbar-inverse-bg;
@navbar-inverse-search-placeholder-color:   #ccc;

// Pagination
// -------------------------

@pagination-bg:                        #fff;
@pagination-border:                    #ddd;
@pagination-active-bg:                 #f5f5f5;

// Jumbotron
// -------------------------

@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-lead-color:           inherit;

// Form states and alerts
// -------------------------

@state-warning-text:             #c09853;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);

@state-danger-text:              #b94a48;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);

@state-success-text:             #468847;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #3a87ad;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

// Tooltips and popovers
// -------------------------
@tooltip-color:               #fff;
@tooltip-bg:                  rgba(0,0,0,.9);
@tooltip-arrow-width:         5px;
@tooltip-arrow-color:         @tooltip-bg;

@popover-bg:                  #fff;
@popover-arrow-width:         10px;
@popover-arrow-color:         #fff;
@popover-title-bg:            darken(@popover-bg, 3%);

// Special enhancement for popovers
@popover-arrow-outer-width:   (@popover-arrow-width + 1);
@popover-arrow-outer-color:   rgba(0,0,0,.25);

// Labels
// -------------------------
@label-success-bg:            @brand-success;
@label-info-bg:               @brand-info;
@label-warning-bg:            @brand-warning;
@label-danger-bg:             @brand-danger;

// Modals
// -------------------------
@modal-inner-padding:         20px;

@modal-title-padding:         15px;
@modal-title-line-height:     @line-height-base;

// Alerts
// -------------------------
@alert-bg:                    @state-warning-bg;
@alert-text:                  @state-warning-text;
@alert-border:                @state-warning-border;
@alert-border-radius:         @border-radius-base;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

// Progress bars
// -------------------------
@progress-bg:                 #f5f5f5;
@progress-bar-bg:             @brand-primary;
@progress-bar-success-bg:     @brand-success;
@progress-bar-warning-bg:     @brand-warning;
@progress-bar-danger-bg:      @brand-danger;
@progress-bar-info-bg:        @brand-info;

// List group
// -------------------------
@list-group-bg:               #fff;
@list-group-border:           #ddd;
@list-group-border-radius:    @border-radius-base;

@list-group-hover-bg:         #f5f5f5;
@list-group-active-color:     #fff;
@list-group-active-bg:        @component-active-bg;
@list-group-active-border:    @list-group-active-bg;

// Panels
// -------------------------
@panel-bg:                    #fff;
@panel-border:                #ddd;
@panel-border-radius:         @border-radius-base;
@panel-heading-bg:            #f5f5f5;
@panel-footer-bg:             #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

// Thumbnails
// -------------------------
@thumbnail-caption-color:     @text-color;
@thumbnail-bg:                @body-bg;
@thumbnail-border:            #ddd;
@thumbnail-border-radius:     @border-radius-base;

// Wells
// -------------------------
@well-bg:                     #f5f5f5;

// Miscellaneous
// -------------------------

// Hr border color
@hr-border:                   @gray-lighter;

// Horizontal forms & lists
@component-offset-horizontal: 180px;

// Media queries breakpoints
// --------------------------------------------------

// Tiny screen / phone
@screen-tiny:                480px;
@screen-phone:               @screen-tiny;

// Small screen / tablet
@screen-small:               768px;
@screen-tablet:              @screen-small;

// Medium screen / desktop
@screen-medium:              992px;
@screen-desktop:             @screen-medium;

// So media queries don't overlap when required, provide a maximum
@screen-small-max:           (@screen-medium - 1);
@screen-tablet-max:          @screen-small-max;

// Large screen / wide desktop
@screen-large:               1200px;
@screen-large-desktop:       @screen-large;

// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet:          728px;

// Medium screen / desktop
@container-desktop:         940px;

// Large screen / wide desktop
@container-large-desktop:   1170px;

// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns:              12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         30px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-tablet;

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

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

// Grays
// -------------------------

@gray-darker:            lighten(#000, 13.5%); // #222
@gray-dark:              lighten(#000, 20%);   // #333
@gray:                   lighten(#000, 33.5%); // #555
@gray-light:             lighten(#000, 60%);   // #999
@gray-lighter:           lighten(#000, 93.5%); // #eee

// Brand colors
// -------------------------

@brand-primary:         #428bca;
@brand-success:         #5cb85c;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
@brand-info:            #5bc0de;

// Scaffolding
// -------------------------

@body-bg:               #fff;
@text-color:            @gray-dark;

// Links
// -------------------------

@link-color:            @brand-primary;
@link-hover-color:      darken(@link-color, 15%);

// Typography
// -------------------------

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil(@font-size-base * 1.25); // ~18px
@font-size-small:         ceil(@font-size-base * 0.85); // ~12px
@font-size-mini:          ceil(@font-size-base * 0.75); // ~11px

@line-height-base:        1.428571429; // 20/14
@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px

@headings-font-weight:    500;
@headings-line-height:    1.1;

// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@padding-base-vertical:          8px;
@padding-base-horizontal:        12px;

@padding-large-vertical:         14px;
@padding-large-horizontal:       16px;

@padding-small-vertical:         5px;
@padding-small-horizontal:       10px;

@border-radius-base:             4px;
@border-radius-large:            6px;
@border-radius-small:            3px;

@component-active-bg:            @brand-primary;

// Tables
// -------------------------

@table-bg:                           transparent; // overall background-color
@table-bg-accent:                    #f9f9f9; // for striping
@table-bg-hover:                     #f5f5f5; // for hover

@table-border-color:                 #ddd; // table and cell border

// Buttons
// -------------------------

@btn-default-color:              #fff;
@btn-default-bg:                 #a7a9aa;
@btn-default-border:             @btn-default-bg;

@btn-primary-color:              @btn-default-color;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @btn-primary-bg;

@btn-success-color:              @btn-default-color;
@btn-success-bg:                 @brand-success;
@btn-success-border:             @btn-success-bg;

@btn-warning-color:              @btn-default-color;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             @btn-warning-bg;

@btn-danger-color:               @btn-default-color;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              @btn-danger-bg;

@btn-info-color:                 @btn-default-color;
@btn-info-bg:                    @brand-info;
@btn-info-border:                @btn-info-bg;

// Forms
// -------------------------

@input-bg:                       #fff;
@input-bg-disabled:              @gray-lighter;

@input-border:                   #ccc;
@input-border-radius:            @border-radius-base;

@input-color-placeholder:        @gray-light;

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2));
@input-height-large:             (@line-height-computed + (@padding-large-vertical * 2));
@input-height-small:             (@line-height-computed + (@padding-small-vertical * 2));

// Dropdowns
// -------------------------

@dropdown-bg:                    #fff;
@dropdown-border:                rgba(0,0,0,.15);
@dropdown-divider-top:           #e5e5e5;
@dropdown-divider-bottom:        #fff;

@dropdown-link-active-color:     #fff;
@dropdown-link-active-bg:        @component-active-bg;

@dropdown-link-color:            @gray-dark;
@dropdown-link-hover-color:      #fff;
@dropdown-link-hover-bg:         @dropdown-link-active-bg;

// 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 :)

@zindex-dropdown:          1000;
@zindex-popover:           1010;
@zindex-tooltip:           1030;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;

// Glyphicons font path
// -------------------------
@glyphicons-font-path:          "../fonts";

// Navbar
// -------------------------

// Basics of a navbar
@navbar-height:                    50px;
@navbar-color:                     #777;
@navbar-bg:                        #eee;

// Navbar links
@navbar-link-color:                #777;
@navbar-link-hover-color:          #333;
@navbar-link-hover-bg:             transparent;
@navbar-link-active-color:         #555;
@navbar-link-active-bg:            darken(@navbar-bg, 10%);
@navbar-link-disabled-color:       #ccc;
@navbar-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-brand-color:               @navbar-link-color;
@navbar-brand-hover-color:         darken(@navbar-link-color, 10%);
@navbar-brand-hover-bg:            transparent;

// Inverted navbar
@navbar-inverse-color:                       @gray-light;
@navbar-inverse-bg:                         #222;

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar search
// Normal navbar needs no special styles or vars
@navbar-inverse-search-bg:                  lighten(@navbar-inverse-bg, 25%);
@navbar-inverse-search-bg-focus:            #fff;
@navbar-inverse-search-border:              @navbar-inverse-bg;
@navbar-inverse-search-placeholder-color:   #ccc;

// Pagination
// -------------------------

@pagination-bg:                        #fff;
@pagination-border:                    #ddd;
@pagination-active-bg:                 #f5f5f5;

// Jumbotron
// -------------------------

@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-lead-color:           inherit;

// Form states and alerts
// -------------------------

@state-warning-text:             #c09853;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);

@state-danger-text:              #b94a48;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);

@state-success-text:             #468847;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #3a87ad;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

// Tooltips and popovers
// -------------------------
@tooltip-color:               #fff;
@tooltip-bg:                  rgba(0,0,0,.9);
@tooltip-arrow-width:         5px;
@tooltip-arrow-color:         @tooltip-bg;

@popover-bg:                  #fff;
@popover-arrow-width:         10px;
@popover-arrow-color:         #fff;
@popover-title-bg:            darken(@popover-bg, 3%);

// Special enhancement for popovers
@popover-arrow-outer-width:   (@popover-arrow-width + 1);
@popover-arrow-outer-color:   rgba(0,0,0,.25);

// Labels
// -------------------------
@label-success-bg:            @brand-success;
@label-info-bg:               @brand-info;
@label-warning-bg:            @brand-warning;
@label-danger-bg:             @brand-danger;

// Modals
// -------------------------
@modal-inner-padding:         20px;

@modal-title-padding:         15px;
@modal-title-line-height:     @line-height-base;

// Alerts
// -------------------------
@alert-bg:                    @state-warning-bg;
@alert-text:                  @state-warning-text;
@alert-border:                @state-warning-border;
@alert-border-radius:         @border-radius-base;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

// Progress bars
// -------------------------
@progress-bg:                 #f5f5f5;
@progress-bar-bg:             @brand-primary;
@progress-bar-success-bg:     @brand-success;
@progress-bar-warning-bg:     @brand-warning;
@progress-bar-danger-bg:      @brand-danger;
@progress-bar-info-bg:        @brand-info;

// List group
// -------------------------
@list-group-bg:               #fff;
@list-group-border:           #ddd;
@list-group-border-radius:    @border-radius-base;

@list-group-hover-bg:         #f5f5f5;
@list-group-active-color:     #fff;
@list-group-active-bg:        @component-active-bg;
@list-group-active-border:    @list-group-active-bg;

// Panels
// -------------------------
@panel-bg:                    #fff;
@panel-border:                #ddd;
@panel-border-radius:         @border-radius-base;
@panel-heading-bg:            #f5f5f5;
@panel-footer-bg:             #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

// Thumbnails
// -------------------------
@thumbnail-caption-color:     @text-color;
@thumbnail-bg:                @body-bg;
@thumbnail-border:            #ddd;
@thumbnail-border-radius:     @border-radius-base;

// Wells
// -------------------------
@well-bg:                     #f5f5f5;

// Miscellaneous
// -------------------------

// Hr border color
@hr-border:                   @gray-lighter;

// Horizontal forms & lists
@component-offset-horizontal: 180px;

// Media queries breakpoints
// --------------------------------------------------

// Tiny screen / phone
@screen-tiny:                480px;
@screen-phone:               @screen-tiny;

// Small screen / tablet
@screen-small:               768px;
@screen-tablet:              @screen-small;

// Medium screen / desktop
@screen-medium:              992px;
@screen-desktop:             @screen-medium;

// So media queries don't overlap when required, provide a maximum
@screen-small-max:           (@screen-medium - 1);
@screen-tablet-max:          @screen-small-max;

// Large screen / wide desktop
@screen-large:               1200px;
@screen-large-desktop:       @screen-large;

// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns:              12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         30px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-tablet;


Update tabs.less

Update tabs.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/hegdeashwin/elastic-hub.git/'


Update core.less

Update core.less

fatal: unable to access 'https://github.com/Projectbird/Robin-less.git/': The requested URL returned error: 403


Hiding ExlLocationInfo cite elements (Jira issue MOBIL-73).

fatal: unable to access 'https://github.com/Det-Kongelige-Bibliotek/rex.git/': The requested URL returned error: 403


UI Grid - container padding/margin set via "-left / -right"

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/wUFr/LUI.git/'


stop tracking widgets

stop tracking widgets

// dynamically adds references to the widgets less files
// during the gulp build process

/* inject:imports */
/* endinject */


ellipsify search suggestions

ellipsify search suggestions

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions {
        height: auto;
        position: absolute;
        top: 45px;
        left: 50%;
        bottom: inherit;
        right: inherit;
        width: 275px;
        margin-left: -7px;
        .border-radius(5px);
        .box-shadow(0 0 3px 3px);
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            .border-radius(5px);
            top: 0;
            ul {
                .border-radius(5px);
            }
            a {
                font-size: 16px;
                line-height: 35px;
                span {
                    width: 275px;
                    .ellipsis();
                }
            }
            li:first-child a {
                .border-radius(5px 5px 0 0);
            }
            li:last-child a {
                .border-radius(0 0 5px 5px);
                border-bottom: 0;
            }
        }
        &.visible {
            bottom: inherit;
        }
    }
}

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            overflow: hidden;
            padding: 0 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions {
        height: auto;
        position: absolute;
        top: 45px;
        left: 50%;
        bottom: inherit;
        right: inherit;
        width: 275px;
        margin-left: -7px;
        .border-radius(5px);
        .box-shadow(0 0 3px 3px);
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            .border-radius(5px);
            top: 0;
            ul {
                .border-radius(5px);
            }
            a {
                font-size: 16px;
                line-height: 35px;
            }
            li:first-child a {
                .border-radius(5px 5px 0 0);
            }
            li:last-child a {
                .border-radius(0 0 5px 5px);
                border-bottom: 0;
            }
        }
        &.visible {
            bottom: inherit;
        }
    }
}


Icons and images updated

Icons and images updated

/*

Ikoner och bilder

Använd ikoner och bilder endast om det finns ett användarbehov som behöver tydliggöras.

Styleguide 6.
*/

/*
Ikoner

Vi använder [Font Awesome](http://fontawesome.io/), ett open source-bibliotek för ikoner som är kompatibel med skärmläsare.

(Exempel på användning som bör vara gemensam i KB’s tjänster)

Styleguide 6.1
*/

/*
Bilder

Exempel: Bildram

Styleguide 6.2

*/

error: pathspec 'custom/icons-images.less' did not match any file(s) known to git


Removed unnecessary inactive class

Removed unnecessary inactive class

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


fix RangePicker placeholder color

fix RangePicker placeholder color

@input-box-height: 34px;

.@{calendar-prefix-cls}-range-picker-input {
  background-color: transparent;
  border: 0;
  height: 18px;
  line-height: 18px;
  outline: 0;
  width: 43%;
  text-align: center;
  .placeholder();

  &[disabled] {
    cursor: not-allowed;
  }
}

.@{calendar-prefix-cls}-range-picker-separator {
  color: @text-color-secondary;
}

.@{calendar-prefix-cls}-range {
  width: 470px;
  overflow: hidden;

  .@{calendar-prefix-cls}-date-panel {
    &::after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
  }
  &-part {
    width: 50%;
    position: relative;
  }

  &-left {
    float: left;
    .@{calendar-prefix-cls} {
      &-time-picker-inner {
        border-right: 2px solid @border-color-split;
      }
    }
  }

  &-right {
    float: right;
    .@{calendar-prefix-cls} {
      &-time-picker-inner {
        border-left: 2px solid @border-color-split;
      }
    }
  }

  &-middle {
    position: absolute;
    left: 50%;
    width: 20px;
    margin-left: -132px;
    text-align: center;
    height: @input-box-height;
    line-height: @input-box-height;
    color: @text-color-secondary;
  }

  &-right .@{calendar-prefix-cls}-date-input-wrap {
    margin-left: -118px;
  }

  &.@{calendar-prefix-cls}-time &-middle {
    margin-left: -12px;
  }

  &.@{calendar-prefix-cls}-time &-right .@{calendar-prefix-cls}-date-input-wrap {
    margin-left: 0;
  }

  .@{calendar-prefix-cls}-input-wrap {
    position: relative;
    height: @input-box-height;
  }

  .@{calendar-prefix-cls}-input,
  .@{calendar-timepicker-prefix-cls}-input {
    .input;
    height: @input-height-sm;
    border: 0;
    box-shadow: none;

    &:focus {
      box-shadow: none;
    }
  }

  .@{calendar-timepicker-prefix-cls}-icon {
    display: none;
  }

  &.@{calendar-prefix-cls}-week-number {
    width: 574px;

    .@{calendar-prefix-cls}-range-part {
      width: 286px;
    }
  }

  .@{calendar-prefix-cls}-year-panel,
  .@{calendar-prefix-cls}-month-panel {
    top: @input-box-height;
  }
  .@{calendar-prefix-cls}-month-panel .@{calendar-prefix-cls}-year-panel {
    top: 0;
  }
  .@{calendar-prefix-cls}-decade-panel-table,
  .@{calendar-prefix-cls}-year-panel-table,
  .@{calendar-prefix-cls}-month-panel-table {
    height: 208px;
  }

  .@{calendar-prefix-cls}-in-range-cell {
    border-radius: 0;
    position: relative;
    > div {
      position: relative;
      z-index: 1;
    }
    &:before {
      content: '';
      display: block;
      background: @primary-1;
      border-radius: 0;
      border: 0;
      position: absolute;
      top: 4px;
      bottom: 4px;
      left: 0;
      right: 0;
    }
  }

  &-bottom {
    text-align: right;

    .@{calendar-prefix-cls}-footer-btn {
      padding-right: 16px;
    }
  }

  // `div` for selector specificity
  div&-quick-selector {
    display: block;
    text-align: left;
    border-top: @border-width-base @border-style-base @border-color-split;
    padding: 10.5px 10px;

    > a {
      margin-right: 16px;
    }
  }

  .@{calendar-prefix-cls},
  .@{calendar-prefix-cls}-month-panel,
  .@{calendar-prefix-cls}-year-panel {
    &-header {
      border-bottom: 0;
    }
    &-body {
      border-top: @border-width-base @border-style-base @border-color-split;
    }
  }

  &.@{calendar-prefix-cls}-time {
    .@{calendar-timepicker-prefix-cls} {
      height: 207px;
      width: 100%;
      top: 68px;
      z-index: 2; // cover .ant-calendar-range .ant-calendar-in-range-cell > div (z-index: 1)
      &-panel {
        height: 241px;
        margin-top: -34px;
      }

      &-inner {
        padding-top: 34px;
        height: 100%;
        background: none;
      }

      &-combobox {
        display: inline-block;
        height: 100%;
        background-color: @component-background;
        border-top: @border-width-base @border-style-base @border-color-split;
      }
      &-select {
        height: 100%;
        ul {
          max-height: 100%;
        }
      }
    }
    .@{calendar-prefix-cls}-footer-btn {
      padding: 9px 12px 9px 0;
      display: block;
      .clearfix;
    }
    .@{calendar-prefix-cls}-ok-btn {
      position: static;
      height: 22px;
    }
    .@{calendar-prefix-cls}-footer .@{calendar-prefix-cls}-time-picker-btn {
      margin-right: 12px;
    }
    .@{calendar-prefix-cls}-today-btn {
      margin: 8px 12px;
      height: 22px;
      line-height: 22px;
    }
  }

  &-with-ranges.@{calendar-prefix-cls}-time .@{calendar-timepicker-prefix-cls} {
    height: 247px;
    &-panel {
      height: 281px;
    }
  }
}

.@{calendar-prefix-cls}-range.@{calendar-prefix-cls}-show-time-picker {
  .@{calendar-prefix-cls}-body {
    border-top-color: transparent;
  }
}

@input-box-height: 34px;

.@{calendar-prefix-cls}-range-picker-input {
  background-color: transparent;
  border: 0;
  height: 18px;
  line-height: 18px;
  outline: 0;
  width: 43%;
  text-align: center;

  &[disabled] {
    cursor: not-allowed;
  }
}

.@{calendar-prefix-cls}-range-picker-separator {
  color: @text-color-secondary;
}

.@{calendar-prefix-cls}-range {
  width: 470px;
  overflow: hidden;

  .@{calendar-prefix-cls}-date-panel {
    &::after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
  }
  &-part {
    width: 50%;
    position: relative;
  }

  &-left {
    float: left;
    .@{calendar-prefix-cls} {
      &-time-picker-inner {
        border-right: 2px solid @border-color-split;
      }
    }
  }

  &-right {
    float: right;
    .@{calendar-prefix-cls} {
      &-time-picker-inner {
        border-left: 2px solid @border-color-split;
      }
    }
  }

  &-middle {
    position: absolute;
    left: 50%;
    width: 20px;
    margin-left: -132px;
    text-align: center;
    height: @input-box-height;
    line-height: @input-box-height;
    color: @text-color-secondary;
  }

  &-right .@{calendar-prefix-cls}-date-input-wrap {
    margin-left: -118px;
  }

  &.@{calendar-prefix-cls}-time &-middle {
    margin-left: -12px;
  }

  &.@{calendar-prefix-cls}-time &-right .@{calendar-prefix-cls}-date-input-wrap {
    margin-left: 0;
  }

  .@{calendar-prefix-cls}-input-wrap {
    position: relative;
    height: @input-box-height;
  }

  .@{calendar-prefix-cls}-input,
  .@{calendar-timepicker-prefix-cls}-input {
    .input;
    height: @input-height-sm;
    border: 0;
    box-shadow: none;

    &:focus {
      box-shadow: none;
    }
  }

  .@{calendar-timepicker-prefix-cls}-icon {
    display: none;
  }

  &.@{calendar-prefix-cls}-week-number {
    width: 574px;

    .@{calendar-prefix-cls}-range-part {
      width: 286px;
    }
  }

  .@{calendar-prefix-cls}-year-panel,
  .@{calendar-prefix-cls}-month-panel {
    top: @input-box-height;
  }
  .@{calendar-prefix-cls}-month-panel .@{calendar-prefix-cls}-year-panel {
    top: 0;
  }
  .@{calendar-prefix-cls}-decade-panel-table,
  .@{calendar-prefix-cls}-year-panel-table,
  .@{calendar-prefix-cls}-month-panel-table {
    height: 208px;
  }

  .@{calendar-prefix-cls}-in-range-cell {
    border-radius: 0;
    position: relative;
    > div {
      position: relative;
      z-index: 1;
    }
    &:before {
      content: '';
      display: block;
      background: @primary-1;
      border-radius: 0;
      border: 0;
      position: absolute;
      top: 4px;
      bottom: 4px;
      left: 0;
      right: 0;
    }
  }

  &-bottom {
    text-align: right;

    .@{calendar-prefix-cls}-footer-btn {
      padding-right: 16px;
    }
  }

  // `div` for selector specificity
  div&-quick-selector {
    display: block;
    text-align: left;
    border-top: @border-width-base @border-style-base @border-color-split;
    padding: 10.5px 10px;

    > a {
      margin-right: 16px;
    }
  }

  .@{calendar-prefix-cls},
  .@{calendar-prefix-cls}-month-panel,
  .@{calendar-prefix-cls}-year-panel {
    &-header {
      border-bottom: 0;
    }
    &-body {
      border-top: @border-width-base @border-style-base @border-color-split;
    }
  }

  &.@{calendar-prefix-cls}-time {
    .@{calendar-timepicker-prefix-cls} {
      height: 207px;
      width: 100%;
      top: 68px;
      z-index: 2; // cover .ant-calendar-range .ant-calendar-in-range-cell > div (z-index: 1)
      &-panel {
        height: 241px;
        margin-top: -34px;
      }

      &-inner {
        padding-top: 34px;
        height: 100%;
        background: none;
      }

      &-combobox {
        display: inline-block;
        height: 100%;
        background-color: @component-background;
        border-top: @border-width-base @border-style-base @border-color-split;
      }
      &-select {
        height: 100%;
        ul {
          max-height: 100%;
        }
      }
    }
    .@{calendar-prefix-cls}-footer-btn {
      padding: 9px 12px 9px 0;
      display: block;
      .clearfix;
    }
    .@{calendar-prefix-cls}-ok-btn {
      position: static;
      height: 22px;
    }
    .@{calendar-prefix-cls}-footer .@{calendar-prefix-cls}-time-picker-btn {
      margin-right: 12px;
    }
    .@{calendar-prefix-cls}-today-btn {
      margin: 8px 12px;
      height: 22px;
      line-height: 22px;
    }
  }

  &-with-ranges.@{calendar-prefix-cls}-time .@{calendar-timepicker-prefix-cls} {
    height: 247px;
    &-panel {
      height: 281px;
    }
  }
}

.@{calendar-prefix-cls}-range.@{calendar-prefix-cls}-show-time-picker {
  .@{calendar-prefix-cls}-body {
    border-top-color: transparent;
  }
}


fix(ui) Fix spacing in multi-line tooltips (#18185)

Add more spacing as the content was too close to the horizontal bar.

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


Added footer stylesheet.

Added footer stylesheet.

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/LordAkkarin/SpigotVersionCheck.git/'


Fix bug

Fix bug

error: pathspec 'src/web/main/resources/styles/mobile/status.less' did not match any file(s) known to git


keep top padding on mobile

keep top padding on mobile

@bg-color: rgba(229, 229, 229, 0.3);

#topoguide {
  .calc(min-height, "100vh - 50px");
  background-color: @bg-color;

  @media @tablet {
    margin-top: -12px;
  }
  .topoguide-nav {
    justify-content: center;
    padding: 0;
    margin: 0;
    &:last-of-type {
      padding-bottom: 20px;
    }
  }
  .topoguide-types {
    margin-top: 10px;
  }
  header {
    color: white;
    background-image:url(../img/home/laurentf-sajama.jpg);
    background-size: cover;
    height: auto;
  }
  h1 {
    padding-top: 10px;
  }
  a {
    outline: none;
    text-decoration: none;
  }
  .topoguide-entry {
    height: 130px;
    width: 130px;
    flex-basis: initial;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    transition: .2s;
    background-color: rgba(117, 117, 117, 0.44);
    margin-bottom: 15px;
    &:hover {
      cursor: pointer;
      background-color: rgba(66, 66, 66, 0.52);
      -webkit-font-smoothing: antialiased;
    }

    @media (max-width: 900px) {
      height: 110px;
      width: 110px;
    }
    @media (max-width: @phone-max) {
      height: 95px;
      width: 95px;
    }
    @media (min-width: @phone-max) {
      &:hover {
        transform: scale3d(1.1, 1.1, 1);
        backface-visibility: hidden;
      }
    }
    span {
      word-break: break-all;
    }
  }
  .waypoint-type, .activity {
    width: 100%;
    font-size: 3em;
    color: @C2C-orange;
    &:hover {
      cursor: pointer;
    }
  }
  .activity {
    width: 100%;
  }
  .icon-div {
    margin-top: 0;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    min-height: 90px;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
    .flex();
    flex-direction: column;
    justify-content: space-around;
  }
  .outings {
    padding-left: 4%;
    padding-right: 2%;
  }
  .routes {
    padding-left: 2%;
    padding-right: 4%;
  }
  .outings, .routes {
    width: 50%;
    .icon-div {
      flex-basis: 20%;
      @media @desktop {
        flex-basis: 25%;
      }
      @media @tablet {
        flex-basis: 31%;
      }
    }
  }
  .waypoints {
    .icon-div {
      flex-basis: 12%;
      @media @desktop {
        flex-basis: 15%;
      }
      @media @tablet {
        flex-basis: 20%;
      }
    }
  }
  .value {
    font-family: sans-serif;
  }
  .doctype {
    padding: 0 2%;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .wrapper {
    padding: 10px;
    .flex();
    flex-flow: wrap row;
    justify-content: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  // #topoguide
  @media @phone {
    margin-top: -10px;
    h1 {
      padding: 20px 10px 0 10px;
      font-size: 2.5em;
    }
    .topoguide-entry {
      font-size: 0.9em;
    }
    .icon-div {
      height: 80px;
      flex-basis: 31%;
    }
    .collapse.in, .collapsing {
      margin: 0;
    }
    .topoguide-nav {
      padding-left: 0;
      padding-right: 0;
    }
    .doctype {
      padding-left: 2%;
      padding-right: 2%;
    }
    .wrapper {
      padding: 10px 0 0 0;
    }
    .outings, .routes {
      width: 100%;
      float: none;
    }
  }
}

@bg-color: rgba(229, 229, 229, 0.3);

#topoguide {
  .calc(min-height, "100vh - 50px");
  background-color: @bg-color;

  @media @tablet {
    margin-top: -12px;
  }
  .topoguide-nav {
    justify-content: center;
    padding: 0;
    margin: 0;
    &:last-of-type {
      padding-bottom: 20px;
    }
  }
  .topoguide-types {
    margin-top: 10px;
  }
  header {
    color: white;
    background-image:url(../img/home/laurentf-sajama.jpg);
    background-size: cover;
    height: auto;
  }
  h1 {
    padding-top: 10px;
  }
  a {
    outline: none;
    text-decoration: none;
  }
  .topoguide-entry {
    height: 130px;
    width: 130px;
    flex-basis: initial;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    transition: .2s;
    background-color: rgba(117, 117, 117, 0.44);
    margin-bottom: 15px;
    &:hover {
      cursor: pointer;
      background-color: rgba(66, 66, 66, 0.52);
      -webkit-font-smoothing: antialiased;
    }

    @media (max-width: 900px) {
      height: 110px;
      width: 110px;
    }
    @media (max-width: @phone-max) {
      height: 95px;
      width: 95px;
    }
    @media (min-width: @phone-max) {
      &:hover {
        transform: scale3d(1.1, 1.1, 1);
        backface-visibility: hidden;
      }
    }
    span {
      word-break: break-all;
    }
  }
  .waypoint-type, .activity {
    width: 100%;
    font-size: 3em;
    color: @C2C-orange;
    &:hover {
      cursor: pointer;
    }
  }
  .activity {
    width: 100%;
  }
  .icon-div {
    margin-top: 0;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    min-height: 90px;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
    .flex();
    flex-direction: column;
    justify-content: space-around;
  }
  .outings {
    padding-left: 4%;
    padding-right: 2%;
  }
  .routes {
    padding-left: 2%;
    padding-right: 4%;
  }
  .outings, .routes {
    width: 50%;
    .icon-div {
      flex-basis: 20%;
      @media @desktop {
        flex-basis: 25%;
      }
      @media @tablet {
        flex-basis: 31%;
      }
    }
  }
  .waypoints {
    .icon-div {
      flex-basis: 12%;
      @media @desktop {
        flex-basis: 15%;
      }
      @media @tablet {
        flex-basis: 20%;
      }
    }
  }
  .value {
    font-family: sans-serif;
  }
  .doctype {
    padding: 0 2%;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .wrapper {
    padding: 10px;
    .flex();
    flex-flow: wrap row;
    justify-content: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  // #topoguide
  @media @phone {
    margin-top: -10px;
    h1 {
      padding: 20px 10px 0 10px;
      font-size: 2.5em;
    }
    .topoguide-entry {
      font-size: 0.9em;
    }
    .icon-div {
      height: 80px;
      flex-basis: 31%;
    }
    .collapse.in, .collapsing {
      margin: 0;
    }
    .topoguide-nav {
      padding-left: 0;
      padding-right: 0;
    }
    .doctype {
      padding-left: 2%;
      padding-right: 2%;
    }
    .wrapper {
      padding: 0;
    }
    .outings, .routes {
      width: 100%;
      float: none;
    }
  }
}


forgot to include the file

forgot to include the file

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/orloxx/frontend-arc.git/'


links under Details visning er stylet

links under Details visning er stylet


Fixed issue with css on link button

Fixed issue with css on link button

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/Arragro/ArragroCMS.git/'


fix style for header menu

fix style for header menu

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/notadd/administration.git/'


Add initial syntax-variables.less

Add initial syntax-variables.less

@syntax-color-added: #4271ae;
@syntax-color-modified: #718C00;
@syntax-color-removed: #C82829;

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


easy to go mixin on app for colors and global variables

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/zazujs/zazu-app-external.git/'


Create tabs.less

Create tabs.less

[data-tabs] ul[role="navigation"] {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid @grey;
	z-index:0;
}

[data-tabs] ul[role="navigation"] li {
	float:left;
	margin-bottom:-1px;
	border:1px solid transparent;
	.border-radius(@border-radius @border-radius 0 0);
	.transition(@transition-background-color);
}

[data-tabs] ul[role="navigation"] .active {
	background-color:@white;
	border-color:@grey @grey @white;
}

[data-tabs] ul[role="navigation"] .active > a {
	cursor:default;
}

[data-tabs] ul[role="navigation"] li > a {
	display:block;
	color:@black;
	padding:(@gutter / 2) @gutter ((@gutter / 2) + 1px);
}

[data-tabs] ul[role="navigation"] li:not(.active):hover {
	background-color:@light-grey;
}

[data-tabs] ul[role="navigation"] li > a:hover {
	text-decoration:none;
}

[data-tab-pane] {
	display:none;
}

[data-tab-pane][data-active] {
	display:block;
}

[data-pills] ul[role="navigation"] {
	margin:0;
	padding:0;
	list-style:none;
	z-index:0;
}

[data-pills] ul[role="navigation"] li {
	float:left;
	margin-right:5px;
	.border-radius(@border-radius);
	.transition(@transition-background-color);
}

[data-pills] ul[role="navigation"] .active {
	background-color:@primary;
}

[data-pills] ul[role="navigation"] .active > a {
	color:@white;
}

[data-pills] ul[role="navigation"] .active > a {
	cursor:default;
}

[data-pills] ul[role="navigation"] li:not(.active) > a {
	color:@black;
}

[data-pills] ul[role="navigation"] li > a {
	display:block;
	padding:(@gutter / 2) @gutter ((@gutter / 2) + 1px);
}

[data-pills] ul[role="navigation"] li:not(.active):hover {
	background-color:@light-grey;
}

[data-pills] ul[role="navigation"] li > a:hover {
	text-decoration:none;
}

[data-pill-pane] {
	display:none;
}

[data-pill-pane][data-active] {
	display:block;
}

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


OR-1834 Change colors to variables

OR-1834 Change colors to variables

fatal: unable to access 'https://github.com/heroandtn3/openpaas-esn.git/': The requested URL returned error: 403


Imrpove render of column, li and code

Imrpove render of column, li and code

@import "../../styles/fonts.less";

.Body {
  &--full {
    font-family: @font-text;
    color: rgba(0, 0, 0, .8);
    line-height: 1.6em;
    font-size: 21px;
    word-wrap: break-word;

    h1, h2, h3, h4, h5, h6 {
      margin: 8px 0;
    }

    *:not(:empty):not(li) {
      margin: 32px 0;
    }

    li p {
      display: inline-block;
    }

    img {
      margin: 0 auto;
      max-width: 100%;
      display: block;
    }
  }

  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

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

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

    code {
      font-size: 16px;
    }
  }

  table {
    width: calc(100% ~'+' 20px) !important;
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    margin-right: -20px !important;

    td {
      padding-right: 20px;
      display: table-cell;
      word-wrap: break-word;
      vertical-align: top;
    }
  }

  ol {
    list-style: decimal inside;
  }

  ul {
    list-style: disc inside;
  }

  img {
    max-width: 100%;
  }
}

@import "../../styles/fonts.less";

.Body {
  &--full {
    font-family: @font-text;
    color: rgba(0, 0, 0, .8);
    line-height: 1.6em;
    font-size: 21px;
    word-wrap: break-word;

    h1, h2, h3, h4, h5, h6 {
      margin: 8px 0;
    }

    *:not(:empty) {
      margin: 32px 0;
    }

    li p {
      display: inline-block;
    }

    img {
      margin: 0 auto;
      max-width: 100%;
      display: block;
    }
  }

  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  :not(pre) > code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
  }

  pre {
    overflow-y: auto;
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
  }

  ol {
    list-style: decimal inside;
  }

  ul {
    list-style: disc inside;
  }

  img {
    max-width: 100%;
  }
}


fix css

fix 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/danosier/context-git.git/'


Cleanup unneeded style rule

Cleanup unneeded style rule

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


Add box sizing to default less

Add box sizing to default 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/ParmenionUX/parmenion-library.git/'


add audio

add audio

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/mob-framework/mob.git/'


Overflow hidden

Overflow hidden

fatal: unable to access 'https://github.com/kiln/template-horserace.git/': The requested URL returned error: 403


add gruvbox dark theme

add gruvbox dark theme

//************************************************************************/
/* Gruvbox Dark by Eduardo Ruiz [eduarbo@gmail.com]                      */
/*************************************************************************/

// Pallete {{{
@red: #cc241d;
@green: #98971a;
@yellow: #d79921;
@blue: #458588;
@purple: #b16286;
@aqua: #689d6a;
@orange: #d65d0e;

@bright-red: #fb4934;
@bright-green: #b8bb26;
@bright-yellow: #fabd2f;
@bright-blue: #83a598;
@bright-purple: #d3869b;
@bright-aqua: #8ec07c;
@bright-orange: #fe8019;

@faded-red: #9d0006;
@faded-green: #79740e;
@faded-yellow: #b57614;
@faded-blue: #076678;
@faded-purple: #8f3f71;
@faded-aqua: #427b58;
@faded-orange: #af3a03;

@bg0_hard: #1d2021;
@bg0: #282828;
@bg0_soft: #32302f;
@bg1: #3c3836;
@bg2: #504945;
@bg3: #665c54;
@bg4: #7c6f64;

@gray-244: #928374;
@gray-245: #928374;

@fg0_hard: #f9f5d7;
@fg0: #f2e5bc;
@fg0_soft: #f2e5bc;
@fg1: #ebdbb2;
@fg2: #d5c4a1;
@fg3: #bdae93;
@fg4: #a89984;
// }}}

@theme-type: dark;

// Global Settings
@text-height      : 16px;
@global-accent    : @aqua;
@global-arrow     : @fg4;
@global-background: @bg0_hard;
@global-boxshadow : fade(@red, 60%);
@global-divider   : lighten(@global-background, 5%);
@global-hover     : @bg2;
@global-input     : @bg1;
@global-selected  : @bg3;
@global-text      : @fg1;
@global-label     : @bg4;
@global-warn      : @yellow;
@global-error     : @bright-red;
@global-textshadow: darken(@global-background, 4%);

// JavaScript
@js-atom      : @bright-purple;
@js-attribute : @bright-yellow;
@js-builtin   : @bright-yellow;
@js-comment   : @gray-245;
@js-def       : @bright-aqua;
@js-error     : @bright-red;
@js-header    : @bright-blue;
@js-hr        : @bright-blue;
@js-keyword   : @bright-red;
@js-link      : @bright-blue;
@js-meta      : @bright-blue;
@js-number    : @bright-purple;
@js-operator  : @bright-orange;
@js-property  : @global-text;
@js-string    : @bright-green;
@js-tag       : @bright-blue;
@js-variable  : @global-text;
@js-variable-2: @global-text;

// JavaScript Objects
@js-obj-array    : @bright-purple;
@js-obj-boolean  : @bright-purple;
@js-obj-function : @bright-green;
@js-obj-name     : @bright-blue;
@js-obj-number   : @bright-purple;
@js-obj-preview  : @fg3;
@js-obj-regexp   : @bright-aqua;
@js-obj-string   : @bright-green;
@js-obj-undefined: @bright-purple;

// CSS
@css-at-rule   : @bright-purple;
@css-atom      : @bright-orange;
@css-builtin   : @bright-yellow;
@css-comment   : @gray-245;
@css-def       : @bright-orange;
@css-important : @bright-green;
@css-meta      : @bright-blue;
@css-number    : @bright-purple;
@css-operator  : @bright-orange;
@css-property  : @bright-aqua;
@css-qualifier : @bright-orange;
@css-string    : @bright-green;
@css-string-2  : @bright-orange;
@css-tag       : @bright-orange;
@css-variable  : @bright-orange;
@css-variable-2: @bright-orange;

// HTML Highlighting
@xml-attribute         : @bright-yellow;
@xml-comment           : @gray-245;
@xml-error             : @bright-red;
@xml-iframe-root       : @bright-yellow;
@xml-js-node           : @bright-green;
@xml-link              : @bright-orange;
@xml-pseudo            : @bright-green;
@xml-pseudo-highlighted: @bright-purple;
@xml-shadow-root       : @bright-yellow;
@xml-string            : @bright-green;
@xml-tag               : @bright-blue;

// Tabbed Header Configuration
@tab-color-top      : lighten(@global-background, 18%);
@tab-color-bottom   : lighten(@global-background, 8%);
@tab-highlighted    : @global-accent;
@tab-label          : @gray-245;
@tab-label-selected : @global-text;
@tab-label-unsaved  : @yellow;

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

// Glyphs
@glyph-active  : @global-accent;
@glyph-inactive: lighten(@global-background, 35%);

// Console
@console-default-text: @global-text;
@console-input-text  : @global-text;
@console-link        : @bg4;

// Crumbs
@crumb-selected-background: @global-selected;
@crumb-selected-text      : lighten(@global-text, 20%);
@crumb-text               : @global-text;

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

// Editor Properties
@cm-cursor             : @global-text;
@cm-error              : @bright-red;
@cm-gutter             : lighten(@global-background, 4%);
@cm-gutter-border      : lighten(@global-background, 5%);
@cm-gutter-lines       : lighten(@global-background, 40%);
@cm-matching-bracket   : @bright-yellow;
@cm-nonmatching-bracket: @bright-red;
@cm-lines-no-sourcemap : lighten(@global-background, 1%);
@cm-selected           : lighten(@global-background, 10%);
@cm-whitespace         : lighten(@global-background, 5%);

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

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

// Filters
@filter-background   : lighten(@global-background,5%);
@filter-text         : @global-text;
@filter-hover        : lighten(@global-background, 10%);
@filter-selected     : lighten(@global-background, 15%);
@filter-selected-text: lighten(@global-text, 15%);
@filter-error        : @global-error;
@filter-warning      : @bright-yellow;
@filter-info         : @bright-blue;
@filter-log          : @bright-aqua;
@filter-debug        : @bright-orange;

// Find
@find-header-background   : lighten(@global-background, 3%);
@find-header-text         : @bg4;
@find-highlight-background: @global-accent;
@find-highlight-text     : @bg1;

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

// Local Modifications
@history-added-text  : @bright-green;
@history-removed-text: @global-error;

// Screencast
@screencast-viewport       : lighten(@global-background, 10%);
@screencast-viewport-border: @global-accent;

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

// Settings
@settings-background       : @global-background;
@settings-border           : @global-background;
@settings-delimiter        : @fg2;
@settings-dialog           : @bg2;
@settings-edit-background  : @bg1;
@settings-folder-background: @bg1;
@settings-selected         : @faded-green;
@settings-text             : @bg0_soft;

// Sources Tab
@sources-exception-all     : @bright-red;
@sources-exception-uncaught: @bright-orange;
@sources-highlight-text    : darken(@global-background, 4%);
@sources-pane-background   : @global-background;
@sources-placeholder-text  : @fg4;
@sources-save-background   : @global-background;
@sources-text              : @global-text;

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

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

// Timeline
@timeline-expandable-border   : lighten(@global-background, 35%);
@timeline-graph-bar           : rgba(200,200,200,.3);
@timeline-graph-bar-background: rgba(200,200,200,.2);
@timeline-overview-background : @global-background;
@timeline-graph-selection     : @global-accent;
@timeline-progress-pane       : fade(lighten(@global-background,30%), 50%);
@timeline-resources-divider   : lighten(@global-background, 3%);

// Popovers
@popover-background       : lighten(@global-background, 5%);
@popover-details-row-title: @bright-blue;
@popover-details-title    : @bright-yellow;
@popover-title            : @bright-orange;
@popover-tree-border      : @bg4;

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


drop not used style

drop not used style

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


listify now extends .panel

listify now extends .panel

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/mikegerwitz/agagh.git/'


fixed position of ui version again

fixed position of ui version again

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/cpass78/asimov-deploy.git/'


Remove border from symbol area

Remove border from symbol area

@import "octicon-mixins";

@font-face { .octicon-font(); }

body {
  background-color: #fff;
  padding: 0;
}

.spec-popup {
  position: absolute;
  font-size: 13px;
  display: none;
}

.list-unstyled {
  list-style: none;
}

.spec-reporter {
  font-size: 11px;
  line-height: 1.6em;
  color: #333;

  #jasmine_content {
    position: fixed;
    right: 100%;
  }

  .symbol-header {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
  }

  .symbol-area {
    padding: 10px;
  }

  .symbol-summary {
    overflow: hidden;
    margin: 0;

    li {
      font-family: Monaco, Consolas, monospace;
      float: left;
      line-height: 10px;
      height: 10px;
      width: 10px;
      font-size: 10px;

      &.passed {
        color: #5cb85c;
      }

      &.failed {
        color: #d9534f;
      }

      &.skipped {
        color: #ddd;
      }

      &.pending {
        color: #eee;
      }

      &:before {
        content: "\02022";
      }
    }
  }

  .status {
    font-size: 20px;
    line-height: 2em;
    padding: 5px;
    border-radius: 0;
    margin: 0;
    text-align: center;

    .spec-count {
      float: left;
    }

    .time {
      float: right;
    }
  }

  .results {
    padding: 10px;

    .description {
      font-size: 16px;
      padding: 5px 0 5px 0;
    }

    > .suite {
      > .description {
        font-size: 18px;
        font-weight: bold;
      }

      margin-bottom: 20px;
    }

    .spec {
      margin-top: 5px;
      padding: 0 10px 10px 10px;
      border-left: 3px solid #d9534f;

      .spec-toggle {
        font-family: Octicons Regular;
        font-size: 20px;
        float: right;
        cursor: pointer;
        opacity: 0;
        color: #999;
      }

      .spec-toggle:hover {
        color: #333;
      }

      &:hover .spec-toggle {
        opacity: 1;
      }
    }

    .suite > .suite,
    .suite > .spec {
      margin-left: 10px;
    }
  }

  .result-message {
    font-size: 16px;
    font-weight: bold;
    color: #d9534f;
    padding: 5px 0 5px 0;
  }

  .stack-trace {
    font-size: 12px;
    margin: 5px 0 0 0;
    border-radius: 2px;
    line-height: 18px;
    color: #666;
    border: 1px solid #ddd;
    overflow: auto;
  }
}

@import "octicon-mixins";

@font-face { .octicon-font(); }

body {
  background-color: #fff;
  padding: 0;
}

.spec-popup {
  position: absolute;
  font-size: 13px;
  display: none;
}

.list-unstyled {
  list-style: none;
}

.spec-reporter {
  font-size: 11px;
  line-height: 1.6em;
  color: #333;

  #jasmine_content {
    position: fixed;
    right: 100%;
  }

  .symbol-header {
    font-size: 12px;
    margin: 0;
    padding-bottom: 5px;
  }

  .symbol-area {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
  }

  .symbol-summary {
    overflow: hidden;
    margin: 0;

    li {
      font-family: Monaco, Consolas, monospace;
      float: left;
      line-height: 10px;
      height: 10px;
      width: 10px;
      font-size: 10px;

      &.passed {
        color: #5cb85c;
      }

      &.failed {
        color: #d9534f;
      }

      &.skipped {
        color: #ddd;
      }

      &.pending {
        color: #eee;
      }

      &:before {
        content: "\02022";
      }
    }
  }

  .status {
    font-size: 20px;
    line-height: 2em;
    padding: 5px;
    border-radius: 0;
    margin: 0;
    text-align: center;

    .spec-count {
      float: left;
    }

    .time {
      float: right;
    }
  }

  .results {
    padding: 10px;

    .description {
      font-size: 16px;
      padding: 5px 0 5px 0;
    }

    > .suite {
      > .description {
        font-size: 18px;
        font-weight: bold;
      }

      margin-bottom: 20px;
    }

    .spec {
      margin-top: 5px;
      padding: 0 10px 10px 10px;
      border-left: 3px solid #d9534f;

      .spec-toggle {
        font-family: Octicons Regular;
        font-size: 20px;
        float: right;
        cursor: pointer;
        opacity: 0;
        color: #999;
      }

      .spec-toggle:hover {
        color: #333;
      }

      &:hover .spec-toggle {
        opacity: 1;
      }
    }

    .suite > .suite,
    .suite > .spec {
      margin-left: 10px;
    }
  }

  .result-message {
    font-size: 16px;
    font-weight: bold;
    color: #d9534f;
    padding: 5px 0 5px 0;
  }

  .stack-trace {
    font-size: 12px;
    margin: 5px 0 0 0;
    border-radius: 2px;
    line-height: 18px;
    color: #666;
    border: 1px solid #ddd;
    overflow: auto;
  }
}


Add site.less

Add site.less

/* markup specific to site.html view */
@import 'mixins';
@import '../../../bower_components/bootstrap/less/variables.less';

#site {
    #filter {
        margin-bottom: 1rem;
    }

    .lstDashboards {
        .animate-appear();
    }

    .dashboard-type-list {
        width: 100%;

        .btn {
            width: 33.333%;
            text-overflow: ellipsis;
            overflow: hidden;
            .transition(~"color .2s linear, background-color .2s linear");
        }
    }

    .create-dashboard-button {
        margin-bottom: 2.5em;
    }
}

@media(min-width: @screen-sm-min) {
    .create-dashboard-button {
        margin-top: 2.5em;
        margin-bottom: 0;
    }
}

error: pathspec 'UI/src/app/css/site.less' did not match any file(s) known to git


Hiding favorites iframe.

Hiding favorites iframe.

It shouldn't be necessary since the links that triggers it is altered, but on rare occations
it seems to show up anyway? (and I'm not even sure if the display isn't set on element - in which
case this fix won't work)

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/Det-Kongelige-Bibliotek/rex.git/'


jquery slide animation crawls on Safari

jquery slide animation crawls on Safari

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.accordion {
  display: flex;
  flex-direction: column;
  transform: translate3d(0, 0, 0); // turn gpu acceleration on in Safari for slideup/down

  &__item {
    &-body {
      display: none;
    }
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.accordion {
  display: flex;
  flex-direction: column;

  &__item {
    overflow: hidden;

    &-body {
      display: none;
    }
  }
}