Adds hammer scroll

Adds hammer scroll

//
// Sidebar
// --------------------------------------------------

.sidebar-trigger {
    + .container,
    + .container-fluid {
        -webkit-transition: margin-left 0.2s;
        transition: margin-left 0.2s;
    }
}

.sidebar-toggle {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: @navbar-height + 1;
    cursor: pointer;

    margin: 0;
    padding: 17px 20px 17px 0;

    > i {
        font-size: @sidebar-default-toggle-font-size;
        margin: 0 0 0 -5px;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    > .fa-sidebar-toggle:before {
        content: @sidebar-default-toggle-fa-icon;
    }

    &:hover {
        > i {
            margin-left: -9px;
        }
    }

    + .navbar-brand > img {
        margin-left: 10px;
    }
}

.sidebar-togglable {
    .sidebar-toggle {
        display: block;
    }
}

.sidebar-wrapper {
    position: fixed;
    top: 0;
    overflow: hidden;
    bottom: 0;
    width: @sidebar-wrapper-width;
    cursor: default;
    -moz-user-select: -moz-none;
    user-select: none;
    -ms-touch-action: none;

    -webkit-transform: translate3d(-@sidebar-wrapper-width, 0px, 0px);
    transform: translate3d(-@sidebar-wrapper-width, 0px, 0px);

    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;

    &.sidebar-open {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .sidebar-scroller {
        position: absolute;
        overflow-x: hidden;
        overflow-y: scroll;
        left: 0;
        right: -18px;
        height: 100%;

        .sidebar-scroller-content {
            -webkit-transition: -webkit-transform 0.2s;
            transition: transform 0.2s;
        }
    }

    .sidebar-menu {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        list-style: none;
        text-align: left;
        font-size: @font-size-medium;

        ul {
            padding: 0;
            margin: 0;
        }

        li {
            display: block;
        }
    }

    .sidebar-group > span,
    .sidebar-item > a {
        display: block;
        height: 100%;
        padding: 12px 15px;
        text-decoration: none;
    }

    .sidebar-item.sidebar-item-mini {
        font-size: 0.7em;

        > a {
            padding-top: 7px;
            padding-bottom: 7px;
        }
    }

    .sidebar-group {
        padding-top: 20px;

        &:first-child {
            padding-top: 0;
        }

        > span {
            font-family: @headings-font-family;
            font-size: @sidebar-default-group-size;
            border-bottom: 1px solid transparent;
        }

        &.sticky-header {
            position: absolute;
            height: auto;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1;
            padding-top: 0;
        }

        + .sidebar-item {
            padding-top: 32px;

            > a {
                border-top: 1px solid transparent;
            }
        }
    }

    .sidebar-item > a {
        cursor: pointer;
    }
}

.sidebar-swipe {
    position : fixed;
    z-index: @zindex-sidebar-wrapper - 1;
    width: 20px;
    left: 0;
    top: 0;
    bottom: 0;

    -moz-user-select: -moz-none;
    user-select: none;
    -ms-touch-action: none;
}

.sidebar-open + .sidebar-swipe,
.sidebar-force-open .sidebar-swipe {
    left: @sidebar-wrapper-width;
}

.sidebar-trigger {
    .sidebar-toggle {
        z-index: @zindex-sidebar-toggle;
    }

    .sidebar-wrapper {
        z-index: @zindex-sidebar-wrapper;
    }
}

.navbar + .sidebar-wrapper {
    .sidebar-scroller {
        padding-top: @navbar-height + 1;
    }
}

.navbar-fixed-top + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger,
.navbar-fixed-top + .sidebar-trigger + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger {
    .sidebar-toggle {
        position: fixed;
        z-index: @zindex-sidebar-toggle-fixed;
    }

    .sidebar-scroller {
        padding-top: inherit;
    }

    .sidebar-wrapper {
        top: @navbar-height + 1;
        z-index: @zindex-sidebar-wrapper-fixed;
    }
}

.navbar-fixed-bottom + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger {
    .sidebar-toggle {
        top: inherit;
        bottom: 0;
    }

    .sidebar-wrapper {
        top: 0;
        bottom: @navbar-height + 1;
    }
}

.sidebar-wrapper {
    &.sidebar-default {
        color: @sidebar-default-color;
        background-color: @sidebar-default-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.18));
        }

        .sidebar-group {
            > span {
                color: @sidebar-default-group-color;
                border-bottom-color: @sidebar-default-border-color;
            }

            &.sticky-header > span {
                background-color: @sidebar-default-bg;
            }

            + .sidebar-item > a {
                border-top-color: @sidebar-default-border-color;
            }
        }

        .sidebar-item {
            > a {
                color: @sidebar-default-link-color;
                background-color: @sidebar-default-link-bg;

                &:hover,
                &:focus {
                    color: @sidebar-default-link-hover-color;
                    background-color: @sidebar-default-link-hover-bg;
                }

                &.active {
                    color: @sidebar-default-link-active-color;
                    background-color: @sidebar-default-link-active-bg;
                }
            }

            &.sidebar-item-mini > a {
                color: @sidebar-default-link-mini-color;
            }
        }
    }

    &.sidebar-inverse {
        color: @sidebar-inverse-color;
        background-color: @sidebar-inverse-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.32));
        }

        .sidebar-group {
            > span {
                color: @sidebar-inverse-group-color;
                border-bottom-color: @sidebar-inverse-border-color;
            }

            &.sticky-header > span {
                background-color: @sidebar-inverse-bg;
            }

            + .sidebar-item > a {
                border-top-color: @sidebar-inverse-border-color;
            }
        }

        .sidebar-item {
            > a {
                color: @sidebar-inverse-link-color;
                background-color: @sidebar-inverse-link-bg;

                &:hover,
                &:focus {
                    color: @sidebar-inverse-link-hover-color;
                    background-color: @sidebar-inverse-link-hover-bg;
                }

                &.active {
                    color: @sidebar-inverse-link-active-color;
                    background-color: @sidebar-inverse-link-active-bg;
                }
            }

            &.sidebar-item-mini > a {
                color: @sidebar-inverse-link-mini-color;
            }
        }
    }
}

.navbar-default + .sidebar-trigger .sidebar-toggle,
.navbar-default + .sidebar-trigger + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-default-toggle-color;
    }

    &:hover {
        > i {
            color: @sidebar-default-toggle-hover-color;
        }
    }
}

.navbar-inverse + .sidebar-trigger .sidebar-toggle,
.navbar-inverse + .sidebar-trigger + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-toggle-inverse-color;
    }

    &:hover {
        > i {
            color: @sidebar-toggle-inverse-hover-color;
        }
    }
}

// Sidebar Right
// -------------------------

