less file used to generate css (http://lesscss.org)

@charset "utf-8";
/* vim: set ft=css fdm=indent: */

@border-w: thin;
@border-r: .2em;
@space: .1em;
@bg-color: white;
@item-color: #AFC7D0;

.encapsulating-textarea
{
    .round-border
    {
        border-radius: @border-r;
        -moz-border-radius: @border-r;
        -webkit-border-radius: @border-r;
    }

    /* pretend to be a textarea */
    background-color: @bg-color;
    display: block;
    border: black solid thin;
    overflow: auto;
    resize: auto;
    cursor: text;

    &.debug
    {
        background-color: #ddd;
    }

    a,
    input
    {
        display: block;
        float: left;
        margin:  @space;
        padding: @space;
        line-height: 1 + 2*@space;
        border: none;
        outline: none;
        font-size: 1em;
    }

    a
    {
        color: inherit;
        text-decoration: none;
        background-color: @item-color;
        border: #616C5E solid @border-w;
        white-space: nowrap;
        .round-border;
        cursor: text;

        &:hover
        {
            background-color: @item-color + #111;

            .remove
            {
                color: inherit;
            }
        }

        &:focus,
        &:active
        {
            background-color: @item-color + #222;
        }

        .remove
        {
            cursor: default;
            font-size: .8em;
            color: #666;
            margin-left: .25em;
        }
    }

    input
    {
        border: @bg-color solid @border-w;
        resize: none;
        width: .5em;

        /* simulated :focus for IE<8 */
        &.focus
        {
            width: 10em;
        }
    }
}

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


Update

Update

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


Add font-awesome icons file

Add font-awesome icons file

with font-awesome patterns

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.@{fa-css-prefix}-glass:before { content: @fa-var-glass; }
.@{fa-css-prefix}-music:before { content: @fa-var-music; }
.@{fa-css-prefix}-search:before { content: @fa-var-search; }
.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; }
.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
.@{fa-css-prefix}-star:before { content: @fa-var-star; }
.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; }
.@{fa-css-prefix}-user:before { content: @fa-var-user; }
.@{fa-css-prefix}-film:before { content: @fa-var-film; }
.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
.@{fa-css-prefix}-th:before { content: @fa-var-th; }
.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
.@{fa-css-prefix}-check:before { content: @fa-var-check; }
.@{fa-css-prefix}-times:before { content: @fa-var-times; }
.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
.@{fa-css-prefix}-gear:before,
.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; }
.@{fa-css-prefix}-home:before { content: @fa-var-home; }
.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; }
.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; }
.@{fa-css-prefix}-road:before { content: @fa-var-road; }
.@{fa-css-prefix}-download:before { content: @fa-var-download; }
.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }
.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }
.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; }
.@{fa-css-prefix}-rotate-right:before,
.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; }
.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; }
.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
.@{fa-css-prefix}-book:before { content: @fa-var-book; }
.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
.@{fa-css-prefix}-print:before { content: @fa-var-print; }
.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
.@{fa-css-prefix}-font:before { content: @fa-var-font; }
.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }
.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }
.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
.@{fa-css-prefix}-list:before { content: @fa-var-list; }
.@{fa-css-prefix}-dedent:before,
.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; }
.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; }
.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; }
.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
.@{fa-css-prefix}-edit:before,
.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; }
.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; }
.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; }
.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; }
.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
.@{fa-css-prefix}-play:before { content: @fa-var-play; }
.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }
.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }
.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; }
.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; }
.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }
.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }
.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }
.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }
.@{fa-css-prefix}-mail-forward:before,
.@{fa-css-prefix}-share:before { content: @fa-var-share; }
.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
.@{fa-css-prefix}-warning:before,
.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
.@{fa-css-prefix}-random:before { content: @fa-var-random; }
.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }
.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }
.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; }
.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; }
.@{fa-css-prefix}-bar-chart-o:before { content: @fa-var-bar-chart-o; }
.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
.@{fa-css-prefix}-key:before { content: @fa-var-key; }
.@{fa-css-prefix}-gears:before,
.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }
.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }
.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; }
.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; }
.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; }
.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; }
.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; }
.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; }
.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; }
.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; }
.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; }
.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
.@{fa-css-prefix}-github:before { content: @fa-var-github; }
.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; }
.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; }
.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; }
.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; }
.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; }
.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
.@{fa-css-prefix}-group:before,
.@{fa-css-prefix}-users:before { content: @fa-var-users; }
.@{fa-css-prefix}-chain:before,
.@{fa-css-prefix}-link:before { content: @fa-var-link; }
.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
.@{fa-css-prefix}-cut:before,
.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; }
.@{fa-css-prefix}-copy:before,
.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; }
.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
.@{fa-css-prefix}-save:before,
.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; }
.@{fa-css-prefix}-square:before { content: @fa-var-square; }
.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
.@{fa-css-prefix}-table:before { content: @fa-var-table; }
.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
.@{fa-css-prefix}-money:before { content: @fa-var-money; }
.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }
.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }
.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
.@{fa-css-prefix}-unsorted:before,
.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
.@{fa-css-prefix}-sort-down:before,
.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; }
.@{fa-css-prefix}-sort-up:before,
.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; }
.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
.@{fa-css-prefix}-rotate-left:before,
.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
.@{fa-css-prefix}-legal:before,
.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
.@{fa-css-prefix}-dashboard:before,
.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; }
.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; }
.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; }
.@{fa-css-prefix}-flash:before,
.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
.@{fa-css-prefix}-paste:before,
.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; }
.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; }
.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; }
.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; }
.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; }
.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; }
.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; }
.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; }
.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; }
.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }
.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }
.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }
.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }
.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }
.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }
.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }
.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
.@{fa-css-prefix}-mobile-phone:before,
.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; }
.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }
.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }
.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
.@{fa-css-prefix}-mail-reply:before,
.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; }
.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; }
.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; }
.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; }
.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; }
.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; }
.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; }
.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
.@{fa-css-prefix}-code:before { content: @fa-var-code; }
.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
.@{fa-css-prefix}-mail-reply-all:before { content: @fa-var-mail-reply-all; }
.@{fa-css-prefix}-star-half-empty:before,
.@{fa-css-prefix}-star-half-full:before,
.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; }
.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; }
.@{fa-css-prefix}-unlink:before,
.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; }
.@{fa-css-prefix}-question:before { content: @fa-var-question; }
.@{fa-css-prefix}-info:before { content: @fa-var-info; }
.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
.@{fa-css-prefix}-shield:before { content: @fa-var-shield; }
.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; }
.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }
.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }
.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; }
.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; }
.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; }
.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; }
.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; }
.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; }
.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }
.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
.@{fa-css-prefix}-toggle-down:before,
.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }
.@{fa-css-prefix}-toggle-up:before,
.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }
.@{fa-css-prefix}-toggle-right:before,
.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }
.@{fa-css-prefix}-euro:before,
.@{fa-css-prefix}-eur:before { content: @fa-var-eur; }
.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; }
.@{fa-css-prefix}-dollar:before,
.@{fa-css-prefix}-usd:before { content: @fa-var-usd; }
.@{fa-css-prefix}-rupee:before,
.@{fa-css-prefix}-inr:before { content: @fa-var-inr; }
.@{fa-css-prefix}-cny:before,
.@{fa-css-prefix}-rmb:before,
.@{fa-css-prefix}-yen:before,
.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; }
.@{fa-css-prefix}-ruble:before,
.@{fa-css-prefix}-rouble:before,
.@{fa-css-prefix}-rub:before { content: @fa-var-rub; }
.@{fa-css-prefix}-won:before,
.@{fa-css-prefix}-krw:before { content: @fa-var-krw; }
.@{fa-css-prefix}-bitcoin:before,
.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
.@{fa-css-prefix}-file:before { content: @fa-var-file; }
.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; }
.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }
.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }
.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }
.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }
.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }
.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }
.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }
.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; }
.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; }
.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; }
.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; }
.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; }
.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; }
.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
.@{fa-css-prefix}-android:before { content: @fa-var-android; }
.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
.@{fa-css-prefix}-female:before { content: @fa-var-female; }
.@{fa-css-prefix}-male:before { content: @fa-var-male; }
.@{fa-css-prefix}-gittip:before { content: @fa-var-gittip; }
.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; }
.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; }
.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
.@{fa-css-prefix}-toggle-left:before,
.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; }
.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
.@{fa-css-prefix}-turkish-lira:before,
.@{fa-css-prefix}-try:before { content: @fa-var-try; }
.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; }