.sidebar-right {
    .sidebar-toggle {
        left: auto;
        right: 0;
        padding-left: 20px;
        padding-right: 0;

        > i {
            margin-left: 0;
            margin-right: -5px;
        }

        &:hover {
            > i {
                margin-right: -9px;
            }
        }
    }

    .sidebar-wrapper {
        right: 0;
        -webkit-transform: translate3d(@sidebar-wrapper-width, 0px, 0px);
        transform: translate3d(@sidebar-wrapper-width, 0px, 0px);

        &.sidebar-open {
            -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
        }

        &.sidebar-default {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(-3px 0 4px rgba(0, 0, 0, 0.18));
            }
        }

        &.sidebar-inverse {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(-3px 0 4px rgba(0, 0, 0, 0.32));
            }
        }
    }

    .sidebar-swipe {
        left: auto;
        right: 0;
    }

    .sidebar-open + .sidebar-swipe,
    .sidebar-force-open .sidebar-swipe {
        right: @sidebar-wrapper-width;
    }
}

// Responsive
// -------------------------

@media (max-width: @screen-xs-max) {
    .sidebar-wrapper {
        width: 80%;
        -webkit-transform: translate3d(-100%, 0px, 0px);
        transform: translate3d(-100%, 0px, 0px);
    }

    .sidebar-open + .sidebar-swipe {
        left: 80%;
    }

    .sidebar-force-open {
        .sidebar-swipe {
            left: 0;
        }
    }

    .sidebar-right {
        .sidebar-toggle {
            padding-left: 7px;
        }

        .sidebar-wrapper {
            -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
        }

        .sidebar-open + .sidebar-swipe {
            left: auto;
            right: 80%;
        }

        .sidebar-force-open {
            .sidebar-swipe {
                left: auto;
                right: 0;
            }
        }
    }
}

@media (min-width: @screen-md-min) {
    .sidebar-trigger.sidebar-locked .sidebar-toggle {
        display: none;
    }

    .sidebar-wrapper.sidebar-open-init {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .sidebar-force-open,
    .sidebar-force-open.sidebar-right {
        .sidebar-wrapper {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(none);
            }
        }
    }
}

//
// Sidebar
// --------------------------------------------------

.sidebar-trigger {
    + .container,
    + .container-fluid {
        -webkit-transition: margin-left 0.2s;
        transition: margin-left 0.2s;
    }
}

.sidebar-toggle {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: @navbar-height + 1;
    cursor: pointer;

    margin: 0;
    padding: 17px 20px 17px 0;

    > i {
        font-size: @sidebar-default-toggle-font-size;
        margin: 0 0 0 -5px;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    > .fa-sidebar-toggle:before {
        content: @sidebar-default-toggle-fa-icon;
    }

    &:hover {
        > i {
            margin-left: -9px;
        }
    }

    + .navbar-brand > img {
        margin-left: 10px;
    }
}

.sidebar-togglable {
    .sidebar-toggle {
        display: block;
    }
}

.sidebar-wrapper {
    position: fixed;
    top: 0;
    overflow: hidden;
    bottom: 0;
    width: @sidebar-wrapper-width;
    cursor: default;

    -webkit-transform: translate3d(-@sidebar-wrapper-width, 0px, 0px);
    transform: translate3d(-@sidebar-wrapper-width, 0px, 0px);

    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;

    &.sidebar-open {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .sidebar-scroller {
        position: absolute;
        overflow-x: hidden;
        overflow-y: scroll;
        left: 0;
        right: -18px;
        height: 100%;
    }

    .sidebar-menu {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        list-style: none;
        text-align: left;
        font-size: @font-size-medium;

        ul {
            padding: 0;
            margin: 0;
        }

        li {
            display: block;
        }
    }

    .sidebar-group > span,
    .sidebar-item > a {
        display: block;
        height: 100%;
        padding: 12px 15px;
        text-decoration: none;
    }

    .sidebar-item.sidebar-item-mini {
        font-size: 0.7em;

        > a {
            padding-top: 7px;
            padding-bottom: 7px;
        }
    }

    .sidebar-group {
        padding-top: 20px;

        &:first-child {
            padding-top: 0;
        }

        > span {
            font-family: @headings-font-family;
            font-size: @sidebar-default-group-size;
            border-bottom: 1px solid transparent;
        }

        &.sticky-header {
            position: absolute;
            height: auto;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1;
            padding-top: 0;
        }

        + .sidebar-item {
            padding-top: 32px;

            > a {
                border-top: 1px solid transparent;
            }
        }
    }

    .sidebar-item > a {
        cursor: pointer;
    }
}

.sidebar-swipe {
    position : fixed;
    z-index: @zindex-sidebar-wrapper - 1;
    width: 20px;
    left: 0;
    top: 0;
    bottom: 0;

    -moz-user-select: -moz-none;
    user-select: none;
    -ms-touch-action: none;
}

.sidebar-open + .sidebar-swipe,
.sidebar-force-open .sidebar-swipe {
    left: @sidebar-wrapper-width;
}

.sidebar-trigger {
    .sidebar-toggle {
        z-index: @zindex-sidebar-toggle;
    }

    .sidebar-wrapper {
        z-index: @zindex-sidebar-wrapper;
    }
}

.navbar + .sidebar-wrapper {
    .sidebar-scroller {
        padding-top: @navbar-height + 1;
    }
}

.navbar-fixed-top + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger,
.navbar-fixed-top + .sidebar-trigger + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger {
    .sidebar-toggle {
        position: fixed;
        z-index: @zindex-sidebar-toggle-fixed;
    }

    .sidebar-scroller {
        padding-top: inherit;
    }

    .sidebar-wrapper {
        top: @navbar-height + 1;
        z-index: @zindex-sidebar-wrapper-fixed;
    }
}

.navbar-fixed-bottom + .sidebar-trigger,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger {
    .sidebar-toggle {
        top: inherit;
        bottom: 0;
    }

    .sidebar-wrapper {
        top: 0;
        bottom: @navbar-height + 1;
    }
}

.sidebar-wrapper {
    &.sidebar-default {
        color: @sidebar-default-color;
        background-color: @sidebar-default-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.18));
        }

        .sidebar-group {
            > span {
                color: @sidebar-default-group-color;
                border-bottom-color: @sidebar-default-border-color;
            }

            &.sticky-header > span {
                background-color: @sidebar-default-bg;
            }

            + .sidebar-item > a {
                border-top-color: @sidebar-default-border-color;
            }
        }

        .sidebar-item {
            > a {
                color: @sidebar-default-link-color;
                background-color: @sidebar-default-link-bg;

                &:hover,
                &:focus {
                    color: @sidebar-default-link-hover-color;
                    background-color: @sidebar-default-link-hover-bg;
                }

                &.active {
                    color: @sidebar-default-link-active-color;
                    background-color: @sidebar-default-link-active-bg;
                }
            }

            &.sidebar-item-mini > a {
                color: @sidebar-default-link-mini-color;
            }
        }
    }

    &.sidebar-inverse {
        color: @sidebar-inverse-color;
        background-color: @sidebar-inverse-bg;

        &.sidebar-open,
        &.sidebar-dragging {
            .box-shadow(3px 0 4px rgba(0, 0, 0, 0.32));
        }

        .sidebar-group {
            > span {
                color: @sidebar-inverse-group-color;
                border-bottom-color: @sidebar-inverse-border-color;
            }

            &.sticky-header > span {
                background-color: @sidebar-inverse-bg;
            }

            + .sidebar-item > a {
                border-top-color: @sidebar-inverse-border-color;
            }
        }

        .sidebar-item {
            > a {
                color: @sidebar-inverse-link-color;
                background-color: @sidebar-inverse-link-bg;

                &:hover,
                &:focus {
                    color: @sidebar-inverse-link-hover-color;
                    background-color: @sidebar-inverse-link-hover-bg;
                }

                &.active {
                    color: @sidebar-inverse-link-active-color;
                    background-color: @sidebar-inverse-link-active-bg;
                }
            }

            &.sidebar-item-mini > a {
                color: @sidebar-inverse-link-mini-color;
            }
        }
    }
}

.navbar-default + .sidebar-trigger .sidebar-toggle,
.navbar-default + .sidebar-trigger + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-default-toggle-color;
    }

    &:hover {
        > i {
            color: @sidebar-default-toggle-hover-color;
        }
    }
}

.navbar-inverse + .sidebar-trigger .sidebar-toggle,
.navbar-inverse + .sidebar-trigger + .sidebar-trigger .sidebar-toggle {
    > i {
        color: @sidebar-toggle-inverse-color;
    }

    &:hover {
        > i {
            color: @sidebar-toggle-inverse-hover-color;
        }
    }
}

// Sidebar Right
// -------------------------

.sidebar-right {
    .sidebar-toggle {
        left: auto;
        right: 0;
        padding-left: 20px;
        padding-right: 0;

        > i {
            margin-left: 0;
            margin-right: -5px;
        }

        &:hover {
            > i {
                margin-right: -9px;
            }
        }
    }

    .sidebar-wrapper {
        right: 0;
        -webkit-transform: translate3d(@sidebar-wrapper-width, 0px, 0px);
        transform: translate3d(@sidebar-wrapper-width, 0px, 0px);

        &.sidebar-open {
            -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
        }

        &.sidebar-default {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(-3px 0 4px rgba(0, 0, 0, 0.18));
            }
        }

        &.sidebar-inverse {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(-3px 0 4px rgba(0, 0, 0, 0.32));
            }
        }
    }

    .sidebar-swipe {
        left: auto;
        right: 0;
    }

    .sidebar-open + .sidebar-swipe,
    .sidebar-force-open .sidebar-swipe {
        right: @sidebar-wrapper-width;
    }
}

// Responsive
// -------------------------

@media (max-width: @screen-xs-max) {
    .sidebar-wrapper {
        width: 80%;
        -webkit-transform: translate3d(-100%, 0px, 0px);
        transform: translate3d(-100%, 0px, 0px);
    }

    .sidebar-open + .sidebar-swipe {
        left: 80%;
    }

    .sidebar-force-open {
        .sidebar-swipe {
            left: 0;
        }
    }

    .sidebar-right {
        .sidebar-toggle {
            padding-left: 7px;
        }

        .sidebar-wrapper {
            -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
        }

        .sidebar-open + .sidebar-swipe {
            left: auto;
            right: 80%;
        }

        .sidebar-force-open {
            .sidebar-swipe {
                left: auto;
                right: 0;
            }
        }
    }
}

@media (min-width: @screen-md-min) {
    .sidebar-trigger.sidebar-locked .sidebar-toggle {
        display: none;
    }

    .sidebar-wrapper.sidebar-open-init {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .sidebar-force-open,
    .sidebar-force-open.sidebar-right {
        .sidebar-wrapper {
            &.sidebar-open,
            &.sidebar-dragging {
                .box-shadow(none);
            }
        }
    }
}


many changes to the prompt

many changes to the prompt

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


fixed less mixing issue

fixed less mixing issue

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/

/*********************
CLEARFIXIN'
*********************/

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
	&:before,
	&:after {
		content: "";
    	display: table;
	}
	&:after {
		clear: both;
	}
	/* for IE */
	zoom: 1;
}

/*********************
TOOLS
*********************/

/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/

@yellow:            #ebe16f;
@red:               #fbe3e4;
@green:             #e6efc2;
@blue:              #d5edf8;

@black:             #000;
@white:             #fff;

@bones-pink:        #f01d4f;
@bones-blue:        #1990db;

/*********************
TYPOGRAPHY
*********************/

@sans-serif:         "Helvetica Neue", Helvetica, Arial, sans-serif;
@serif:              "Georgia", Cambria, Times New Roman, Times, serif;

/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/

/*	@font-face {
    	font-family: 'Font Name';
    	src: url('../fonts/font-name.eot');
    	src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('../fonts/font-name.woff') format('woff'),
             url('../fonts/font-name.ttf') format('truetype'),
             url('../fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;
  font-style: italic;
}

/* text alignment */
.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }

/* alerts & notices */
.alert {
	margin: 10px;
	padding: 5px 18px;
	border: 1px solid;
}

.help {
	border-color: darken(@yellow, 5%);
	background: @yellow;
}

.info {
	border-color: darken(@blue, 5%);
	background: @blue;
}

.error {
	border-color: darken(@red, 5%);
	background: @red;
}

.success {
	border-color: darken(@green, 5%);
	background: @green;
}

/*********************
BORDER RADIUS
*********************/

/* .rounded(4px); */
.rounded(@radius: 4px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
      -ms-border-radius: @radius;
       -o-border-radius: @radius;
          border-radius: @radius;
}

/* .rounded-left(4px); */
.rounded-left(@radius: 4px) {
	-webkit-border-bottom-left-radius: @radius;
  	   -webkit-border-top-left-radius: @radius;
		-moz-border-radius-bottomleft: @radius;
		   -moz-border-radius-topleft: @radius;
			border-bottom-left-radius: @radius;
			   border-top-left-radius: @radius;
}

/* .rounded-right(4px); */
.rounded-right(@radius: 4px) {
	-webkit-border-bottom-right-radius: @radius;
  	   -webkit-border-top-right-radius: @radius;
		-moz-border-radius-bottomright: @radius;
		   -moz-border-radius-topright: @radius;
			border-bottom-right-radius: @radius;
			   border-top-right-radius: @radius;
}

/* .rounded-bottom(4px); */
.rounded-bottom(@radius: 4px) {
	-webkit-border-bottom-right-radius: @radius;
	 -webkit-border-bottom-left-radius: @radius;
	    -moz-border-radius-bottomright: @radius;
	     -moz-border-radius-bottomleft: @radius;
	        border-bottom-right-radius: @radius;
	         border-bottom-left-radius: @radius;
}

/* .rounded-top(4px); */
.rounded-top(@radius: 4px) {
	-webkit-border-top-right-radius: @radius;
	 -webkit-border-top-left-radius: @radius;
	    -moz-border-radius-topright: @radius;
	     -moz-border-radius-topleft: @radius;
	        border-top-right-radius: @radius;
	         border-top-left-radius: @radius;
}