error: pathspec 'cp-strap/src/stylesheets/icons/font-awesome/less/icons.less' did not match any file(s) known to git


Add comment

Add comment

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/jimmynotjim/cfgov-refresh.git/'


Improved styling on link hover underlining.

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/hobarrera/www.git/'


Scaffold less file

Scaffold less file

/* Fonts */

/* Colors */

@colorname: #ffaabb;

/* Generics */

/* Helpers */

/* Grid */

/* Elements */

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


header fixed means fixed (bug 792878)

header fixed means fixed (bug 792878)

// styles for the global site header only.
@import 'lib';

// compensate for fixed header.
#page {
    padding-top: 50px;
}

// if there is a page title we want in the header, give it the id of #top
#top {
    .dark-text-shadow;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 50px;
    margin: 0 35px;
    max-width: 200px;
    position: fixed;
    top: 0;
    z-index: 10;
}

#top {
    text-align: left;
}

.home #top {
    text-align: center;
    max-width: 300px;
    margin-left: 69px;
    &:before {
        background: url(../../img/mkt/logos/small.png) no-repeat;
        content: "";
        height: 27px;
        width: 35px;
        display: inline-block;
        position: relative;
        top: 5px;
    }
}

#search {
    color: #fff;
    display: none;
}

#site-header, .classic-header {
    > section {
        position: relative;
    }
    .gradient-two-color(#566773, #3e4e59);
    .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 0 3px 3px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.1) inset');
    height: 50px;
    line-height: 50px;
    width: 100%;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    h1 {
        display: none;
    }
    nav,
    > section {
        position: relative;
    }
}