/*********************
TRANISTION
*********************/

/* .transition(all,2s); */
.transition(@what: all, @time: 0.2s) {
	-webkit-transition: @what @time ease-out;
	   -moz-transition: @what @time ease-out;
 	    -ms-transition: @what @time ease-out;
	     -o-transition: @what @time ease-out;
	        transition: @what @time ease-out;
}

/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/

/* .css-gradient(#dfdfdf,#f8f8f8); */
.css-gradient(@from: #dfdfdf, @to: #f8f8f8) {
	background-color: @to;
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
	background-image: -webkit-linear-gradient(top, @from, @to);
	background-image: -moz-linear-gradient(top, @from, @to);
	background-image: -o-linear-gradient(top, @from, @to);
	background-image: -ms-linear-gradient(top, @from, @to);
	background-image: linear-gradient(top, @from, @to);
}

/*********************
BOX SIZING
*********************/

/* .boxSizing(border-box); */
.boxSizing(@type: border-box) {
	-webkit-box-sizing: @type;
	   -moz-box-sizing: @type;
		-ms-box-sizing: @type;
	     -o-box-sizing: @type;
			box-sizing: @type;
}

/*********************
BOX SHADOW
*********************/

/* .boxShadow(0 0 4px #444); */
.boxShadow(@x: 0, @y: 0, @radius: 4px, @spread: 0, @color: rgba(0,0,0,0.5)) {
	-webkit-box-shadow: @x @y @radius @spread @color;
	   -moz-box-shadow: @x @y @radius @spread @color;
		-ms-box-shadow: @x @y @radius @spread @color;
	     -o-box-shadow: @x @y @radius @spread @color;
			box-shadow: @x @y @radius @spread @color;
}

/*********************
BUTTONS
*********************/

.button, .button:visited {
	border: 1px solid darken(@bones-pink, 13%);
	border-top-color: darken(@bones-pink, 7%);
	border-left-color: darken(@bones-pink, 7%);
	padding: 4px 12px;
	color: @white;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 21px;
	.transition();
	.rounded(4px);
	.css-gradient(@bones-pink,darken(@bones-pink, 5%));

	&:hover, &:focus {
		color: @white;
	  	border: 1px solid darken(@bones-pink, 13%);
	  	border-top-color: darken(@bones-pink, 20%);
	 	border-left-color: darken(@bones-pink, 20%);
		.css-gradient(darken(@bones-pink, 5%),darken(@bones-pink, 10%));
	}

	&:active {
		.css-gradient(darken(@bones-pink, 5%),@bones-pink);
	}
}

.blue-button, .blue-button:visited {
	border-color: darken(@bones-blue, 10%);
	text-shadow: 0 1px 1px darken(@bones-blue, 10%);
	.css-gradient( @bones-blue, darken(@bones-blue, 5%) );
	-webkit-box-shadow: inset 0 0 3px lighten(@bones-blue, 16%);
       -moz-box-shadow: inset 0 0 3px lighten(@bones-blue, 16%);
   	        box-shadow: inset 0 0 3px lighten(@bones-blue, 16%);
	&:hover, &:focus {
		border-color: darken(@bones-blue, 15%);
		.css-gradient( darken(@bones-blue, 4%), darken(@bones-blue, 10%) );
	}
	&:active {
		.css-gradient( darken(@bones-blue, 5%), @bones-blue );
	}
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/

/*********************
CLEARFIXIN'
*********************/

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
	&:before,
	&:after {
		content: "";
    	display: table;
	}
	&:after {
		clear: both;
	}
	/* for IE */
	zoom: 1;
}

/*********************
TOOLS
*********************/

/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/

@yellow:            #ebe16f;
@red:               #fbe3e4;
@green:             #e6efc2;
@blue:              #d5edf8;

@black:             #000;
@white:             #fff;

@bones-pink:        #f01d4f;
@bones-blue:        #1990db;

/*********************
TYPOGRAPHY
*********************/

@sans-serif:         "Helvetica Neue", Helvetica, Arial, sans-serif;
@serif:              "Georgia", Cambria, Times New Roman, Times, serif;

/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/

/*	@font-face {
    	font-family: 'Font Name';
    	src: url('../fonts/font-name.eot');
    	src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('../fonts/font-name.woff') format('woff'),
             url('../fonts/font-name.ttf') format('truetype'),
             url('../fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;
  font-style: italic;
}

/* text alignment */
.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }

/* alerts & notices */
.alert {
	margin: 10px;
	padding: 5px 18px;
	border: 1px solid;
}

.help {
	border-color: darken(@yellow, 5%);
	background: @yellow;
}

.info {
	border-color: darken(@blue, 5%);
	background: @blue;
}

.error {
	border-color: darken(@red, 5%);
	background: @red;
}

.success {
	border-color: darken(@green, 5%);
	background: @green;
}

/*********************
BORDER RADIUS
*********************/

/* .rounded(4px); */
.rounded(@radius: 4px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
      -ms-border-radius: @radius;
       -o-border-radius: @radius;
          border-radius: @radius;
}

/* .rounded-left(4px); */
.rounded-left(@radius: 4px) {
	-webkit-border-bottom-left-radius: @radius;
  	   -webkit-border-top-left-radius: @radius;
		-moz-border-radius-bottomleft: @radius;
		   -moz-border-radius-topleft: @radius;
			border-bottom-left-radius: @radius;
			   border-top-left-radius: @radius;
}

/* .rounded-right(4px); */
.rounded-right(@radius: 4px) {
	-webkit-border-bottom-right-radius: @radius;
  	   -webkit-border-top-right-radius: @radius;
		-moz-border-radius-bottomright: @radius;
		   -moz-border-radius-topright: @radius;
			border-bottom-right-radius: @radius;
			   border-top-right-radius: @radius;
}

/* .rounded-bottom(4px); */
.rounded-bottom(@radius: 4px) {
	-webkit-border-bottom-right-radius: @radius;
	 -webkit-border-bottom-left-radius: @radius;
	    -moz-border-radius-bottomright: @radius;
	     -moz-border-radius-bottomleft: @radius;
	        border-bottom-right-radius: @radius;
	         border-bottom-left-radius: @radius;
}

/* .rounded-top(4px); */
.rounded-top(@radius: 4px) {
	-webkit-border-top-right-radius: @radius;
	 -webkit-border-top-left-radius: @radius;
	    -moz-border-radius-topright: @radius;
	     -moz-border-radius-topleft: @radius;
	        border-top-right-radius: @radius;
	         border-top-left-radius: @radius;
}

/*********************
TRANISTION
*********************/

/* .transition(all,2s); */
.transition(@what: all, @time: 0.2s) {
	-webkit-transition: @what @time ease-out;
	   -moz-transition: @what @time ease-out;
 	    -ms-transition: @what @time ease-out;
	     -o-transition: @what @time ease-out;
	        transition: @what @time ease-out;
}

/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/

/* .css-gradient(#dfdfdf,#f8f8f8); */
.css-gradient(@from: #dfdfdf, @to: #f8f8f8) {
	background-color: @to;
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
	background-image: -webkit-linear-gradient(top, @from, @to);
	background-image: -moz-linear-gradient(top, @from, @to);
	background-image: -o-linear-gradient(top, @from, @to);
	background-image: -ms-linear-gradient(top, @from, @to);
	background-image: linear-gradient(top, @from, @to);
}

/*********************
BOX SIZING
*********************/

/* .boxSizing(border-box); */
.boxSizing(@type: border-box) {
	-webkit-box-sizing: @type;
	   -moz-box-sizing: @type;
		-ms-box-sizing: @type;
	     -o-box-sizing: @type;
			box-sizing: @type;
}

/*********************
BOX SHADOW
*********************/

/* .boxShadow(0 0 4px #444); */
.boxShadow(@x: 0, @y: 0, @radius: 4px, @spread: 0, @color: rgba(0,0,0,0.5)) {
	-webkit-box-shadow: @x @y @radius @spread @color;
	   -moz-box-shadow: @x @y @radius @spread @color;
		-ms-box-shadow: @x @y @radius @spread @color;
	     -o-box-shadow: @x @y @radius @spread @color;
			box-shadow: @x @y @radius @spread @color;
}

/*********************
BUTTONS
*********************/

.button, .button:visited {
	border: 1px solid darken(@bones-pink, 13%);
	border-top-color: darken(@bones-pink, 7%);
	border-left-color: darken(@bones-pink, 7%);
	padding: 4px 12px;
	color: @white;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 21px;
	.transition();
	.borderRadius(4px);
	.css-gradient(@bones-pink,darken(@bones-pink, 5%));

	&:hover, &:focus {
		color: @white;
	  	border: 1px solid darken(@bones-pink, 13%);
	  	border-top-color: darken(@bones-pink, 20%);
	 	border-left-color: darken(@bones-pink, 20%);
		.css-gradient(darken(@bones-pink, 5%),darken(@bones-pink, 10%));
	}

	&:active {
		.css-gradient(darken(@bones-pink, 5%),@bones-pink);
	}
}

.blue-button, .blue-button:visited {
	border-color: darken(@bones-blue, 10%);
	text-shadow: 0 1px 1px darken(@bones-blue, 10%);
	@include css-gradient( @bones-blue, darken(@bones-blue, 5%) );
	-webkit-box-shadow: inset 0 0 3px lighten(@bones-blue, 16%);
       -moz-box-shadow: inset 0 0 3px lighten(@bones-blue, 16%);
   	        box-shadow: inset 0 0 3px lighten(@bones-blue, 16%);
	&:hover, &:focus {
		border-color: darken(@bones-blue, 15%);
		@include css-gradient( darken(@bones-blue, 4%), darken(@bones-blue, 10%) );
	}
	&:active {
		@include css-gradient( darken(@bones-blue, 5%), @bones-blue );
	}
}


add nav less file

add nav less file

/* ================================
		NAV
=================================== */
nav {
    background-color				: @black;
    text-transform 					: uppercase;
    font-family 					: 'Ubuntu Condensed', sans-serif;
}

nav:after {
    content							: "";
    display 						: table;
    clear 							: both;
}

nav ul {
    padding 						: 0;
    margin 							: 0 auto;
    list-style 						: none;
    position 						: relative;
    display 						: table;
    width 							: 100%;
    text-align 						: center;
}

nav ul li {
    margin 							: 0px;
    background-color 				: @black;
    display 						: table-cell;
    width 							: 15%;
    padding 						: 0.65em 0.125em;
    white-space 					: nowrap;
}

nav a {
    display 						: block;
    color 							: @white;
    font-size 						: 16px;
    text-decoration 				: none;
}

nav a:hover {
    background-color 				: #000000;
}

nav ul ul {
    display 						: none;
    position 						: absolute;
    top 							: 60px;
}

nav ul li:hover > ul {
    display 						: inherit;
}

nav ul ul li {
    min-width						: 170px;
    float							: none;
    display							: list-item;
    position 						: relative;
}

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


Use flexbox to position footer at bottom of page

Replaces the old hack. Supported in all major browsers
http://caniuse.com/#search=flexbox

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


Min-width menu flyout on desktop for verbose locales (bug 769358)

The bug happens because of the fixed-width flyout, which doesn't
allow longer menu items enough room. This fix allows those menu items
to simply stretch the flyout.

@import 'lib';

#site-header {
    .border-box;
    background: @grain-src @navy-gray;
    height: 82px;
    h1, form {
        line-height: 30px;
    }
    h1 {
        float: left;
        padding: 15px 0;
    }
    .logo a {
        .hidetext;
        background: url(../../img/mkt/logos/wordmark.png) -3px 0 no-repeat;
        display: block;
        width: 215px;
        height: 52px;
    }
    .region {
        .medium-text-shadow;
        border-left: 1px solid @text;
        color: @white;
        cursor: pointer;
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        margin: 5px 0 0 15px;
        padding-left: 15px;
        position: relative;
        bottom: -10px;
    }
    // Bartelme is sick wit' it!
    // http://www.bartelme.at/journal/archive/flag_button_devkit/
    .flag {
        background: url(../../img/mkt/icons/regions/us.png) 15px 50% no-repeat;
        background-size: auto 30px;
        padding: 15px 0 15px 55px;
        &.au {
            background-image: url(../../img/mkt/icons/regions/au.png);
        }
        &.br {
            background-image: url(../../img/mkt/icons/regions/br.png);
        }
        &.ca {
            background-image: url(../../img/mkt/icons/regions/ca.png);
        }
        &.es {
            background-image: url(../../img/mkt/icons/regions/es.png);
        }
        &.nz {
            background-image: url(../../img/mkt/icons/regions/nz.png);
        }
        &.uk {
            background-image: url(../../img/mkt/icons/regions/uk.png);
        }
    }
    form {
        float: right;
        position: relative;
    }
    .menu-button {
        height: 28px;
        width: 28px;
        float: right;
        height: 30px;
        margin: 25px 0 0 44px;
        display: block;
        position: relative;
        overflow: hidden;
        outline: none;
        // CSS Menu icon.
        b, b:before, b:after {
            position: absolute;
            top: 0;
            left: 0;
            text-indent: -9999px;
            .border-radius(2px);
            .box-shadow(0 1px 0 fadeOut(#fff, 80%),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            .gradient-two-color(#21292f, #2a353c);
            display: block;
            content: '';
            background: rgba(0,0,0,.5);
            margin-bottom: 3px;
            width: 28px;
            height: 7px;
        }
        b:before {
            top: 10px;
        }
        b:after {
            top: 20px;
        }
    }
    nav {
        position: relative;
    }
    #flyout {
        .border-radius(5px);
        .box-shadow(0 1px 4px fadeOut(@black, 50%));
        background: @white;
        opacity: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        visibility: hidden;
        top: 32px;
        right: -15px;
        .min-width(3);
        z-index: 9001;
        &.active {
            opacity: 1;
            visibility: visible;
            top: 70px;
        }
        li {
            + li {
                border-top: 1px solid @light-gray;
            }
            &:first-child a {
                &:hover:before,
                &:active:before {
                    background: @btn-b;
                }
                .border-radius(5px 5px 0 0);
                &:before {
                    .box-shadow(1px 1px 0 rgba(255,255,255,.1) inset,
                                -1px -1px 0 fadeOut(@black, 75%));
                    .transform(~'rotate(45deg)');
                    background: @white;
                    content: "";
                    height: 14px;
                    position: absolute;
                    top: -7px;
                    right: 22px;
                    z-index: 0;
                    width: 14px;
                }
            }
            &:last-child a {
                .border-radius(0 0 5px 5px);
            }
            &:hover, &:hover + li {
                border-top-color: @dark-gray;
            }
        }
        a, a:after {
            height: 35px;
        }
        a {
            color: @link;
            display: block;
            font-size: 15px;
            line-height: 35px;
            padding: 0 35px 0 15px;
            position: relative;
            z-index: 2;
            &:after {
                .arrow;
                background-position: 100% 50%;
                content: "";
                display: block;
                opacity: .7;
                position: absolute;
                top: 0;
                right: 15px;
                width: 18px;
            }
            &:hover, &:active {
                .gradient-two-color(@btn-b, @btn-b-dark);
                color: @white;
                text-decoration: none;
                &:after {
                    right: 10px;
                    opacity: 1;
                }
            }
        }
        a:active,
        li:first-child a:active:before {
            .box-shadow(inset 0 2px 0 0 rgba(0,0,0,.2),
                        inset 0 12px 24px 6px rgba(0,0,0,.2),
                        inset 0 0 2px 2px rgba(0,0,0,.2));
        }
    }
}