.header-button {
    width: 50px;
    height: 50px;
    color: #fff;
    position: relative;
    z-index: 11;
    text-align: center;
    &:after {
        content: '';
        z-index: 11;
        position: absolute;
        height: 34px;
        width: 2px;
        background: url(../../img/mkt/divider.png) no-repeat;
        margin-top: 7px;
    }
    &.right {
        float: right;
        &:after {
            left: -1px;
        }
    }
    &.left {
        float: left;
        &:after {
            right: -1px;
        }
    }

    &.filter {
        width: 54px;
    }

    // icons for header buttons
    &.icon {
        text-indent: -1000%;
    }
    &.icon:before {
        content: '';
        width: 24px;
        height: 24px;
        background: url(../../img/mkt/header-icons.png) 0 24px no-repeat;
        display: block;
        position: absolute;
        top: 13px;
        left: 13px;
    }
    &.settings:before {
        background-position: 0 0;
    }
    &.cancel:before {
        background-position: 0 -24px;
    }
    &.search:before {
        background-position: 0 -48px;
    }
    &.back {
        width: 40px;
        &:after {
            right: 19px;
            top: 0;
        }
        &:before {
            background-position: 0 -72px;
            width: 12px;
            left: 4px;
        }
        /* Gives us a big click target without being totally insane. */
        b {
            display: block;
            height: 50px;
            overflow: hidden;
            width: 20px;
        }
        &:hover b {
            background-image: -moz-linear-gradient(top, fade(#000, 0%), fade(#000, 25%) 25%, fade(#000, 25%) 75%, fade(#000, 0%) 100%);
            background-image: -webkit-linear-gradient(top, fade(#000, 0%), fade(#000, 25%) 25%, fade(#000, 25%) 75%, fade(#000, 0%) 100%);
        }
        &:active b {
            background-image: -moz-linear-gradient(top, fade(#000, 0%), fade(#000, 35%) 25%, fade(#000, 35%) 75%, fade(#000, 0%) 100%);
            background-image: -webkit-linear-gradient(top, fade(#000, 0%), fade(#000, 35%) 25%, fade(#000, 35%) 75%, fade(#000, 0%) 100%);
        }
    }
    &.home {
        width: 29px;
        &:before {
            width: 18px;
            left: 5px;
            background-position: 0 -96px;
        }
    }

    &.expand {
        width: 78px;
        &:after {
            content: none;
        }
    }
    &.expand:before {
        width: 54px;
        height: 24px;
        background: url(../../img/mkt/expand-toggle.png) 0 0 no-repeat;
    }
    &.expand.active:before {
        background-position: 0 -24px;
    }
}

.nav-overlay.show {
    background: transparent;
}

/* Content header (breadcrumbs, heading, subnav) - used on Account Settings, etc. */

#page .account header.c {
    margin-bottom: 10px;
    h1 {
        float: left;
    }
    .sub-nav {
        float: right;
    }
    .sub-nav {
        .border-radius(15px);
        .box-shadow(0 1px 0 @barely-gray);
        list-style: none;
        margin: 0;
        padding: 0;
        li {
            background-clip: padding-box;
            float: left;
            a {
                .gradient-two-color(@white, rgba(238,238,238,.8));
                border: 1px solid @note-gray;
                border-right: 0;
                color: @medium-gray;
                display: inline-block;
                font-size: 13px;
                line-height: 15px;
                padding: 5px 15px;
                text-decoration: none;
                text-shadow: 0 1px 0 rgba(255,255,255,.8);
                &:hover {
                    .gradient-two-color(@barely-gray, darken(@barely-gray, 15%));
                    color: @dark-gray;
                    text-shadow: 0 1px 0 rgba(255,255,255,.8);
                }
                &:active {
                    .box-shadow(0 1px 2px rgba(0,0,0,.1) inset);
                    background: @faint-gray;
                    border-color: @note-gray;
                }
            }
            &.selected {
                a, a:hover {
                    .box-shadow(0 1px 0 rgba(0,0,0,.2) inset);
                    .gradient-two-color(@medium-gray, fadeOut(@medium-gray, 75%));
                    border-color: @medium-gray;
                    color: @white;
                    text-shadow: 0 1px 0 rgba(0,0,0,.2);
                }
            }
            &:first-child a {
                .border-radius(15px 0 0 15px);
            }
            &:last-child a {
                .border-radius(0 15px 15px 0);
                border-right: 1px solid @note-gray;
            }
            &:only-child a {
                .border-radius(15px);
            }
        }
    }
}

@drk-hding-start: darken(#394C58, 10%);
@drk-hding-end: darken(#60747F, 10%);

// styles for the global site header only.
@import 'lib';

// compensate for fixed header.
#page {
    padding-top: 50px;
}

// if there is a page title we want in the header, give it the id of #top
#top {
    .dark-text-shadow;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 50px;
    margin: 0 35px;
    max-width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

#top {
    text-align: left;
}

.home #top {
    text-align: center;
    max-width: 300px;
    &:before {
        background: url(../../img/mkt/logos/small.png) no-repeat;
        content: "";
        height: 27px;
        width: 35px;
        display: inline-block;
        position: relative;
        top: 5px;
    }
}

#search {
    color: #fff;
    display: none;
}

#site-header, .classic-header {
    > section {
        position: relative;
    }
    .gradient-two-color(#566773, #3e4e59);
    .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 0 3px 3px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.1) inset');
    height: 50px;
    line-height: 50px;
    width: 100%;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    h1 {
        display: none;
    }
    nav,
    > section {
        position: relative;
    }
}

.header-button {
    width: 50px;
    height: 50px;
    color: #fff;
    position: relative;
    z-index: 11;
    text-align: center;
    &:after {
        content: '';
        z-index: 11;
        position: absolute;
        height: 34px;
        width: 2px;
        background: url(../../img/mkt/divider.png) no-repeat;
        margin-top: 7px;
    }
    &.right {
        float: right;
        &:after {
            left: -1px;
        }
    }
    &.left {
        float: left;
        &:after {
            right: -1px;
        }
    }

    &.filter {
        width: 54px;
    }

    // icons for header buttons
    &.icon {
        text-indent: -1000%;
    }
    &.icon:before {
        content: '';
        width: 24px;
        height: 24px;
        background: url(../../img/mkt/header-icons.png) 0 24px no-repeat;
        display: block;
        position: absolute;
        top: 13px;
        left: 13px;
    }
    &.settings:before {
        background-position: 0 0;
    }
    &.cancel:before {
        background-position: 0 -24px;
    }
    &.search:before {
        background-position: 0 -48px;
    }
    &.back {
        width: 40px;
        &:after {
            right: 19px;
            top: 0;
        }
        &:before {
            background-position: 0 -72px;
            width: 12px;
            left: 4px;
        }
        /* Gives us a big click target without being totally insane. */
        b {
            display: block;
            height: 50px;
            overflow: hidden;
            width: 20px;
        }
        &:hover b {
            background-image: -moz-linear-gradient(top, fade(#000, 0%), fade(#000, 25%) 25%, fade(#000, 25%) 75%, fade(#000, 0%) 100%);
            background-image: -webkit-linear-gradient(top, fade(#000, 0%), fade(#000, 25%) 25%, fade(#000, 25%) 75%, fade(#000, 0%) 100%);
        }
        &:active b {
            background-image: -moz-linear-gradient(top, fade(#000, 0%), fade(#000, 35%) 25%, fade(#000, 35%) 75%, fade(#000, 0%) 100%);
            background-image: -webkit-linear-gradient(top, fade(#000, 0%), fade(#000, 35%) 25%, fade(#000, 35%) 75%, fade(#000, 0%) 100%);
        }
    }
    &.home {
        width: 29px;
        &:before {
            width: 18px;
            left: 5px;
            background-position: 0 -96px;
        }
    }

    &.expand {
        width: 78px;
        &:after {
            content: none;
        }
    }
    &.expand:before {
        width: 54px;
        height: 24px;
        background: url(../../img/mkt/expand-toggle.png) 0 0 no-repeat;
    }
    &.expand.active:before {
        background-position: 0 -24px;
    }
}

.nav-overlay.show {
    background: transparent;
}

/* Content header (breadcrumbs, heading, subnav) - used on Account Settings, etc. */

#page .account header.c {
    margin-bottom: 10px;
    h1 {
        float: left;
    }
    .sub-nav {
        float: right;
    }
    .sub-nav {
        .border-radius(15px);
        .box-shadow(0 1px 0 @barely-gray);
        list-style: none;
        margin: 0;
        padding: 0;
        li {
            background-clip: padding-box;
            float: left;
            a {
                .gradient-two-color(@white, rgba(238,238,238,.8));
                border: 1px solid @note-gray;
                border-right: 0;
                color: @medium-gray;
                display: inline-block;
                font-size: 13px;
                line-height: 15px;
                padding: 5px 15px;
                text-decoration: none;
                text-shadow: 0 1px 0 rgba(255,255,255,.8);
                &:hover {
                    .gradient-two-color(@barely-gray, darken(@barely-gray, 15%));
                    color: @dark-gray;
                    text-shadow: 0 1px 0 rgba(255,255,255,.8);
                }
                &:active {
                    .box-shadow(0 1px 2px rgba(0,0,0,.1) inset);
                    background: @faint-gray;
                    border-color: @note-gray;
                }
            }
            &.selected {
                a, a:hover {
                    .box-shadow(0 1px 0 rgba(0,0,0,.2) inset);
                    .gradient-two-color(@medium-gray, fadeOut(@medium-gray, 75%));
                    border-color: @medium-gray;
                    color: @white;
                    text-shadow: 0 1px 0 rgba(0,0,0,.2);
                }
            }
            &:first-child a {
                .border-radius(15px 0 0 15px);
            }
            &:last-child a {
                .border-radius(0 15px 15px 0);
                border-right: 1px solid @note-gray;
            }
            &:only-child a {
                .border-radius(15px);
            }
        }
    }
}

@drk-hding-start: darken(#394C58, 10%);
@drk-hding-end: darken(#60747F, 10%);


The playback control bar in Ladybug Motion was 1px too high.

@import "../../node_modules/bootstrap/less/mixins/vendor-prefixes.less";
@import "../../../common/styles/variables.less";
@import "variables.less";
@import "mixins.less";

.playback-controls-wrapper {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 62px;
    padding: 10px;
    background: @panel-bg;
    text-align: center;
    .user-select(none);

    .playback-btn {
        display: inline-block;
        background: @btn-bg;
        color: @link-color;
        outline: none;
        border: none;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        text-align: center;

        &:hover {
            opacity: 0.9;
        }

        &:active {
            background: @link-color;
            color: #fff;
        }

        &.play-btn,
        &.record-btn,
        &.pause-btn {
            display: none;
        }

        .sim-view:not(.record-mode):not(.playing) &.play-btn {
            display: inline-block;
        }
        .sim-view.record-mode:not(.playing) &.record-btn  {
            display: inline-block;
        }
        .sim-view.playing &.pause-btn {
            display: inline-block;
        }

        &.play-btn,
        &.pause-btn,
        &.record-btn {
            width: 42px;
            height: 42px;
            font-size: 16px;
        }

        &.play-btn {
            padding-left: 10px;
        }
    }

    .btn-normal {
        .button-variant(@link-color, @btn-bg, #fff, @link-color);
        margin: 5px 5px 0;
    }

    .clear-btn {
        float: left;
    }

    .reset-btn {
        float: right;
    }

    .playback-mode-wrapper {
        position: absolute;
        left: 170px;
        top: 15px;

        .btn {
            .button-variant(@link-color, @btn-bg, #fff, @link-color);

            &.active {
                -webkit-box-shadow: none;
                box-shadow: none;
                background: fadeout(@link-color, 30%);
                color: #fff;
            }
        }
    }

    .playback-center-buttons-wrapper {
        width: 250px;
        position: absolute;
        left: 50%;
        margin-left: -125px;
        top: 0;
        height: 100%;
        padding: 10px;
        text-align: center;
    }

    .seek-bar-view {
        position: absolute;
        bottom: 100%;
        left: 0;
    }

}

@import "../../node_modules/bootstrap/less/mixins/vendor-prefixes.less";
@import "../../../common/styles/variables.less";
@import "variables.less";
@import "mixins.less";

.playback-controls-wrapper {
    position: absolute;
    bottom: 6px;
    width: 100%;
    height: 62px;
    padding: 10px;
    background: @panel-bg;
    text-align: center;
    .user-select(none);

    .playback-btn {
        display: inline-block;
        background: @btn-bg;
        color: @link-color;
        outline: none;
        border: none;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        text-align: center;

        &:hover {
            opacity: 0.9;
        }

        &:active {
            background: @link-color;
            color: #fff;
        }

        &.play-btn,
        &.record-btn,
        &.pause-btn {
            display: none;
        }

        .sim-view:not(.record-mode):not(.playing) &.play-btn {
            display: inline-block;
        }
        .sim-view.record-mode:not(.playing) &.record-btn  {
            display: inline-block;
        }
        .sim-view.playing &.pause-btn {
            display: inline-block;
        }

        &.play-btn,
        &.pause-btn,
        &.record-btn {
            width: 42px;
            height: 42px;
            font-size: 16px;
        }

        &.play-btn {
            padding-left: 10px;
        }
    }

    .btn-normal {
        .button-variant(@link-color, @btn-bg, #fff, @link-color);
        margin: 5px 5px 0;
    }

    .clear-btn {
        float: left;
    }

    .reset-btn {
        float: right;
    }

    .playback-mode-wrapper {
        position: absolute;
        left: 170px;
        top: 15px;

        .btn {
            .button-variant(@link-color, @btn-bg, #fff, @link-color);

            &.active {
                -webkit-box-shadow: none;
                box-shadow: none;
                background: fadeout(@link-color, 30%);
                color: #fff;
            }
        }
    }

    .playback-center-buttons-wrapper {
        width: 250px;
        position: absolute;
        left: 50%;
        margin-left: -125px;
        top: 0;
        height: 100%;
        padding: 10px;
        text-align: center;
    }

    .seek-bar-view {
        position: absolute;
        bottom: 100%;
        left: 0;
    }

}


Add rhythmic leading mixin

Add rhythmic leading mixin

Takes a font-size for styling and an optional font-size for targeting
the line-height.

// Visual Rhythm // for LESS: http://lesscss.org/

// line_height(x)
//  = em*em*(((ceil(2*(((x*1.125)/1em)-1)))/2)+1)/x

.lead(@font_size, @line_height:@font_size) {
  font-size: @font_size;
  line-height: (((ceil(2*(((@line_height*1.125)/1em)-1)))/2)+1)/@font_size;
}

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


Added align utiltiy

Added align utiltiy

/* ==========================================================================
   Minima: Align
   ========================================================================== */

/**
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */

.u-alignBaseline {
  vertical-align: baseline !important;
}

.u-alignBottom {
  vertical-align: bottom !important;
}

.u-alignMiddle {
  vertical-align: middle !important;
}

.u-alignTop {
  vertical-align: top !important;
}

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


make the current path bold

make the current path bold

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


Delete variables.less

Delete variables.less

error: pathspec 'lesson' did not match any file(s) known to git
error: pathspec '4/font-awesome/less/variables.less' did not match any file(s) known to git


Add ghost-center mixin

Add ghost-center mixin

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/GutsChurch/dominate.git/'


typo less

typo 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/Shivabeach/herbs.git/'


OR-1681 - Rounded square avatar and wider card

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/heroandtn3/openpaas-esn.git/'


Fixed license

Fixed license

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/MenesesEvandro/WCF.git/'


text cleanup

text cleanup

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/aoimedia/uikit.git/'


update to film-strip carousel

update to film-strip carousel

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/DellGDC/dell-ui-components.git/'


resize site search suggestions (bug 835313)

@import 'lib';

#site-header {
    height: 80px;
    #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search.png), ~'8px 8px', no-repeat);
        font-size: 12px;
        font-weight: 300;
        height: 26px;
        margin-top: -14px;
        line-height: 23px;
        padding: 1px 30px 0 25px;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 13;
        &:-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-webkit-input-placeholder {
            color: lighten(#48535d, 25%);
        }
    }
}

#search,
#search-q,
body[data-page-type='search'] #search,
body[data-page-type='search'] #search-q {
    width: 150px;
}

body[data-page-type='search'] #search {
    margin-right: 12px;
}

#page {
    padding-top: 80px;
}

.incompatible-browser.active {
    top: 80px;
}

// Hide page titles. Show just the logo. Everywhere.
#site-header h1.page {
    display: none !important;
}

.force-mobile #site-header section.main,
#site-header nav,
#search {
    height: 100%;
}

#search {
    display: block;
    position: absolute;
    right: 50px;
}

.logged #search {
    right: 35px;
}

#site-header, .classic-header {
    .box-shadow(~'0 -1px 0 rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.1) inset');
    background: darken(#3f4f5b, 5%) @grain-src;
    background-size: 100px 100px;
    position: absolute;
}

body, .home {
    #site-header h1.site {
        //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
        background: url(../../img/mkt/logos/mp_aurora_wordmark_400x60.png) 0 50% no-repeat;
        background-size: 280px auto;
        text-indent: -9999px;
        height: 100%;
        left: 0;
        max-width: 280px;
        top: 0;
        width: 280px;
        a {
            display: block;
            height: 100%;
            width: 100%;
        }
    }
}
.header-button {
    float: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
    width: 40px;
    &.back,
    &.home {
        display: none !important;
    }
    &:after {
        display: none;
    }
    &.settings {
        display: block;
        &:before {
            background-image: url(../../img/mkt/icons/settings.png);
            left: 9px;
            z-index: 3;
        }
    }
    &.browserid {
        display: block;
        height: 100%;
        line-height: 80px;
        margin: 0;
        text-align: right;
        position: absolute;
        top: 0;
        width: 60px;
        &.loading-submit {
            .hidetext;
            .webkit-spin;
            background: url(../../img/mkt/loading-16.png) center no-repeat;
            &:after {
                display: none;
            }
        }
    }
}

#site-search-suggestions,
#site-search-suggestions .wrap,
#site-search-suggestions ul,
#site-search-suggestions li:only-child a {
    .border-radius(3px);
}

#site-search-suggestions {
    .box-shadow(0 0 1px);
    height: auto;
    margin: -24px 62px 0 0;
    position: static;
    float: right;
    width: 230px;
    z-index: 11;
    .wrap {
        position: relative;
        height: auto;
        top: 0;
        a {
            font-size: 12px;
            line-height: 30px;
            span {
                .ellipsis;
                width: 175px;
            }
        }
    }
    li:first-child a {
        .border-radius(3px 3px 0 0);
    }
    li:last-child a {
        .border-radius(0 0 3px 3px);
        border-bottom: 0;
    }
    li:only-child a {
        border-bottom: 0;
    }
}

#site-header.suggestions {
    #search, #search-q {
        width: 175px;
    }
    h1 {
        display: inline-block;
    }
}

.logged #site-search-suggestions {
    margin-right: 47px;
}

@media @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            //background-size: 280px auto;
        }
        .header-button.settings:before {
            background-image: url(../../img/mkt/icons/settings-2x.png);
            background-size: 23px auto;
        }
    }
    #site-header #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search-2x.png), ~'8px 8px', no-repeat);
        background-size: 12px auto;
    }
}