.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);
            }
        }
    }
}

.html-rtl #page header {
    h1 {
        float: right;
    }
    .sub-nav {
        float: left;
    }
}

.desktop #site-header #flyout a:after {
    .transition(.2s right);
}

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

@media (max-width: @4col) {
    #page header h1,
    #page header .sub-nav,
    #page header .sub-nav li {
        float: none;
    }
    #page header .sub-nav {
        .border-radius(0);
        .box-shadow(0);
        margin: 15px 0;
        li a,
        li a:first-child {
            .border-radius(0);
        }
        li {
            a {
                border: 1px solid @note-gray;
                border-top-width: 0;
                display: block;
                padding: 10px 15px;
            }
            &:first-child a {
                border-top-width: 1px;
            }
        }
    }
    .featured.slider {
        background-image: @grain-src,
                          linear-gradient(#394C58, #60747F);
        background-image: @grain-src,
                          -moz-linear-gradient(#394C58, #60747F);
        background-image: @grain-src,
                          -webkit-linear-gradient(#394C58, #60747F);
        background-image: @grain-src,
                          -webkit-gradient(linear, left bottom, left top, from(#60747F), to(#394C58));
    }
    #page > section.subheading {
        background-image: @grain-src,
                          linear-gradient(@drk-hding-start, @drk-hding-end);
        background-image: @grain-src,
                          -moz-linear-gradient(@drk-hding-start, @drk-hding-end);
        background-image: @grain-src,
                          -webkit-linear-gradient(@drk-hding-start, @drk-hding-end);
        background-image: @grain-src,
                          -webkit-gradient(linear, left bottom, left top, from(@drk-hding-end), to(@drk-hding-end));
    }
    .region {
        display: none;
    }
    #site-header {
        height: 50px;
        .logo {
            padding: 3px 7px 0 0;
            a {
                height: 43px;
                width: 50px;
            }
        }
        .menu-button {
            margin-top: 17px;
        }
        #flyout,
        #flyout a,
        #flyout li:first-child a:before {
            background: @dark-gray;
        }
        #flyout,
        #flyout li:first-child a,
        #flyout li:last-child a {
            .border-radius(0);
        }
        #flyout {
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            &.active {
                // Let the nav be dismissed when you click anywhere below the links.
                pointer-events: none;
                top: 55px;
            }
            li {
                &:hover + li,
                + li {
                    border-top: 1px solid lighten(@dark-gray, 4%);
                }
                &:last-child {
                    border-bottom: 1px solid lighten(@dark-gray, 4%);
                }
                &:first-child a:before {
                    .box-shadow(1px 1px 0 rgba(51,51,51,.1) inset,
                                -1px -1px 0 fadeOut(@black, 75%));
                    top: -5px;
                    right: 18px;
                }
            }
            a {
                .dark-text-shadow;
                border-bottom: 1px solid darken(#222, 2%);
                color: @faint-gray;
                font-size: 21px;
                line-height: 140%;
                padding: 15px;
                pointer-events: auto;
                &:hover {
                    color: @white;
                }
                &:after {
                    background: @arrow-big-src 100% 100%;
                    height: 19px;
                    top: 22px;
                }
                &:hover, &:active {
                    background: @btn-b;
                    &:after {
                        right: 15px;
                    }
                }
            }
        }
    }
    .nav-overlay.show {
        background: rgba(0,0,0,.2);
    }
}

@import 'lib';

#site-header {
    .border-box;
    background: @grain-src @navy-gray;
    height: 82px;
    h1, form {
        line-height: 30px;
    }
    h1 {
        float: left;
        padding: 15px 0;
    }
    .logo a {
        .hidetext;
        background: url(../../img/mkt/logos/wordmark.png) -3px 0 no-repeat;
        display: block;
        width: 215px;
        height: 52px;
    }
    .region {
        .medium-text-shadow;
        border-left: 1px solid @text;
        color: @white;
        cursor: pointer;
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        margin: 5px 0 0 15px;
        padding-left: 15px;
        position: relative;
        bottom: -10px;
    }
    // Bartelme is sick wit' it!
    // http://www.bartelme.at/journal/archive/flag_button_devkit/
    .flag {
        background: url(../../img/mkt/icons/regions/us.png) 15px 50% no-repeat;
        background-size: auto 30px;
        padding: 15px 0 15px 55px;
        &.au {
            background-image: url(../../img/mkt/icons/regions/au.png);
        }
        &.br {
            background-image: url(../../img/mkt/icons/regions/br.png);
        }
        &.ca {
            background-image: url(../../img/mkt/icons/regions/ca.png);
        }
        &.es {
            background-image: url(../../img/mkt/icons/regions/es.png);
        }
        &.nz {
            background-image: url(../../img/mkt/icons/regions/nz.png);
        }
        &.uk {
            background-image: url(../../img/mkt/icons/regions/uk.png);
        }
    }
    form {
        float: right;
        position: relative;
    }
    .menu-button {
        height: 28px;
        width: 28px;
        float: right;
        height: 30px;
        margin: 25px 0 0 44px;
        display: block;
        position: relative;
        overflow: hidden;
        outline: none;
        // CSS Menu icon.
        b, b:before, b:after {
            position: absolute;
            top: 0;
            left: 0;
            text-indent: -9999px;
            .border-radius(2px);
            .box-shadow(0 1px 0 fadeOut(#fff, 80%),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            .gradient-two-color(#21292f, #2a353c);
            display: block;
            content: '';
            background: rgba(0,0,0,.5);
            margin-bottom: 3px;
            width: 28px;
            height: 7px;
        }
        b:before {
            top: 10px;
        }
        b:after {
            top: 20px;
        }
    }
    nav {
        position: relative;
    }
    #flyout {
        .border-radius(5px);
        .box-shadow(0 1px 4px fadeOut(@black, 50%));
        background: @white;
        opacity: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        visibility: hidden;
        top: 32px;
        right: -15px;
        .width(3);
        z-index: 9001;
        &.active {
            opacity: 1;
            visibility: visible;
            top: 70px;
        }
        li {
            + li {
                border-top: 1px solid @light-gray;
            }
            &:first-child a {
                &:hover:before,
                &:active:before {
                    background: @btn-b;
                }
                .border-radius(5px 5px 0 0);
                &:before {
                    .box-shadow(1px 1px 0 rgba(255,255,255,.1) inset,
                                -1px -1px 0 fadeOut(@black, 75%));
                    .transform(~'rotate(45deg)');
                    background: @white;
                    content: "";
                    height: 14px;
                    position: absolute;
                    top: -7px;
                    right: 22px;
                    z-index: 0;
                    width: 14px;
                }
            }
            &:last-child a {
                .border-radius(0 0 5px 5px);
            }
            &:hover, &:hover + li {
                border-top-color: @dark-gray;
            }
        }
        a, a:after {
            height: 35px;
        }
        a {
            color: @link;
            display: block;
            font-size: 15px;
            line-height: 35px;
            padding: 0 15px;
            position: relative;
            z-index: 2;
            &:after {
                .arrow;
                background-position: 100% 50%;
                content: "";
                display: block;
                opacity: .7;
                position: absolute;
                top: 0;
                right: 15px;
                width: 18px;
            }
            &:hover, &:active {
                .gradient-two-color(@btn-b, @btn-b-dark);
                color: @white;
                text-decoration: none;
                &:after {
                    right: 10px;
                    opacity: 1;
                }
            }
        }
        a:active,
        li:first-child a:active:before {
            .box-shadow(inset 0 2px 0 0 rgba(0,0,0,.2),
                        inset 0 12px 24px 6px rgba(0,0,0,.2),
                        inset 0 0 2px 2px rgba(0,0,0,.2));
        }
    }
}

.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);
            }
        }
    }
}

.html-rtl #page header {
    h1 {
        float: right;
    }
    .sub-nav {
        float: left;
    }
}

.desktop #site-header #flyout a:after {
    .transition(.2s right);
}

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

@media (max-width: @4col) {
    #page header h1,
    #page header .sub-nav,
    #page header .sub-nav li {
        float: none;
    }
    #page header .sub-nav {
        .border-radius(0);
        .box-shadow(0);
        margin: 15px 0;
        li a,
        li a:first-child {
            .border-radius(0);
        }
        li {
            a {
                border: 1px solid @note-gray;
                border-top-width: 0;
                display: block;
                padding: 10px 15px;
            }
            &:first-child a {
                border-top-width: 1px;
            }
        }
    }
    .featured.slider {
        background-image: @grain-src,
                          linear-gradient(#394C58, #60747F);
        background-image: @grain-src,
                          -moz-linear-gradient(#394C58, #60747F);
        background-image: @grain-src,
                          -webkit-linear-gradient(#394C58, #60747F);
        background-image: @grain-src,
                          -webkit-gradient(linear, left bottom, left top, from(#60747F), to(#394C58));
    }
    #page > section.subheading {
        background-image: @grain-src,
                          linear-gradient(@drk-hding-start, @drk-hding-end);
        background-image: @grain-src,
                          -moz-linear-gradient(@drk-hding-start, @drk-hding-end);
        background-image: @grain-src,
                          -webkit-linear-gradient(@drk-hding-start, @drk-hding-end);
        background-image: @grain-src,
                          -webkit-gradient(linear, left bottom, left top, from(@drk-hding-end), to(@drk-hding-end));
    }
    .region {
        display: none;
    }
    #site-header {
        height: 50px;
        .logo {
            padding: 3px 7px 0 0;
            a {
                height: 43px;
                width: 50px;
            }
        }
        .menu-button {
            margin-top: 17px;
        }
        #flyout,
        #flyout a,
        #flyout li:first-child a:before {
            background: @dark-gray;
        }
        #flyout,
        #flyout li:first-child a,
        #flyout li:last-child a {
            .border-radius(0);
        }
        #flyout {
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            &.active {
                // Let the nav be dismissed when you click anywhere below the links.
                pointer-events: none;
                top: 55px;
            }
            li {
                &:hover + li,
                + li {
                    border-top: 1px solid lighten(@dark-gray, 4%);
                }
                &:last-child {
                    border-bottom: 1px solid lighten(@dark-gray, 4%);
                }
                &:first-child a:before {
                    .box-shadow(1px 1px 0 rgba(51,51,51,.1) inset,
                                -1px -1px 0 fadeOut(@black, 75%));
                    top: -5px;
                    right: 18px;
                }
            }
            a {
                .dark-text-shadow;
                border-bottom: 1px solid darken(#222, 2%);
                color: @faint-gray;
                font-size: 21px;
                line-height: 140%;
                padding: 15px;
                pointer-events: auto;
                &:hover {
                    color: @white;
                }
                &:after {
                    background: @arrow-big-src 100% 100%;
                    height: 19px;
                    top: 22px;
                }
                &:hover, &:active {
                    background: @btn-b;
                    &:after {
                        right: 15px;
                    }
                }
            }
        }
    }
    .nav-overlay.show {
        background: rgba(0,0,0,.2);
    }
}


commit

commit

commit

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/vimalmenon/code-easy.net-new.git/'


author module styles

author module styles

@import '../../../variables';

// author styles

.author.module {
  text-align: center;

  .name {
    margin: 0;
  }
}

error: pathspec 'client/stylesheets/templates/modules/common/author.less' did not match any file(s) known to git


[RPS sample] fixing css for opera

[RPS sample] fixing css for opera

body {
    background:url(/assets/images/background.png);
    font-family:"Myriad Pro", Helvetica, Arial, Serif;
    font-size:8px;
    color:black;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.1);
    height:480px;
    width:320px;
    padding-top:2px;
    margin:auto;
}