@import 'lib';

#site-header {
    height: 80px;
    #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search.png), ~'8px 8px', no-repeat);
        font-size: 12px;
        font-weight: 300;
        height: 26px;
        margin-top: -14px;
        line-height: 23px;
        padding: 1px 30px 0 25px;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 13;
        &:-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-webkit-input-placeholder {
            color: lighten(#48535d, 25%);
        }
    }
}

#search,
#search-q,
body[data-page-type='search'] #search,
body[data-page-type='search'] #search-q {
    width: 150px;
}

body[data-page-type='search'] #search {
    margin-right: 12px;
}

#page {
    padding-top: 80px;
}

.incompatible-browser.active {
    top: 80px;
}

// Hide page titles. Show just the logo. Everywhere.
#site-header h1.page {
    display: none !important;
}

.force-mobile #site-header section.main,
#site-header nav,
#search {
    height: 100%;
}

#search {
    display: block;
    position: absolute;
    right: 50px;
}

.logged #search {
    right: 35px;
}

#site-header, .classic-header {
    .box-shadow(~'0 -1px 0 rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.1) inset');
    background: darken(#3f4f5b, 5%) @grain-src;
    background-size: 100px 100px;
    position: absolute;
}

body, .home {
    #site-header h1.site {
        //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
        background: url(../../img/mkt/logos/mp_aurora_wordmark_400x60.png) 0 50% no-repeat;
        background-size: 280px auto;
        text-indent: -9999px;
        height: 100%;
        left: 0;
        max-width: 280px;
        top: 0;
        width: 280px;
        a {
            display: block;
            height: 100%;
            width: 100%;
        }
    }
}
.header-button {
    float: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
    width: 40px;
    &.back,
    &.home {
        display: none !important;
    }
    &:after {
        display: none;
    }
    &.settings {
        display: block;
        &:before {
            background-image: url(../../img/mkt/icons/settings.png);
            left: 9px;
            z-index: 3;
        }
    }
    &.browserid {
        display: block;
        height: 100%;
        line-height: 80px;
        margin: 0;
        text-align: right;
        position: absolute;
        top: 0;
        width: 60px;
        &.loading-submit {
            .hidetext;
            .webkit-spin;
            background: url(../../img/mkt/loading-16.png) center no-repeat;
            &:after {
                display: none;
            }
        }
    }
}

#site-search-suggestions,
#site-search-suggestions .wrap,
#site-search-suggestions ul,
#site-search-suggestions li:only-child a {
    .border-radius(3px);
}

#site-search-suggestions {
    .box-shadow(0 0 1px);
    height: auto;
    margin: -24px 62px 0 0;
    position: static;
    float: right;
    width: 205px;
    z-index: 11;
    .wrap {
        position: relative;
        height: auto;
        top: 0;
        a {
            font-size: 12px;
            line-height: 30px;
            span {
                .ellipsis;
                width: 175px;
            }
        }
    }
    li:first-child a {
        .border-radius(3px 3px 0 0);
    }
    li:last-child a {
        .border-radius(0 0 3px 3px);
        border-bottom: 0;
    }
    li:only-child a {
        border-bottom: 0;
    }
}

#site-header.suggestions {
    #search, #search-q {
        width: 175px;
    }
    h1 {
        display: inline-block;
    }
}

.logged #site-search-suggestions {
    margin-right: 47px;
}

@media @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            //background-size: 280px auto;
        }
        .header-button.settings:before {
            background-image: url(../../img/mkt/icons/settings-2x.png);
            background-size: 23px auto;
        }
    }
    #site-header #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search-2x.png), ~'8px 8px', no-repeat);
        background-size: 12px auto;
    }
}