.monitor {
    margin: 10px auto;
    width:302px;
    height:123px;
    background:url(/assets/images/monitor.png);
    position:relative;
    .title {
        color:black;
        position: absolute;
        top: 8px;
        left: 221px;
    }
    .screen {
        display:block;
        position: absolute;
        font-size: 14px;
        color:#454a4e;
        text-shadow:0 1px 0px rgba(0,0,0.1;
        background: black;
        border-radius: 4px;
        width: 60px;
        height: 18px;
        padding: 1px 5px 2px 5px;
        margin-top: 4px;
        text-align:center;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
        box-shadow: 0px 1px 1px #494e54,inset 0px 1px 2px rgba(0,0,0, 0.6);
        &.current {
            top: 28px;
            left: 214px;
        }
        &.max {
            top:55px;
            left: 214px;
        }
    }
}

.wheel {
    position:absolute;
    width:13px;
    height:13px;
    top: 97px;
    left: 99px;
    background:url(/assets/images/wheel.png);
}

.needle {
    -webkit-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    position:absolute;
    top: 101px;
    left: 30px;
    height:5px;
    width:76px;
    background:url(/assets/images/needle.png);
}

button.gc {
    display:block;
    width: 296px;
    margin: 10px auto;
    background: #424A4E;
    border-radius: 8px;
    border-width: 0px;
    -webkit-box-shadow: inset 0 1px 1px #707a81, 0 2px 3px rgba(0, 0, 0, 0.7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#484d53), to(#2e3436));
    height: 40px;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #202126;
    text-shadow: 0px 1px 0px rgba(255, 255,255, 0.1);
    &.touch {
        box-shadow:inset 0px 2px 2px black,0 1px 1px #707a81;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2e3436), to(#484d53));
    }
}

div.light {
    width:7px;
    height:7px;
    position: absolute;
    top:11px;
    left: 211px;
    &.green {
        background:url(/assets/images/green-light.png);
    }
    &.red {
        background:url(/assets/images/red-light.png);
    }
}

body {
    background:url(/assets/images/background.png);
    font-family:"Myriad Pro", Helvetica, Arial, Serif;
    font-size:8px;
    color:black;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.1);
    height:480px;
    width:320px;
    padding-top:2px;
    margin:auto;
}

.monitor {
    margin: 10px auto;
    width:302px;
    height:123px;
    background:url(/assets/images/monitor.png);
    position:relative;
    .title {
        color:black;
        position: absolute;
        top: 8px;
        left: 221px;
    }
    .screen {
        position: absolute;
        font-size: 14px;
        color:#454a4e;
        text-shadow:0 1px 0px rgba(0,0,0.1;
        background: black;
        border-radius: 4px;
        width: 60px;
        padding: 1px 5px 2px 5px;
        margin-top: 4px;
        text-align:center;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
        box-shadow: 0px 1px 1px #494e54,inset 0px 1px 2px rgba(0,0,0, 0.6);
        &.current {
            top: 28px;
            left: 214px;
        }
        &.max {
            top:55px;
            left: 214px;
        }
    }
}

.wheel {
    position:absolute;
    width:13px;
    height:13px;
    top: 97px;
    left: 99px;
    background:url(/assets/images/wheel.png);
}

.needle {
    -webkit-transform-origin:100% 50%;
    position:absolute;
    top: 101px;
    left: 30px;
    height:5px;
    width:76px;
    background:url(/assets/images/needle.png);
}

button.gc {
    display:block;
    width: 296px;
    margin: 10px auto;
    background: #424A4E;
    border-radius: 8px;
    border-width: 0px;
    -webkit-box-shadow: inset 0 1px 1px #707a81, 0 2px 3px rgba(0, 0, 0, 0.7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#484d53), to(#2e3436));
    height: 40px;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #202126;
    text-shadow: 0px 1px 0px rgba(255, 255,255, 0.1);
    &.touch {
        box-shadow:inset 0px 2px 2px black,0 1px 1px #707a81;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2e3436), to(#484d53));
    }
}

div.light {
    width:7px;
    height:7px;
    position: absolute;
    top:11px;
    left: 211px;
    &.green {
        background:url(/assets/images/green-light.png);
    }
    &.red {
        background:url(/assets/images/red-light.png);
    }
}


:art: Remove unused styles

:art: Remove unused styles

@import "ui-variables";

.badge {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  border-radius: 1em;

  &:empty {
    display: none; // Hide when un-used
  }

  // Color ----------------------

  .badge-color( @fg: @text-color-selected;
                @bg: @background-color-selected; ) {
    color: @fg;
    background-color: @bg;
  }
  .badge-color();
  &.badge-info    { .badge-color(white, @background-color-info); }
  &.badge-success { .badge-color(white, @background-color-success); }
  &.badge-warning { .badge-color(white, @background-color-warning); }
  &.badge-error   { .badge-color(white, @background-color-error); }

  // Size ----------------------

  .badge-size( @size: @font-size; ) {
    @padding: round(@size/4);
    font-size: @size;
    min-width: @size + @padding*2;
    padding: @padding round(@padding*1.5);
  }
  .badge-size();
  &.badge-large  { .badge-size(18px); }
  &.badge-medium { .badge-size(14px); }
  &.badge-small  { .badge-size(10px); }

  // TODO: un-dry this, no rouding of badge-size()
  // adjusts to parent element, best used for larger sizes
  &.badge-parent {
    @size: .8em;
    @padding: @size/2;
    font-size: @size;
    min-width: @size + @padding*2;
    padding: @padding @padding*1.5;
  }

  // Icon ----------------------

  &.icon {
    font-size: round(@component-icon-size*0.8);
    padding: @component-icon-padding @component-icon-padding*2;
  }

}

@import "ui-variables";

.badge {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  color: @text-color;
  border-radius: 1em;
  background-color: @background-color-highlight;

  &:empty {
    display: none; // Hide when un-used
  }

  // Color ----------------------

  .badge-color( @fg: @text-color-selected;
                @bg: @background-color-selected; ) {
    color: @fg;
    background-color: @bg;
  }
  .badge-color();
  &.badge-info    { .badge-color(white, @background-color-info); }
  &.badge-success { .badge-color(white, @background-color-success); }
  &.badge-warning { .badge-color(white, @background-color-warning); }
  &.badge-error   { .badge-color(white, @background-color-error); }

  // Size ----------------------

  .badge-size( @size: @font-size; ) {
    @padding: round(@size/4);
    font-size: @size;
    min-width: @size + @padding*2;
    padding: @padding round(@padding*1.5);
  }
  .badge-size();
  &.badge-large  { .badge-size(18px); }
  &.badge-medium { .badge-size(14px); }
  &.badge-small  { .badge-size(10px); }

  // TODO: un-dry this, no rouding of badge-size()
  // adjusts to parent element, best used for larger sizes
  &.badge-parent {
    @size: .8em;
    @padding: @size/2;
    font-size: @size;
    min-width: @size + @padding*2;
    padding: @padding @padding*1.5;
  }

  // Icon ----------------------

  &.icon {
    font-size: round(@component-icon-size*0.8);
    padding: @component-icon-padding @component-icon-padding*2;
  }

}


Delete style from the buttons in the dialog

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