style(left-panel): add ellipsis to cut off text

@appTitleHeight: 70px;
@projectListTop: 45 + @appTitleHeight;

.project-list-item {
  list-style-type: none;
  project {
    display: block;
    padding: 5px;

    .title {
      line-height: 50px;
      margin: 0;
    }
  }
}

.main {
  display: flex;
  flex: 1;
  height: 100%;

  .left {
    position: relative;
    flex: 0 0 auto;
    width: 300px;
    overflow: hidden;

    .main-button-group {
      height: 44px;
      width: 100%;
      display: flex;

      .main-button {
        display: block;
        height: 100%;
        width: 33.33%;
        border: 0;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        white-space: nowrap;
      }
    }

    .projectList {
      position: absolute;
      bottom: 0;
      top: @projectListTop;
      left: 0;
      right: 0;
      .vGrid {
        .vGrid-header {
          overflow-y: hidden !important;

          .vgrid-header-input-search-icon {
            position: absolute;
            top: 47px;
            left: 5px;
          }

          .vgrid-header-input-bottom {
            padding: 15px 28px;
            outline: 0 !important;
          }
        }

        .vGrid-row {
          font-size: 18px;
          letter-spacing: .4px;

          .vgrid-row-input {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }

    .project-list-header {
      max-height: 36px;
      min-height: 36px;
      text-align: center;
      font-weight: 400;

      .vGrid-glyphicon-sort-asc {
        right: 15px;
      }
      .vGrid-glyphicon-sort-desc {
        right: 15px;
      }
    }

    .main-header {
      margin: 0;
      padding-top: 0;
      line-height: 65px;
      height: @appTitleHeight;
    }
  }

  .right {
    flex: 1 1 auto;
    overflow: auto;

    &.plugin-view-active {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: @taskbarHeight;
    }

    .title {
      margin-left: 10px;
    }

    .project-title-plugin {
      text-transform: capitalize;
    }

    .returnToPluginListBtn{
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 10;
    }

    tiles {
      padding-left: 20px;
      display: block;
    }

    .relevant-checkbox {
      margin: 5px;

      input {
        height: 16px;
        width: 16px;
      }

      span {
        position: relative;
        top: -3px;
      }
    }
  }
}

@appTitleHeight: 70px;
@projectListTop: 45 + @appTitleHeight;

.project-list-item {
  list-style-type: none;
  project {
    display: block;
    padding: 5px;

    .title {
      line-height: 50px;
      margin: 0;
    }
  }
}

.main {
  display: flex;
  flex: 1;
  height: 100%;

  .left {
    position: relative;
    flex: 0 0 auto;
    width: 300px;
    overflow: hidden;

    .main-button-group {
      height: 44px;
      width: 100%;
      display: flex;

      .main-button {
        display: block;
        height: 100%;
        width: 33.33%;
        border: 0;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        white-space: nowrap;
      }
    }

    .projectList {
      position: absolute;
      bottom: 0;
      top: @projectListTop;
      left: 0;
      right: 0;
      .vGrid {
        .vGrid-header {
          overflow-y: hidden !important;

          .vgrid-header-input-search-icon {
            position: absolute;
            top: 47px;
            left: 5px;
          }

          .vgrid-header-input-bottom {
            padding: 15px 28px;
            outline: 0 !important;
          }
        }

        .vGrid-row {
          font-size: 18px;
          letter-spacing: .4px;
        }
      }
    }

    .project-list-header {
      max-height: 36px;
      min-height: 36px;
      text-align: center;
      font-weight: 400;

      .vGrid-glyphicon-sort-asc {
        right: 15px;
      }
      .vGrid-glyphicon-sort-desc {
        right: 15px;
      }
    }

    .main-header {
      margin: 0;
      padding-top: 0;
      line-height: 65px;
      height: @appTitleHeight;
    }
  }

  .right {
    flex: 1 1 auto;
    overflow: auto;

    &.plugin-view-active {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: @taskbarHeight;
    }

    .title {
      margin-left: 10px;
    }

    .project-title-plugin {
      text-transform: capitalize;
    }

    .returnToPluginListBtn{
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 10;
    }

    tiles {
      padding-left: 20px;
      display: block;
    }

    .relevant-checkbox {
      margin: 5px;

      input {
        height: 16px;
        width: 16px;
      }

      span {
        position: relative;
        top: -3px;
      }
    }
  }
}


Optimize the responsive style

Optimize the responsive 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-jquery-datetime-picker.git/'


Added background-clip, border-radius, box-sizing

// Vendors

// Table of contents:
// - Background
// -- Background Clip
//
// - Border Radius
// -- Border Radius
// -- Border Top Left Radius
// -- Border Top Right Radius
// -- Border Bottom Right Radius
// -- Border Bottom Left Radius
// -- Border Top Radius
// -- Border Right Radius
// -- Border Bottom Radius
// -- Border Left Radius
//
// - Box Sizing

// Background
// - Background Clip
.background-clip(@box-model: border-box) {
    -webkit-background-clip: @box-model;
       -moz-background-clip: @box-model;
            background-clip: @box-model;
}

// Border Radius
// - Border Radius
.border-radius(@radius: 0) {
    -webkit-border-radius: @radius;
       -mox-border-radius: @radius;
            border-radius: @radius;

    .background-clip(padding-box);
}
// - Border Top Left Radius
.border-top-left-radius(@radius: 0) {
    -webkit-border-top-left-radius: @radius;
        -mox-border-radius-topleft: @radius;
            border-top-left-radius: @radius;

    .background-clip(padding-box);
}
// - Border Top Right Radius
.border-top-right-radius(@radius: 0) {
    -webkit-border-top-right-radius: @radius;
        -mox-border-radius-topright: @radius;
            border-top-right-radius: @radius;

    .background-clip(padding-box);
}
// - Border Bottom Right Radius
.border-bottom-right-radius(@radius: 0) {
    -webkit-border-bottom-right-radius: @radius;
        -mox-border-radius-bottomright: @radius;
            border-bottom-right-radius: @radius;

    .background-clip(padding-box);
}
// - Border Bottom Left Radius
.border-bottom-left-radius(@radius: 0) {
    -webkit-border-bottom-left-radius: @radius;
        -mox-border-radius-bottomleft: @radius;
            border-bottom-left-radius: @radius;

    .background-clip(padding-box);
}
// - Border Top Radius
.border-top-radius(@radius: 0) {
     .border-top-left-radius(@radius);
    .border-top-right-radius(@radius);
}
// - Border Right Radius
.border-right-radius(@radius: 0) {
       .border-top-right-radius(@radius);
    .border-bottom-right-radius(@radius);
}
// - Border Bottom Radius
.border-bottom-radius(@radius: 0) {
     .border-bottom-left-radius(@radius);
    .border-bottom-right-radius(@radius);
}
// - Border Left Radius
.border-left-radius(@radius: 0) {
       .border-top-left-radius(@radius);
    .border-bottom-left-radius(@radius);
}

// Box Sizing
.box-sizing(@box-model: content-box) {
    -webkit-box-sizing: @box-model;
       -moz-box-sizing: @box-model;
            box-sizing: @box-model;
}

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


chore(case-instance): add styles

chore(case-instance): add styles

.controls {
  .inner {
    border-bottom: 1px dashed @gray-light;

    height: 36px;
    text-align: center;
  }

  h5 {
    margin: 0;
  }

  .sorting {
    text-align: right;
    height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    ul {
      text-align: left;
    }
  }

  .sort-direction {
    font-size: 12px;
  }
}

error: pathspec 'client/scripts/case-instance/styles.less' did not match any file(s) known to git


whitespace

whitespace

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/afz/fuelux.git/'


added .largest class and improved documentation

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


Make badge icons not blurry by making sure they can centre accurately

.badges {
  margin: 0;
  padding: 0;
  list-style: none;

  &, & > li {
    display: inline-block;
  }
}

.badge-size(@size) {
  width: @size;
  height: @size;
  border-radius: @size / 2;
  line-height: @size - 4px;
  &, & .fa {
    font-size: 0.6 * @size;
  }
}
.badge {
  .badge-size(23px);
  border: 2px solid @fl-body-bg;
  background: @fl-body-muted-color;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;

  & .label {
    display: none;
  }
}

.badges {
  margin: 0;
  padding: 0;
  list-style: none;

  &, & > li {
    display: inline-block;
  }
}

.badge-size(@size) {
  width: @size;
  height: @size;
  border-radius: @size / 2;
  line-height: @size - 4px;
  &, & .fa {
    font-size: 0.6 * @size;
  }
}
.badge {
  .badge-size(24px);
  border: 2px solid @fl-body-bg;
  background: @fl-body-muted-color;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;

  & .label {
    display: none;
  }
}


Update

Update

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


add css util for detecting event of dom creation

// http://pymaster.logdown.com/post/230263-simple-and-crude-detecting-elements-for-establishing
// document.addEventListener('animationstart', onNewElementCreated, true);
// function onNewElementCreated(evt) { //evt.target is the new element created
@-webkit-keyframes pymaster-detect-dom-insertion { from {opacity: 0.99;} to {opacity: 1;} }
@keyframes         pymaster-detect-dom-insertion { from {opacity: 0.99;} to {opacity: 1;} }

.is-established {
  -webkit-animation-delay: 0s !important;
  -webkit-animation-name: pymaster-detect-dom-insertion !important;
  -webkit-animation-duration: 1ms !important;
  -webkit-animation-play-state: running !important;
  animation-delay: 0s !important;
  animation-name: pymaster-detect-dom-insertion !important;
  animation-duration: 1ms !important;
  animation-play-state: running !important;
}

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


Update static/vendors/bootstrap/less/breadcrumbs.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

//
// Breadcrumbs
// --------------------------------------------------

.breadcrumb {
  padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
  margin-bottom: @line-height-computed;
  list-style: none;
  background-color: @breadcrumb-bg;
  border-radius: @border-radius-base;

  > li {
    display: inline-block;

    + li:before {
      content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 5px;
      color: @breadcrumb-color;
    }
  }

  > .active {
    color: @breadcrumb-active-color;
  }
}

error: pathspec 'static/vendors/bootstrap/less/breadcrumbs.less' did not match any file(s) known to git


Fixed margins and paddings in Ikhaya articles

* minor margin between intro and text
* padding for the content of info boxes

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/svijee/theme-default.git/'


removed faulty font smoothing property

removed faulty font smoothing property

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/alextegelid/twominds-wp-base-theme.git/'


Tweaked fancybox arrow opacity

Tweaked fancybox arrow opacity

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/ulrichson/lehner-photography.git/'


admin width

admin width

 .sidebar-navbar-collapse {
 	.list-group {
 	.list-group-item {
	 	position: relative;
	    display: block;
	    width: 100%;
 	}
 	}
 }

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