use flex on mobile

use flex on mobile

.define-if-not-set() {
	@btn-primary-bg: darken(#428bca, 6.5%);
	@btn-primary-color: #fff;
	@gray-light: lighten(#000, 46.7%);
}

.define-if-not-set();

@topbarHeight: 50px;

html.composing {
	&.mobile {
		overflow: hidden;

		.composer {
			.composer-container {
				display: flex;
				flex-direction: column;
			}

			.write, .preview {
				min-height: auto;
				flex-grow: 1;
				height: auto !important;
			}

			.write-preview-container, .write-preview-container > div {
				min-height: auto;
				flex-grow: 1;
				height: auto !important;
				display: flex;
			}
		}
	}

	body {
		height: 0px !important;
	}

	.composer {
		padding: 0;

		.composer-container {
			overflow-y: visible;
			overflow-x: hidden;
			padding: 0;
			padding-top: 50px;
			height: 100%;
			background: white;
		}

		.title-container {
			margin-top: 0px;

			.title {
				padding-left: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 100%;
			}
		}

		.write, .preview {
			border-bottom: 0;
			min-height: 100%;
			outline: none;
			padding: 25px 10px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			font-size: 18px;
		}

		.form-control {
			box-shadow: none;
		}

		.formatting-bar {
			margin: 0;
			padding: 0;
		}

		.mobile-navbar {
			background: @btn-primary-bg;
			color: @btn-primary-color;
			position: absolute;

			button {
				font-size: 20px;
			}
		}
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
}

.composer {
	.no-select;

	&.resizable {
		position: fixed;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));

		.write, .preview {
			min-height: 0;
		}
	}

	z-index: 10000;

	padding-top: 20px;

	background: white;
	visibility: hidden;

	.composer-container {
		min-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-container {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;

		.title {
			display: block;
			font-size: 22px;
			padding-left: 3px;
			border: 0;
			.box-shadow(none);
			background: white;
			overflow: hidden;
		}

		input.title {
			height: 47px;
		}
	}

	.category-list {
		padding: 0 6px;
	}

	.category-tag-row {
		margin: 5px 0;
	}

	.tag-row {
		margin: 0px;
	}

	.tags-container {
		.bootstrap-tagsinput {
			width:100%;
			margin-bottom: 0px;
			border: 0;
			box-shadow: none;

			input {
				height:28px;
				padding: 4px 6px;
			}

			.label {
				color: white;
				font-size: 13px;
			}
		}
	}

	.write-preview-container {
		height:100%;
		margin: 0 0;
		min-height: 200px;

		> div {
			height:100%;
		}
	}

	.write {
		border: 1px solid #EDEDED;
		.border-radius(0px);
		.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
	}

	.write, .preview  {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 250px;
		margin: 0 auto;
		font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		resize:none;
		overflow: auto;
		padding: 20px;
	}

	.preview-container {
		word-wrap: break-word;
	}

	.write-container {
		&.maximized {
			width: 100%;
		}
	}

	.write-container, .preview-container {
		.help-text {
			text-transform: uppercase;
			position: absolute;
			right: 35px;
			top: 8px;
			font-size: 10px;
			color: #999;
			z-index: 1;
		}
	}

	.help {
		.pointer;
	}

	.toggle-preview {
		margin-left: 20px;
		.pointer;
	}

	.preview {
		overflow-y: auto;

		p {
			margin: 0 0 18px;
		}
	}

	.formatting-bar {
		margin: 5px 0;
		padding: 0px 8px;
		span {
			color: #000;
		}

		.spacer {
			&:before {
				content: ' | ';
				color: @gray-light;
			}
		}
	}

	.resizer {
		position: absolute;
		width: 100%;
		top: 10px;
		height: 0px;

		.pointer;

		.trigger {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			top: -20px;
			margin: 0 auto;
			margin-left: 20px;

			background: #333;
			border: 1px solid #333;
			.border-radius(50%);

			line-height: 26px;

			i {
				position: relative;
				color: #FFF;
				font-size: 16px;

				&:before {
					content: @fa-var-arrows-v;
					position: relative;
					top: 3px;
				}
			}
		}
	}

	&.maximized {
		.resizer .trigger i {
			&:before {
				content: @fa-var-chevron-down;
			}
		}

		box-shadow: none;
	}

	.imagedrop {
		position: absolute;
		top: 250px;
		text-align: center;
		font-size: 24px;
		color: #999;
		width: 100%;
		display: none;
	}

	.topic-thumb-container {
		margin-top: 5px;
		margin-left: 8px;
		margin-right: 8px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		padding: 10px;
	}

	.topic-thumb-btn {
		cursor: hand;
		cursor: pointer;
	}

	.topic-thumb-preview {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 100px
	}

	.topic-thumb-ctrl.form-group {
		display: inline-block;
		vertical-align: -50% !important;
	}
}

@media (max-width: 767px), (max-height: 480px) {
	.composer {
		width: 100%;
		padding-top: 0px;
	}

	.resizer {
		visibility: hidden;
	}
}

.define-if-not-set() {
	@btn-primary-bg: darken(#428bca, 6.5%);
	@btn-primary-color: #fff;
	@gray-light: lighten(#000, 46.7%);
}

.define-if-not-set();

@topbarHeight: 50px;

html.composing {
	&.mobile {
		overflow: hidden;
	}

	body {
		height: 0px !important;
	}

	.composer {
		padding: 0;

		.composer-container {
			overflow-y: visible;
			overflow-x: hidden;
			padding: 0;
			padding-top: 50px;
			height: 100%;
			background: white;
		}

		.title-container {
			margin-top: 0px;

			.title {
				padding-left: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 100%;
			}
		}

		.write, .preview {
			border-bottom: 0;
			min-height: 100%;
			outline: none;
			padding: 25px 10px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			font-size: 18px;
		}

		.form-control {
			box-shadow: none;
		}

		.formatting-bar {
			margin: 0;
			padding: 0;
		}

		.mobile-navbar {
			background: @btn-primary-bg;
			color: @btn-primary-color;
			position: absolute;

			button {
				font-size: 20px;
			}
		}
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 0;
	}
}

.composer {
	.no-select;

	&.resizable {
		position: fixed;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));

		.write, .preview {
			min-height: 0;
		}
	}

	z-index: 10000;

	padding-top: 20px;

	background: white;
	visibility: hidden;

	.composer-container {
		min-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-container {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;

		.title {
			display: block;
			font-size: 22px;
			padding-left: 3px;
			border: 0;
			.box-shadow(none);
			background: white;
			overflow: hidden;
		}

		input.title {
			height: 47px;
		}
	}

	.category-list {
		padding: 0 6px;
	}

	.category-tag-row {
		margin: 5px 0;
	}

	.tag-row {
		margin: 0px;
	}

	.tags-container {
		.bootstrap-tagsinput {
			width:100%;
			margin-bottom: 0px;
			border: 0;
			box-shadow: none;

			input {
				height:28px;
				padding: 4px 6px;
			}

			.label {
				color: white;
				font-size: 13px;
			}
		}
	}

	.write-preview-container {
		height:100%;
		margin: 0 0;
		min-height: 200px;

		> div {
			height:100%;
		}
	}

	.write {
		border: 1px solid #EDEDED;
		.border-radius(0px);
		.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
	}

	.write, .preview  {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 250px;
		margin: 0 auto;
		font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		resize:none;
		overflow: auto;
		padding: 20px;
	}

	.preview-container {
		word-wrap: break-word;
	}

	.write-container {
		&.maximized {
			width: 100%;
		}
	}

	.write-container, .preview-container {
		.help-text {
			text-transform: uppercase;
			position: absolute;
			right: 35px;
			top: 8px;
			font-size: 10px;
			color: #999;
			z-index: 1;
		}
	}

	.help {
		.pointer;
	}

	.toggle-preview {
		margin-left: 20px;
		.pointer;
	}

	.preview {
		overflow-y: auto;

		p {
			margin: 0 0 18px;
		}
	}

	.formatting-bar {
		margin: 5px 0;
		padding: 0px 8px;
		span {
			color: #000;
		}

		.spacer {
			&:before {
				content: ' | ';
				color: @gray-light;
			}
		}
	}

	.resizer {
		position: absolute;
		width: 100%;
		top: 10px;
		height: 0px;

		.pointer;

		.trigger {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			top: -20px;
			margin: 0 auto;
			margin-left: 20px;

			background: #333;
			border: 1px solid #333;
			.border-radius(50%);

			line-height: 26px;

			i {
				position: relative;
				color: #FFF;
				font-size: 16px;

				&:before {
					content: @fa-var-arrows-v;
					position: relative;
					top: 3px;
				}
			}
		}
	}

	&.maximized {
		.resizer .trigger i {
			&:before {
				content: @fa-var-chevron-down;
			}
		}

		box-shadow: none;
	}

	.imagedrop {
		position: absolute;
		top: 250px;
		text-align: center;
		font-size: 24px;
		color: #999;
		width: 100%;
		display: none;
	}

	.topic-thumb-container {
		margin-top: 5px;
		margin-left: 8px;
		margin-right: 8px;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.6);
		padding: 10px;
	}

	.topic-thumb-btn {
		cursor: hand;
		cursor: pointer;
	}

	.topic-thumb-preview {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 100px
	}

	.topic-thumb-ctrl.form-group {
		display: inline-block;
		vertical-align: -50% !important;
	}
}

@media (max-width: 767px), (max-height: 480px) {
	.composer {
		width: 100%;
		padding-top: 0px;
	}

	.resizer {
		visibility: hidden;
	}
}


TUNACMS-21 AdminBundle

TUNACMS-21 AdminBundle

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/Tuna-CMS/tuna-bundle.git/'


Create responsive-utilities.less

Create responsive-utilities.less

//
// Responsive: Utility classes
// --------------------------------------------------

// IE10 in Windows (Phone) 8
//
// Support for responsive views via media queries is kind of borked in IE10, for
// Surface/desktop in split view and for Windows Phone 8. This particular fix
// must be accompanied by a snippet of JavaScript to sniff the user agent and
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
// our Getting Started page for more information on this bug.
//
// For more information, see the following:
//
// Issue: https://github.com/twbs/bootstrap/issues/10497
// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/

@-ms-viewport {
  width: device-width;
}

// Visibility utilities
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  .responsive-invisibility();
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

.visible-xs {
  @media (max-width: @screen-xs-max) {
    .responsive-visibility();
  }
}
.visible-xs-block {
  @media (max-width: @screen-xs-max) {
    display: block !important;
  }
}
.visible-xs-inline {
  @media (max-width: @screen-xs-max) {
    display: inline !important;
  }
}
.visible-xs-inline-block {
  @media (max-width: @screen-xs-max) {
    display: inline-block !important;
  }
}

.visible-sm {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .responsive-visibility();
  }
}
.visible-sm-block {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    display: block !important;
  }
}
.visible-sm-inline {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    display: inline !important;
  }
}
.visible-sm-inline-block {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    display: inline-block !important;
  }
}

.visible-md {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .responsive-visibility();
  }
}
.visible-md-block {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    display: block !important;
  }
}
.visible-md-inline {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    display: inline !important;
  }
}
.visible-md-inline-block {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    display: inline-block !important;
  }
}

.visible-lg {
  @media (min-width: @screen-lg-min) {
    .responsive-visibility();
  }
}
.visible-lg-block {
  @media (min-width: @screen-lg-min) {
    display: block !important;
  }
}
.visible-lg-inline {
  @media (min-width: @screen-lg-min) {
    display: inline !important;
  }
}
.visible-lg-inline-block {
  @media (min-width: @screen-lg-min) {
    display: inline-block !important;
  }
}

.hidden-xs {
  @media (max-width: @screen-xs-max) {
    .responsive-invisibility();
  }
}
.hidden-sm {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .responsive-invisibility();
  }
}
.hidden-md {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .responsive-invisibility();
  }
}
.hidden-lg {
  @media (min-width: @screen-lg-min) {
    .responsive-invisibility();
  }
}

// Print utilities
//
// Media queries are placed on the inside to be mixin-friendly.

// Note: Deprecated .visible-print as of v3.2.0
.visible-print {
  .responsive-invisibility();

  @media print {
    .responsive-visibility();
  }
}
.visible-print-block {
  display: none !important;

  @media print {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;

  @media print {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;

  @media print {
    display: inline-block !important;
  }
}

.hidden-print {
  @media print {
    .responsive-invisibility();
  }
}

error: pathspec 'static/app/components/bootstrap/css/less/responsive-utilities.less' did not match any file(s) known to git


Change z-index

Change z-index

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


Add dropdown pull-right

Add dropdown pull-right

fatal: unable to access 'https://github.com/sonatra/sonatra-bootstrap-dropdown-position.git/': The requested URL returned error: 403


prevent panels from going too ridiculously large

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


Delete fixed-width.less

Delete fixed-width.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/Rowan3103/youthfulrepo.git/'


add z-index.less

add z-index.less

// * ================================= *
// *  z-index.less
// * ================================= *

// For organizing project-wide z-index values.
// Do not modify!

// buttons.less
@dropdown-menu-z-index: 		1000;	// 1000
@btn-normal-z-index: 			1;		// 1
@btn-active-z-index: 			2;		// 2

// forms.less
@selectbox-container-z-index: 		1;		// 1
@selectbox-original-z-index: 		-1;		// -1
@selectbox-selected-z-index: 		2;		// 2
@selectbox-options-z-index: 		50;		// 50
@selectbox-container-open-z-index: 	3;		// 3
@selectbox-open-z-index: 			51;		// 51

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


only for contrib roadblocks

only for contrib roadblocks

@import 'lib';

.listing-grid {
    li {
        overflow: visible;
        float: left;
        height: 66px;
    }
    &.personas li {
        height: 78px;
    }
    &.cols-3 li { width: 100% / 3; }
    &.cols-2 li { width: 100% / 2; }
    &.cols-1 li { width: 100%; }
    section {
        display: none;
        position: relative;
        &:first-child {
            display: block;
        }
    }
}
.hovercard {
    position: relative;
    border: 1px solid transparent;
    z-index: 20;
    .more, .desc {
        font-family: @sans-stack;
        color: #333;
        font-size: 12px;
        z-index: 29;
        margin-top: 0;
    }
    .desc {
        max-height: 2.6em;
        overflow: hidden;
    }
    .install-shell {
        .contrib {
            font-size: 11px;
        }
        .extra {
            + .extra {
                margin: 0;
            }
            .notavail {
                margin: 0 0 2px;
            }
        }
    }
    h3 {
        color: @link;
        font-weight: bold;
        margin: 0 0 2px 0;
        font-size: 13px;
        line-height: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 200px;
    }
    .more {
        display: none;
        position: relative;
        padding: 0 14px 8px 12px;
        p:first-child {
            margin-top: 0;
        }
    }
    a {
        text-decoration: none;
    }
    .adu {
        color: #390;
        font-size: 11px;
    }
    .byline {
        margin: 8px 0;
        font-size: 11px;
        font-style: italic;
        a {
            display: inline;
            color: inherit;
        }
    }
    &:hover {
        z-index: 25;
        background: #fff;
        border-color: #ccc;
        .box-shadow(0 0 4px rgba(0,0,0,.4));
        .more {
            background: #fff;
            display: block;
            z-index: 28;
        }
        h3 {
            text-decoration: underline;
            white-space: normal;
        }
    }
    &.persona {
        overflow: hidden;
        padding: 9px;
        height: 78px;
        a {
            overflow: hidden;
            display: block;
        }
        .persona-preview {
            width: 200px;
            height: 48px;
            float: right;
            overflow: hidden;
            position: relative;
            img {
                width: 200px;
                height: 67px;
                position: absolute;
                right: 0;
                top: 0;
            }
        }
        .more {
            padding: 0;
            margin-top: 10px;
        }
        h3 {
            clear: right;
        }
        &:hover {
            .border-radius(5px);
            height: auto;
        }
    }
    &.addon .more .vital,
    &.theme:hover .more + .vital {
        border-top: 1px dotted #ccc;
        padding: 8px 0 0;
        margin: 8px 0 4px;
    }
    &.addon {
        margin: 5px 5px 5px 61px;
        .summary, .icon {
            position: relative;
            padding: 8px;
        }
        .summary {
            height: 48px;
            z-index: 21;
            overflow: hidden;
            div {
                white-space: nowrap;
            }
        }
        .icon {
            position: absolute;
            left: -57px;
            top: -1px;
            padding-right: 0;
            height: 48px;
            width: 48px;
            border-width: 1px 0 1px 1px;
            border-style: solid;
            z-index: 22;
            border-color: transparent;
            img {
                margin: 8px;
                width: 32px;
                height: 32px;
                border: 0;
                padding: 0;
            }
        }
        &:before {
            content: "";
            display: block;
            position: absolute;
            height: 66px;
            width: 56px;
            top: -1px;
            left: -57px;
            z-index: 1;
        }
        &:hover {
            float: left;
            z-index: 25;
            background: #fff;
            border-color: #ccc;
            .box-shadow(0 0 4px rgba(0,0,0,.4));
            .summary {
                background: white;
                z-index: 26;
                height: auto;
                min-height: 48px;
            }
            .icon {
                background: #fff;
                border-color: #ccc;
                z-index: 27;
            }
            &:before {
                .box-shadow(0 0 4px rgba(0,0,0,.4));
            }
        }
    }
    &.collection {
        &:hover {
            .summary {
                overflow: visible;
                height: auto;
            }
            .desc {
                overflow: visible;
                max-height: none;
            }
            .more {
                font-size: 11px;
                border-top: 1px dotted #CCCCCC;
                padding: 8px 0;
                margin: 0 8px;
                color: #390;
            }
        }
    }
    .category, .vital {
        color: #666;
        font-size: 11px;
        line-height: 10px;
        white-space: nowrap;
    }
    .summary .vital {
        margin-top: 4px;
        font-size: 10px;
        line-height: 12px;
    }
}
.featured,
.theme-grid {
    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    li {
        height: 212px;
        width: 240px;
    }
    .hovercard {
        padding: 9px;
        margin: 0;
        &.addon {
            &:before {
                display: none;
                content: none;
            }
            .summary {
                height: 192px;
                padding: 0;
                div {
                    width: 220px;
                    height: 170px;
                    position: relative;
                    img {
                        padding: 8px;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                        border: 1px solid #ccc;
                        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
                        position: absolute;
                    }
                }
            }
        }
        &:hover {
            &.addon .summary {
                height: auto;
            }
            .more {
                padding: 14px 0 0;
            }
        }
    }
}
.theme-grid {
    li {
        height: 205px;
        margin-bottom: 1em;
        width: 180px;
    }
    .incompatible {
        img {
            opacity: .4;
        }
        &:hover {
            img {
                opacity: 1;
            }
            > .notavail {
                display: none;
            }
        }
        > .notavail {
            color: @note-gray;
            display: block;
            font: 10px/10px Arial, sans-serif;
            margin-top: 8px;
        }
    }
    .hovercard.addon .summary {
        height: 157px;
        div {
            height: 135px;
            width: 160px;
            img {
                max-height: 108px;
                max-width: 142px;
            }
        }
    }
    .hovercard.addon > .vital {
        font-size: 11px;
        margin-top: 8px;
        .adu, .updated {
            color: #390;
        }
    }
}

.secondary,
.notice.upsell {
    .hovercard.addon {
        line-height: 1.3;
        width: 196px;
        position: relative;
        left: -8px;
        border: 0;
        margin: 0;
        .icon {
            float: left;
            position: static;
            left: auto;
            right: auto;
            border: 0;
        }
        .summary a, p {
            padding: 0;
        }
        .summary a {
            display: inline;
        }
        &:before {
            content: none;
        }
    }
}
.html-rtl .listing-grid {
    li {
        float: right;
    }
    .hovercard {
        &.addon {
            margin: 5px 61px 5px 5px;
        }
        .more {
            padding: 0 12px 8px 14px;
        }
        .icon {
            left: auto;
            right: -57px;
            padding-left: 0;
            padding-right: 8px;
            border-width: 1px 1px 1px 0;
        }
        &:before {
            left: auto;
            right: -57px;
        }
    }
    .addon:hover {
        float: right;
    }
    &.featured, &.theme-grid {
        .hovercard.addon {
            margin: 0;
            &:hover .more {
                padding: 14px 0 0;
            }
        }
    }
}

@import 'lib';

.listing-grid {
    li {
        overflow: visible;
        float: left;
        height: 66px;
    }
    &.personas li {
        height: 78px;
    }
    &.cols-3 li { width: 100% / 3; }
    &.cols-2 li { width: 100% / 2; }
    &.cols-1 li { width: 100%; }
    section {
        display: none;
        position: relative;
        &:first-child {
            display: block;
        }
    }
}
.hovercard {
    position: relative;
    border: 1px solid transparent;
    z-index: 20;
    .more, .desc {
        font-family: @sans-stack;
        color: #333;
        font-size: 12px;
        z-index: 29;
        margin-top: 0;
    }
    .desc {
        max-height: 2.6em;
        overflow: hidden;
    }
    .install-shell {
        .go {
            font-size: 11px;
        }
        .extra {
            + .extra {
                margin: 0;
            }
            .notavail {
                margin: 0 0 2px;
            }
        }
    }
    h3 {
        color: @link;
        font-weight: bold;
        margin: 0 0 2px 0;
        font-size: 13px;
        line-height: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 200px;
    }
    .more {
        display: none;
        position: relative;
        padding: 0 14px 8px 12px;
        p:first-child {
            margin-top: 0;
        }
    }
    a {
        text-decoration: none;
    }
    .adu {
        color: #390;
        font-size: 11px;
    }
    .byline {
        margin: 8px 0;
        font-size: 11px;
        font-style: italic;
        a {
            display: inline;
            color: inherit;
        }
    }
    &:hover {
        z-index: 25;
        background: #fff;
        border-color: #ccc;
        .box-shadow(0 0 4px rgba(0,0,0,.4));
        .more {
            background: #fff;
            display: block;
            z-index: 28;
        }
        h3 {
            text-decoration: underline;
            white-space: normal;
        }
    }
    &.persona {
        overflow: hidden;
        padding: 9px;
        height: 78px;
        a {
            overflow: hidden;
            display: block;
        }
        .persona-preview {
            width: 200px;
            height: 48px;
            float: right;
            overflow: hidden;
            position: relative;
            img {
                width: 200px;
                height: 67px;
                position: absolute;
                right: 0;
                top: 0;
            }
        }
        .more {
            padding: 0;
            margin-top: 10px;
        }
        h3 {
            clear: right;
        }
        &:hover {
            .border-radius(5px);
            height: auto;
        }
    }
    &.addon .more .vital,
    &.theme:hover .more + .vital {
        border-top: 1px dotted #ccc;
        padding: 8px 0 0;
        margin: 8px 0 4px;
    }
    &.addon {
        margin: 5px 5px 5px 61px;
        .summary, .icon {
            position: relative;
            padding: 8px;
        }
        .summary {
            height: 48px;
            z-index: 21;
            overflow: hidden;
            div {
                white-space: nowrap;
            }
        }
        .icon {
            position: absolute;
            left: -57px;
            top: -1px;
            padding-right: 0;
            height: 48px;
            width: 48px;
            border-width: 1px 0 1px 1px;
            border-style: solid;
            z-index: 22;
            border-color: transparent;
            img {
                margin: 8px;
                width: 32px;
                height: 32px;
                border: 0;
                padding: 0;
            }
        }
        &:before {
            content: "";
            display: block;
            position: absolute;
            height: 66px;
            width: 56px;
            top: -1px;
            left: -57px;
            z-index: 1;
        }
        &:hover {
            float: left;
            z-index: 25;
            background: #fff;
            border-color: #ccc;
            .box-shadow(0 0 4px rgba(0,0,0,.4));
            .summary {
                background: white;
                z-index: 26;
                height: auto;
                min-height: 48px;
            }
            .icon {
                background: #fff;
                border-color: #ccc;
                z-index: 27;
            }
            &:before {
                .box-shadow(0 0 4px rgba(0,0,0,.4));
            }
        }
    }
    &.collection {
        &:hover {
            .summary {
                overflow: visible;
                height: auto;
            }
            .desc {
                overflow: visible;
                max-height: none;
            }
            .more {
                font-size: 11px;
                border-top: 1px dotted #CCCCCC;
                padding: 8px 0;
                margin: 0 8px;
                color: #390;
            }
        }
    }
    .category, .vital {
        color: #666;
        font-size: 11px;
        line-height: 10px;
        white-space: nowrap;
    }
    .summary .vital {
        margin-top: 4px;
        font-size: 10px;
        line-height: 12px;
    }
}
.featured,
.theme-grid {
    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    li {
        height: 212px;
        width: 240px;
    }
    .hovercard {
        padding: 9px;
        margin: 0;
        &.addon {
            &:before {
                display: none;
                content: none;
            }
            .summary {
                height: 192px;
                padding: 0;
                div {
                    width: 220px;
                    height: 170px;
                    position: relative;
                    img {
                        padding: 8px;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                        border: 1px solid #ccc;
                        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
                        position: absolute;
                    }
                }
            }
        }
        &:hover {
            &.addon .summary {
                height: auto;
            }
            .more {
                padding: 14px 0 0;
            }
        }
    }
}
.theme-grid {
    li {
        height: 205px;
        margin-bottom: 1em;
        width: 180px;
    }
    .incompatible {
        img {
            opacity: .4;
        }
        &:hover {
            img {
                opacity: 1;
            }
            > .notavail {
                display: none;
            }
        }
        > .notavail {
            color: @note-gray;
            display: block;
            font: 10px/10px Arial, sans-serif;
            margin-top: 8px;
        }
    }
    .hovercard.addon .summary {
        height: 157px;
        div {
            height: 135px;
            width: 160px;
            img {
                max-height: 108px;
                max-width: 142px;
            }
        }
    }
    .hovercard.addon > .vital {
        font-size: 11px;
        margin-top: 8px;
        .adu, .updated {
            color: #390;
        }
    }
}

.secondary,
.notice.upsell {
    .hovercard.addon {
        line-height: 1.3;
        width: 196px;
        position: relative;
        left: -8px;
        border: 0;
        margin: 0;
        .icon {
            float: left;
            position: static;
            left: auto;
            right: auto;
            border: 0;
        }
        .summary a, p {
            padding: 0;
        }
        .summary a {
            display: inline;
        }
        &:before {
            content: none;
        }
    }
}
.html-rtl .listing-grid {
    li {
        float: right;
    }
    .hovercard {
        &.addon {
            margin: 5px 61px 5px 5px;
        }
        .more {
            padding: 0 12px 8px 14px;
        }
        .icon {
            left: auto;
            right: -57px;
            padding-left: 0;
            padding-right: 8px;
            border-width: 1px 1px 1px 0;
        }
        &:before {
            left: auto;
            right: -57px;
        }
    }
    .addon:hover {
        float: right;
    }
    &.featured, &.theme-grid {
        .hovercard.addon {
            margin: 0;
            &:hover .more {
                padding: 14px 0 0;
            }
        }
    }
}


inline menu does not highlight selected sub-menu

fatal: unable to access 'https://github.com/hjin-me/ant-design.git/': The requested URL returned error: 403


bundle.css

bundle.css

@import "general.less";
@import "header.less";
@import "post-list.less";

error: pathspec 'source/main/resources/static/styles/bundle.less' did not match any file(s) known to git


Really add css3.less

Really add css3.less

.border-radius (@radius) {
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.transition-property (@value) {
  -webkit-transition-property: @value;
  -moz-transition-property: @value;
  transition-property: @value;
}

.transition-property (@value1, @value2) {
  -webkit-transition-property: @value1, @value2;
  -moz-transition-property: @value1, @value2;
  transition-property: @value1, @value2;
}

.transition-duration (@value) {
  -webkit-transition-duration: @value;
  -moz-transition-duration: @value;
  transition-duration: @value;
}

.transition-duration (@value1, @value2) {
  -webkit-transition-duration: @value1, @value2;
  -moz-transition-duration: @value1, @value2;
  transition-duration: @value1, @value2;
}

.transition-timing-function (@value) {
  -webkit-transition-timing-function: @value;
  -moz-transition-timing-function: @value;
  transition-timing-function: @value;
}

.linear-gradient (@value1, @value2) {
  // summary:
  //		Expands to browser specific background-image specifications for a linear-gradient (2 stops)
  background-image: -moz-linear-gradient(@value1, @value2); // FF3.6 - FF15 (FF16+ supports linear-gradient)
  background-image: -webkit-linear-gradient(@value1, @value2); // Chrome10+, Safari5.1+
  background-image: -o-linear-gradient(@value1, @value2); // Opera 11.10+
  background-image: linear-gradient(@value1, @value2);
}
.linear-gradient (@value1, @value2, @value3) {
  background-image: -moz-linear-gradient(@value1, @value2, @value3); // FF3.6 - FF15 (FF16+ supports linear-gradient)
  background-image: -webkit-linear-gradient(@value1, @value2, @value3); // Chrome10+, Safari5.1+
  background-image: -o-linear-gradient(@value1, @value2, @value3); // Opera 11.10+
  background-image: linear-gradient(@value1, @value2, @value3);
}
.linear-gradient (@value1, @value2, @value3, @value4) {
  background-image: -moz-linear-gradient(@value1, @value2, @value3, @value4); // FF3.6 - FF15 (FF16+ supports linear-gradient)
  background-image: -webkit-linear-gradient(@value1, @value2, @value3, @value4); // Chrome10+, Safari5.1+
  background-image: -o-linear-gradient(@value1, @value2, @value3, @value4); // Opera 11.10+
  background-image: linear-gradient(@value1, @value2, @value3, @value4);
}
.linear-gradient (@value1, @value2, @value3, @value4, @value5) {
  background-image: -moz-linear-gradient(@value1, @value2, @value3, @value4, @value5); // FF3.6 - FF15 (FF16+ supports linear-gradient)
  background-image: -webkit-linear-gradient(@value1, @value2, @value3, @value4, @value5); // Chrome10+, Safari5.1+
  background-image: -o-linear-gradient(@value1, @value2, @value3, @value4, @value5); // Opera 11.10+
  background-image: linear-gradient(@value1, @value2, @value3, @value4, @value5);
}
.linear-gradient (@value1, @value2, @value3, @value4, @value5, @value6) {
  background-image: -moz-linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6); // FF3.6 - FF15 (FF16+ supports linear-gradient)
  background-image: -webkit-linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6); // Chrome10+, Safari5.1+
  background-image: -o-linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6); // Opera 11.10+
  background-image: linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6);
}
.linear-gradient (@value1, @value2, @value3, @value4, @value5, @value6, @value7) {
  background-image: -moz-linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6, @value7); // FF3.6 - FF15 (FF16+ supports linear-gradient)
  background-image: -webkit-linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6, @value7); // Chrome10+, Safari5.1+
  background-image: -o-linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6, @value7); // Opera 11.10+
  background-image: linear-gradient(@value1, @value2, @value3, @value4, @value5, @value6, @value7);
}

.alpha-white-gradient (@opacity1, @stop1, @opacity2, @stop2) {
  // summary:
  //		For setting up white background-image with variable transparency.
  // example:
  //		Gradient starts at top (0%) with 30% opacity, and then ends at bottom (100%) with full transparency
  //		|	.alpha-white-gradient(0.3, 0%, 0, 100%)
  //
  .linear-gradient(rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2);
}
.alpha-white-gradient (@start, @opacity1, @stop1, @opacity2, @stop2) {
  .linear-gradient(@start, rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2);
}
.alpha-white-gradient (@opacity1, @stop1, @opacity2, @stop2, @opacity3, @stop3) {
  .linear-gradient(rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2, rgba(255,255,255, @opacity3) @stop3);
}
.alpha-white-gradient (@start, @opacity1, @stop1, @opacity2, @stop2, @opacity3, @stop3) {
  .linear-gradient(@start, rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2, rgba(255,255,255, @opacity3) @stop3);
}
.alpha-white-gradient (@opacity1, @stop1, @opacity2, @stop2, @opacity3, @stop3, @opacity4, @stop4) {
  .linear-gradient(rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2, rgba(255,255,255, @opacity3) @stop3, rgba(255,255,255, @opacity4) @stop4);
}
.alpha-white-gradient (@start, @opacity1, @stop1, @opacity2, @stop2, @opacity3, @stop3, @opacity4, @stop4) {
  .linear-gradient(@start, rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2, rgba(255,255,255, @opacity3) @stop3, rgba(255,255,255, @opacity4) @stop4);
}
.alpha-white-gradient (@start, @opacity1, @stop1, @opacity2, @stop2, @opacity3, @stop3, @opacity4, @stop4, @opacity5, @stop5) {
  .linear-gradient(@start, rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2, rgba(255,255,255, @opacity3) @stop3, rgba(255,255,255, @opacity4) @stop4, rgba(255,255,255, @opacity5) @stop5);
}
.alpha-white-gradient (@start, @opacity1, @stop1, @opacity2, @stop2, @opacity3, @stop3, @opacity4, @stop4, @opacity5, @stop5, @opacity6, @stop6) {
  .linear-gradient(@start, rgba(255,255,255,@opacity1) @stop1, rgba(255,255,255,@opacity2) @stop2, rgba(255,255,255, @opacity3) @stop3, rgba(255,255,255, @opacity4) @stop4, rgba(255,255,255, @opacity5) @stop5, rgba(255,255,255, @opacity6) @stop6);
}

.gradient-and-filter (@color, @fade1, @fade2) {
  // summary:
  //		Sets up a background color with a vertical gradient.
  //		In order to make transitions work properly on mozilla and webkit, this is done by combining
  //		a background-color which will be changed based on state (ex: hover) with a constant
  //		white alpha-transparency background-image.
  // @color:
  //		The color
  // @fade1:
  //		The percent to fade at the top
  // @fade2:
  //		The percent to fade at the bottom
  background-color: @color; // the base color
  .linear-gradient(fadeout(#fff, 100-@fade1), fadeout(#fff, 100-@fade2));
}
.horizontal-gradient-and-filter (@color, @fade1, @fade2) {
  // summary:
  //		Sets up a background color with a horizontal gradient.
  //		In order to make transitions work properly on mozilla and webkit, this is done by combining
  //		a background-color which will be changed based on state (ex: hover) with a constant
  //		white alpha-transparency background-image.
  // @color:
  //		The color
  // @fade1:
  //		The percent to fade at the top
  // @fade2:
  //		The percent to fade at the bottom
  background-color: @color; // the base color
  .linear-gradient(left, fadeout(#fff, 100-@fade1), fadeout(#fff, 100-@fade2));
}

// Mixins defining gradients

.textbox-background-image () {
  // summary:
  //		Background image used for hovered TextBoxes and similar controls.
  //		It's just a small inset shadow below the top border (inside of the TextBox).
  .linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
}

.standard-gradient (@pathToRoot: "") {
  // summary:
  //		Light to dark background-image used by widgets with short height (~16px) including:
  //			- MenuBar, and hovered MenuItem/MenuBarItem
  //			- arrow icon wrapper for Select, ComboBox, Spinner
  //			- Toolbar and hovered Toolbar buttons
  //			- TitlePane title bar, AccordionContainer title bar, Dialog title bar

  .alpha-white-gradient(0.7, 0%, 0, 100%);
}
.active-gradient (@pathToRoot: "") {
  // summary:
  //		Light to dark background-image with an inset gray shadow at the top,
  //		used by widgets when they are active (ie: mousedown) or selected, including:
  //			- active MenuItem/MenuBarItem
  //			- arrow icon wrapper for Select, ComboBox, Spinner when active or drop down is open
  //			- active Toolbar buttons
  //			- active TitlePane title bar, AccordionContainer title bar

  .linear-gradient(rgba(190,190,190,0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
}

//
// From dojox/mobile/css3.less
//

.transform (@v) {
	-webkit-transform: @v;
	transform: @v;
}
.transform-origin (@v) {
	-webkit-transform-origin: @v;
	transform-origin: @v;
}
.transform-style (@v) {
	-webkit-transform-style: @v;
// not supported in IE10
}
.transition-property (@v) {
	-webkit-transition-property: @v;
	transition-property: @v;
}
.transition-property-2 (@v1, @v2) {
	-webkit-transition-property: @v1, @v2;
	transition-property: @v1, @v2;
}
.transition-property-transform () {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
.transition-duration (@v) {
	-webkit-transition-duration: @v;
	transition-duration: @v;
}
.transition-delay (@v) {
	-webkit-transition-delay: @v;
	transition-delay: @v;
}
.transition-timing-function (@v) {
	-webkit-transition-timing-function: @v;
	transition-timing-function: @v;
}
.animation-name (@v) {
	-webkit-animation-name: @v;
	animation-name: @v;
}
.animation-duration (@v) {
	-webkit-animation-duration: @v;
	animation-duration: @v;
}
.animation-timing-function (@v) {
	-webkit-animation-timing-function: @v;
	animation-timing-function: @v;
}
.animation-iteration-count (@v) {
	-webkit-animation-iteration-count: @v;
	animation-iteration-count: @v;
}
.box-shadow (@v) {
	-webkit-box-shadow: @v;
	-moz-box-shadow: @v;
	box-shadow: @v;
}
.box-sizing (@v) {
	-webkit-box-sizing: @v;
	box-sizing: @v;
}
.appearance (@v) {
	-webkit-appearance: @v;
}
.tap-highlight-color (@v) {
	-webkit-tap-highlight-color: @v;
}
.text-size-adjust (@v) {
	-webkit-text-size-adjust: @v;
}
.user-select (@v) {
	-webkit-user-select: @v;
	-ms-user-select: @v;
}

.background-image-linear-gradient-top-bottom (@from, @to) {
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
	background-image: linear-gradient(to bottom, @from 0%, @to 100%);
}
.background-linear-gradient-top-bottom (@from, @to) {
	background: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
	background: linear-gradient(to bottom, @from 0%, @to 100%);
}
.background-image-linear-gradient-top-bottom-2-stops (@from, @to, @pos1, @color1, @pos2, @color2) {
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to), color-stop(@pos1, @color1), color-stop(@pos2, @color2));
	background-image: linear-gradient(to bottom, @from 0%, @color1 percentage(@pos1), @color2 percentage(@pos2), @to 100%);
}
.background-linear-gradient-top-bottom-2-stops (@from, @to, @pos1, @color1, @pos2, @color2) {
	background: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to), color-stop(@pos1, @color1), color-stop(@pos2, @color2));
	background: linear-gradient(to bottom, @from 0%, @color1 percentage(@pos1), @color2 percentage(@pos2), @to 100%);
}
.background-image-linear-gradient-top-bottom-1-stop (@from, @to, @pos1, @color1) {
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to), color-stop(@pos1, @color1));
	background-image: linear-gradient(to bottom, @from 0%, @color1 percentage(@pos1), @to 100%);
}
.background-image-linear-gradient-top-bottom-3-stops (@from, @to, @pos1, @color1, @pos2, @color2, @pos3, @color3) {
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to), color-stop(@pos1, @color1), color-stop(@pos2, @color2), color-stop(@pos3, @color3));
	background-image: linear-gradient(to bottom, @from 0%, @color1 percentage(@pos1), @color2 percentage(@pos2), @color3 percentage(@pos3), @to 100%);
}
.background-image-linear-gradient-top-bottom-4-stops (@from, @to, @pos1, @color1, @pos2, @color2, @pos3, @color3, @pos4, @color4) {
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to), color-stop(@pos1, @color1), color-stop(@pos2, @color2), color-stop(@pos3, @color3), color-stop(@pos4, @color4));
	background-image: linear-gradient(to bottom, @from 0%, @color1 percentage(@pos1), @color2 percentage(@pos2), @color3 percentage(@pos3), @color4 percentage(@pos4), @to 100%);
}
.background-image-linear-gradient-top-bottom-4-stops-no-from-to (@pos1, @color1, @pos2, @color2, @pos3, @color3, @pos4, @color4) {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@pos1, @color1), color-stop(@pos2, @color2), color-stop(@pos3, @color3), color-stop(@pos4, @color4));
	background-image: linear-gradient(to bottom, @color1 percentage(@pos1), @color2 percentage(@pos2), @color3 percentage(@pos3), @color4 percentage(@pos4));
}

.background-image-linear-gradient-top-left-bottom-right (@from, @to) {
	background-image: -webkit-gradient(linear, left top, right bottom, from(@from), to(@to));
	background-image: linear-gradient(to right bottom, @from 0%, @to 100%);
}
.background-image-linear-gradient-top-left-bottom-right-1-stop (@from, @to, @pos1, @color1) {
	background-image: -webkit-gradient(linear, left top, right bottom, from(@from), to(@to), color-stop(@pos1, @color1));
	background-image: linear-gradient(to right bottom, @from 0%, @color1 percentage(@pos1), @to 100%);
}
.background-image-linear-gradient-top-left-bottom-right-2-stops (@from, @to, @pos1, @color1, @pos2, @color2) {
	background-image: -webkit-gradient(linear, left top, right bottom, from(@from), to(@to), color-stop(@pos1, @color1), color-stop(@pos2, @color2));
	background-image: linear-gradient(to right bottom, @from 0%, @color1 percentage(@pos1), @color2 percentage(@pos2), @to 100%);
}
.background-image-linear-gradient-top-left-bottom-right-3-stops (@from, @to, @pos1, @color1, @pos2, @color2, @pos3, @color3) {
	background-image: -webkit-gradient(linear, left top, right bottom, from(@from), to(@to), color-stop(@pos1, @color1), color-stop(@pos2, @color2), color-stop(@pos3, @color3));
	background-image: linear-gradient(to right bottom, @from 0%, @color1 percentage(@pos1), @color2 percentage(@pos2), @color3 percentage(@pos3), @to 100%);
}

.background-radial-gradient-center (@r, @from, @to) {
	background: -webkit-gradient(radial, center center, 0, center center, @r, from(@from), to(@to));
	background: radial-gradient(@r at center, @from 0%, @to 100%);
}

.background-spinwheel () {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313137), color-stop(0.05, #73747d), color-stop(0.07, #92939b), color-stop(0.09, #ababb5), color-stop(0.12, #c5c6ce), color-stop(0.16, #dfe0e4), color-stop(0.22, #f4f5f6), color-stop(0.35, #fbfcfc), color-stop(0.5, #fbfcfc), color-stop(0.61, #fbfcfc), color-stop(0.61, #b4c1c7), color-stop(0.65, #fbfcfc), color-stop(0.78, #f4f5f6), color-stop(0.84, #dfe0e4), color-stop(0.88, #c5c6ce), color-stop(0.91, #ababb5), color-stop(0.93, #92939b), color-stop(0.95, #73747d), color-stop(1, #313137));
	background: linear-gradient(to bottom, #313137 0%, #73747d 5%, #92939b 7%, #ababb5 9%, #c5c6ce 12%, #dfe0e4 16%, #f4f5f6 22%, #fbfcfc 35%, #fbfcfc 50%, #fbfcfc 61%, #b4c1c7 61%, #fbfcfc 65%, #f4f5f6 78%, #dfe0e4 84%, #c5c6ce 88%, #ababb5 91%, #92939b 93%, #73747d 95%, #313137 100%);
}

.background-spinwheelbar () {
	background: -webkit-gradient(linear, left top, left bottom, from(#edeef2), to(#a7adca), color-stop(0, #edeef2), color-stop(0.25, #c8cadd), color-stop(0.49, #bbbfd4), color-stop(0.51, #9fa8c6), color-stop(0.81, #a2a9c7), color-stop(0.82, #a6abc9), color-stop(1, #a7adca));
	background: linear-gradient(to bottom, #edeef2 0%, #c8cadd 25%, #bbbfd4 49%, #9fa8c6 51%, #a2a9c7 81%, #a6abc9 82%, #a7adca 100%);
}

.holo-slider-background-image () {
	background-image: -webkit-gradient(radial, 9 9, 3, 9 9, 9, from(@holo-color1), color-stop(0, @holo-color1), color-stop(0.01, @holo-slider-thumb-color), to(@holo-slider-thumb-color));
	background-image: radial-gradient(circle closest-side at center, #FFFFFF 0%, #A435C5 50%, #251AE7 75%, #00A3EF 100%);
}

.keyframes-transform-from-to-webkit(@t1, @t2) {
	from {
		-webkit-transform: @t1;
	}
	to {
		-webkit-transform: @t2;
	}
}

.keyframes-transform-from-to(@t1, @t2) {
	from {
		transform: @t1;
	}
	to {
		transform: @t2;
	}
}

.keyframes-opacity-from-to(@o1, @o2) {
	from {
		opacity: @o1;
	}
	to {
		opacity: @o2;
	}
}

.keyframes-transform-opacity-from-to-webkit(@t1, @o1, @t2, @o2) {
	from {
		-webkit-transform: @t1;
		opacity: @o1;
	}
	to {
		-webkit-transform: @t2;
		opacity: @o2;
	}
}

.keyframes-transform-opacity-from-to(@t1, @o1, @t2, @o2) {
	from {
		transform: @t1;
		opacity: @o1;
	}
	to {
		transform: @t2;
		opacity: @o2;
	}
}

.keyframes-transform-0-50-100-webkit(@t1, @t2, @t3) {
	0% {
		-webkit-transform: @t1;
	}
	50% {
		-webkit-transform: @t2;
	}
	100% {
		-webkit-transform: @t3;
	}
}

.keyframes-transform-0-50-100(@t1, @t2, @t3) {
	0% {
		transform: @t1;
	}
	50% {
		transform: @t2;
	}
	100% {
		transform: @t3;
	}
}

.keyframes-z-index-transform-opacity-0-50-100-webkit(@i1, @t1, @o1, @i2, @t2, @o2, @i3, @t3, @o3) {
	0% {
		z-index: @i1;
		-webkit-transform: @t1;
		opacity: @o1;
	}
	50% {
		z-index: @i2;
		-webkit-transform: @t2;
		opacity: @o2;
	}
	100% {
		z-index: @i3;
		-webkit-transform: @t3;
		opacity: @o3;
	}
}

.keyframes-z-index-transform-opacity-0-50-100(@i1, @t1, @o1, @i2, @t2, @o2, @i3, @t3, @o3) {
	0% {
		z-index: @i1;
		transform: @t1;
		opacity: @o1;
	}
	50% {
		z-index: @i2;
		transform: @t2;
		opacity: @o2;
	}
	100% {
		z-index: @i3;
		transform: @t3;
		opacity: @o3;
	}
}

.keyframes-vibrate-webkit() {
	0%{
		-webkit-transform: rotate(-2deg);
		bottom: -1px;
		left: -1px;
	}
	25% {
		-webkit-transform: rotate(1deg);
		bottom: 2px;
		left: 1px;
	}
	50% {
		-webkit-transform: rotate(-1deg);
		bottom: -2px;
		left: -1px;
	}
	75% {
		-webkit-transform: rotate(2deg);
		bottom: 2px;
		left: 1px;
	}
	100% {
		-webkit-transform: rotate(-2deg);
		bottom: -1px;
		left: -1px;
	}
}

.keyframes-vibrate() {
	0%{
		transform: rotate(-2deg);
		bottom: -1px;
		left: -1px;
	}
	25% {
		transform: rotate(1deg);
		bottom: 2px;
		left: 1px;
	}
	50% {
		transform: rotate(-1deg);
		bottom: -2px;
		left: -1px;
	}
	75% {
		transform: rotate(2deg);
		bottom: 2px;
		left: 1px;
	}
	100% {
		transform: rotate(-2deg);
		bottom: -1px;
		left: -1px;
	}
}

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


Add login form styling for the box campaign registration page

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/hevnly/asset-bazaar.git/'


Use variables for font weights

Use variables for font weights

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/putterschool/styleguide.git/'


the font-size of the item-section is now smaller of one pixel

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


changed SKipped status back to original color

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/relateiq/azkaban.git/'


remove <a> CSS style

remove <a> CSS 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/rafalprzywarski/test-status.git/'


Fixes valign of solo icons

Fixes valign of solo icons

/*
 * # Semantic - Header
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Header
*******************************/

/* Standard */
.ui.header {
  border: none;
  margin: 1em 0em 1rem;
  padding: 0em;

  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.33;
}

.ui.header .sub.header {
  font-size: 1rem;
  font-weight: normal;
  margin: 0em;
  padding: 0em;

  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}

.ui.header .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0.5em;
}
.ui.header .icon:only-child {
  display: inline-block;
  vertical-align: baseline;
}

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
.ui.header .icon + .content {
  padding-left: 0.5em;
  display: table-cell;
}

/* Positioning */
.ui.header:first-child {
  margin-top: 0em;
}
.ui.header:last-child {
  margin-bottom: 0em;
}
.ui.header + p {
  margin-top: 0em;
}

/*--------------
  Page Heading
---------------*/

h1.ui.header {
  min-height: 1rem;
  line-height: 1.33;
  font-size: 2rem;
}
h2.ui.header {
  line-height: 1.33;
  font-size: 1.75rem;
}
h3.ui.header {
  line-height: 1.33;
  font-size: 1.33rem;
}
h4.ui.header {
  line-height: 1.33;
  font-size: 1.1rem;
}
h5.ui.header {
  line-height: 1.2;
  font-size: 1rem;
}

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

.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}
.ui.large.header {
  font-size: 1.75em;
}
.ui.medium.header {
  font-size: 1.33em;
}
.ui.small.header {
  font-size: 1.1em;
}
.ui.tiny.header {
  font-size: 1em;
}

/*******************************
            Types
*******************************/

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

.ui.icon.header {
  display: inline-block;
  text-align: center;
}
.ui.icon.header .icon {
  float: none;
  display: block;
  font-size: 3em;
  margin: 0em auto 0.2em;
  padding: 0em;
}
.ui.icon.header .content {
  display: block;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
  font-size: 2em;
}
.ui.block.icon.header .icon {
  margin-bottom: 0em;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.ui.disabled.header {
  opacity: 0.5;
}

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

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

.ui.blue.header {
  color: #6ECFF5 !important;
}
.ui.black.header {
  color: #5C6166 !important;
}
.ui.green.header {
  color: #A1CF64 !important;
}
.ui.red.header {
  color: #D95C5C !important;
}
.ui.purple.header {
  color: #564F8A !important;
}
.ui.teal.header {
  color: #00B5AD !important;
}

.ui.blue.dividing.header {
  border-bottom: 3px solid #6ECFF5;
}
.ui.black.dividing.header {
  border-bottom: 3px solid #5C6166;
}
.ui.green.dividing.header {
  border-bottom: 3px solid #A1CF64;
}
.ui.red.dividing.header {
  border-bottom: 3px solid #D95C5C;
}
.ui.purple.dividing.header {
  border-bottom: 3px solid #564F8A;
}
.ui.teal.dividing.header {
  border-bottom: 3px solid #00B5AD;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.header {
  color: #FFFFFF;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.85);
}

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

.ui.inverted.black.header {
  background-color: #5C6166 !important;
  color: #FFFFFF !important;
}
.ui.inverted.blue.header {
  background-color: #6ECFF5 !important;
  color: #FFFFFF !important;
}
.ui.inverted.green.header {
  background-color: #A1CF64 !important;
  color: #FFFFFF !important;
}
.ui.inverted.red.header {
  background-color: #D95C5C !important;
  color: #FFFFFF !important;
}
.ui.inverted.purple.header {
  background-color: #564F8A !important;
  color: #FFFFFF !important;
}
.ui.inverted.teal.header {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

.ui.inverted.block.header {
  border-bottom: none;
}

/*-------------------
       Aligned
--------------------*/

.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.center.aligned.header {
  text-align: center;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.header,
.ui.left.floated.header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}
.ui.right.floated.header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}

/*-------------------
       Fittted
--------------------*/

.ui.fitted.header {
  padding: 0em;
}

/*-------------------
      Dividing
--------------------*/

.ui.dividing.header {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.5em;
}
.ui.dividing.header .icon {
  margin-bottom: 0.2em;
}

/*-------------------
        Block
--------------------*/

.ui.block.header {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em;
}

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

.ui.attached.header {
  background-color: #E0E0E0;
  padding: 0.5em 1rem;

  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.ui.top.attached.header {
  margin-bottom: 0em;

  -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
  -moz-border-radius: 0.3125em 0.3125em 0em 0em;
  border-radius: 0.3125em 0.3125em 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;

  -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
  -moz-border-radius: 0em 0em 0.3125em 0.3125em;
  border-radius: 0em 0em 0.3125em 0.3125em;
}

/*
 * # Semantic - Header
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Header
*******************************/

/* Standard */
.ui.header {
  border: none;
  margin: 1em 0em 1rem;
  padding: 0em;

  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.33;
}

.ui.header .sub.header {
  font-size: 1rem;
  font-weight: normal;
  margin: 0em;
  padding: 0em;

  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}

.ui.header .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0.5em;
}
.ui.header .icon:only-child {
  display: inline-block;
}

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
.ui.header .icon + .content {
  padding-left: 0.5em;
  display: table-cell;
}

/* Positioning */
.ui.header:first-child {
  margin-top: 0em;
}
.ui.header:last-child {
  margin-bottom: 0em;
}
.ui.header + p {
  margin-top: 0em;
}

/*--------------
  Page Heading
---------------*/

h1.ui.header {
  min-height: 1rem;
  line-height: 1.33;
  font-size: 2rem;
}
h2.ui.header {
  line-height: 1.33;
  font-size: 1.75rem;
}
h3.ui.header {
  line-height: 1.33;
  font-size: 1.33rem;
}
h4.ui.header {
  line-height: 1.33;
  font-size: 1.1rem;
}
h5.ui.header {
  line-height: 1.2;
  font-size: 1rem;
}

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

.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}
.ui.large.header {
  font-size: 1.75em;
}
.ui.medium.header {
  font-size: 1.33em;
}
.ui.small.header {
  font-size: 1.1em;
}
.ui.tiny.header {
  font-size: 1em;
}

/*******************************
            Types
*******************************/

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

.ui.icon.header {
  display: inline-block;
  text-align: center;
}
.ui.icon.header .icon {
  float: none;
  display: block;
  font-size: 3em;
  margin: 0em auto 0.2em;
  padding: 0em;
}
.ui.icon.header .content {
  display: block;
}
.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
  font-size: 2em;
}
.ui.block.icon.header .icon {
  margin-bottom: 0em;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.ui.disabled.header {
  opacity: 0.5;
}

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

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

.ui.blue.header {
  color: #6ECFF5 !important;
}
.ui.black.header {
  color: #5C6166 !important;
}
.ui.green.header {
  color: #A1CF64 !important;
}
.ui.red.header {
  color: #D95C5C !important;
}
.ui.purple.header {
  color: #564F8A !important;
}
.ui.teal.header {
  color: #00B5AD !important;
}

.ui.blue.dividing.header {
  border-bottom: 3px solid #6ECFF5;
}
.ui.black.dividing.header {
  border-bottom: 3px solid #5C6166;
}
.ui.green.dividing.header {
  border-bottom: 3px solid #A1CF64;
}
.ui.red.dividing.header {
  border-bottom: 3px solid #D95C5C;
}
.ui.purple.dividing.header {
  border-bottom: 3px solid #564F8A;
}
.ui.teal.dividing.header {
  border-bottom: 3px solid #00B5AD;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.header {
  color: #FFFFFF;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.85);
}

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

.ui.inverted.black.header {
  background-color: #5C6166 !important;
  color: #FFFFFF !important;
}
.ui.inverted.blue.header {
  background-color: #6ECFF5 !important;
  color: #FFFFFF !important;
}
.ui.inverted.green.header {
  background-color: #A1CF64 !important;
  color: #FFFFFF !important;
}
.ui.inverted.red.header {
  background-color: #D95C5C !important;
  color: #FFFFFF !important;
}
.ui.inverted.purple.header {
  background-color: #564F8A !important;
  color: #FFFFFF !important;
}
.ui.inverted.teal.header {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

.ui.inverted.block.header {
  border-bottom: none;
}

/*-------------------
       Aligned
--------------------*/

.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.center.aligned.header {
  text-align: center;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.header,
.ui.left.floated.header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}
.ui.right.floated.header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}

/*-------------------
       Fittted
--------------------*/

.ui.fitted.header {
  padding: 0em;
}

/*-------------------
      Dividing
--------------------*/

.ui.dividing.header {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.5em;
}
.ui.dividing.header .icon {
  margin-bottom: 0.2em;
}

/*-------------------
        Block
--------------------*/

.ui.block.header {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em;
}

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

.ui.attached.header {
  background-color: #E0E0E0;
  padding: 0.5em 1rem;

  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.ui.top.attached.header {
  margin-bottom: 0em;

  -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
  -moz-border-radius: 0.3125em 0.3125em 0em 0em;
  border-radius: 0.3125em 0.3125em 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;

  -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
  -moz-border-radius: 0em 0em 0.3125em 0.3125em;
  border-radius: 0em 0em 0.3125em 0.3125em;
}


minor styles refactoring

minor styles refactoring

error: pathspec 'web/src/styles/common/defaults.less' did not match any file(s) known to git


Changes width comportment of navbar brand

//
// Load core variables and mixins
// --------------------------------------------------

@import "@{SonatraGluonBundle}/Resources/assetic/less/variables.less";
@import "@{symfony-vendor-dir}/twitter/bootstrap/less/mixins.less";

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

.navbar-fixed-top {
    &.affix {
        .box-shadow(0 3px 4px rgba(0, 0, 0, 0.18));
    }
}

.navbar-brand {
    width: @navbar-brand-width;
    padding-top: @navbar-brand-vertical-padding;
    padding-bottom: @navbar-brand-vertical-padding;

    span,
    a {
        font-size: @navbar-brand-font-size;
    }

    .navbar-brand-logo,
    .navbar-brand-badge {
        height: @navbar-brand-img-height;
    }

    .navbar-brand-badge {
        display: none;
    }
}

.navbar-toggle {
    color: @navbar-default-toggle-icon-bar-bg;
    font-size: @navbar-default-toggle-font-size;
    padding: @navbar-default-toggle-padding;
    margin-top: @navbar-default-toggle-margin-top;
    margin-bottom: @navbar-default-toggle-margin-bottom;
}

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

.navbar-inverse .navbar-toggle {
    color: @navbar-inverse-toggle-icon-bar-bg;
}

.navbar-nav {
    > .dropdown > a {
        color: @navbar-dropdown-link-color;

        &:hover,
        &:focus {
            color: @navbar-dropdown-link-hover-color;
            background-color: @navbar-dropdown-link-hover-bg;
        }
    }
}

.navbar-inverse.navbar-fixed-top {
    &.affix {
        .box-shadow(0 3px 4px rgba(0, 0, 0, 0.32));
    }
}

// Navbar Responsive
// --------------------------------------------------
@media (min-width: @grid-float-breakpoint) {
    .navbar {
        .navbar-nav,
        .slimScrollDiv {
            overflow: inherit !important;
        }

        .slimScrollDiv {
            position: initial !important;
        }

        .slimScrollBar,
        .slimScrollRail {
            display: none !important;
        }
    }
}

@media (max-width: @grid-float-breakpoint-max) {
    .navbar-brand.navbar-brand-swipe {
        width: auto;

        img.navbar-brand-logo {
            display: none;
        }

        img.navbar-brand-badge {
            display: inherit;
        }
    }

    .navbar-fixed-top {
        &.affix-top {
            > .navbar-collapse,
            > .slimScrollDiv {
                .box-shadow(0 3px 4px rgba(0, 0, 0, 0.18));
            }
        }
    }

    .navbar-nav {
        .dropdown-header {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .dropdown-menu {
            > li.dropdown {
                > a:after {
                    display: none;
                }

                > a > .caret {
                    display: inline-block;
                }
            }

            &.pull-left,
            &.pull-right {
                float: none !important;
            }

            > li > a,
            li > a,
            .dropdown-header {
                font-size: @font-size-base;
            }
        }

        .dropdown-menu,
        .open .dropdown-menu {
            padding-left: 15px;

            > li > a,
            li > a,
            .dropdown-header {
                padding-left: 15px;
            }
        }

        .open .dropdown-menu,
        .dropdown-menu {
            display: block;
            width: 100%;
            position: relative;
            float: none;
            margin-top: 0;
            background-color: inherit;
            border: 0;
            box-shadow: none;

            > li > a {
                line-height: @line-height-computed;

                &:hover,
                &:focus {
                    background-image: none;
                }
            }

            .dropdown-menu {
                display: block;
            }
        }

        .col-menu-2 {
            min-width: inherit;

            > li:first-child ul {
                border-right-color: transparent;
            }
        }

        .navbar-brand {
            width: auto;
        }
    }

    .navbar-default .navbar-nav {
        .dropdown-menu,
        .open .dropdown-menu {
            > li > a,
            > li.active > a,
            .dropdown > a,
            .dropdown.open > a,
            &.col-menu-2 > li > ul > li a {
                color: @navbar-default-collapse-dropdown-link-color;
                background-color: @navbar-default-collapse-dropdown-link-bg;

                &:hover,
                &:focus {
                    color: @navbar-default-collapse-dropdown-link-hover-color;
                    background-color: @navbar-default-collapse-dropdown-link-hover-bg;
                }
            }
        }

        > li > a,
        .dropdown > a,
        .dropdown.open > a,
        .dropdown-header {
            color: @navbar-default-collapse-link-color !important;
            background-color: @navbar-default-collapse-link-bg;

            &:hover,
            &:focus {
                color: @navbar-default-collapse-link-hover-color !important;
                background-color: @navbar-default-collapse-link-hover-bg;
            }
        }

        > li.active > a {
            color: @navbar-default-collapse-link-color !important;

            &:hover,
            &:focus {
                color: @navbar-default-collapse-link-hover-color !important;
            }
        }
    }

    .navbar-inverse .navbar-nav {
        .dropdown-menu,
        .open .dropdown-menu {
            > li > a,
            > li.active > a,
            .dropdown > a,
            .dropdown.open > a,
            &.col-menu-2 > li > ul > li a {
                color: @navbar-inverse-collapse-dropdown-link-color;
                background-color: @navbar-inverse-collapse-dropdown-link-bg;

                &:hover,
                &:focus {
                    color: @navbar-inverse-collapse-dropdown-link-hover-color;
                    background-color: @navbar-inverse-collapse-dropdown-link-hover-bg;
                }
            }
        }

        > li > a,
        .dropdown > a,
        .dropdown.open > a,
        .dropdown-header {
            color: @navbar-inverse-collapse-link-color !important;
            background-color: @navbar-inverse-collapse-link-bg;

            &:hover,
            &:focus {
                color: @navbar-inverse-collapse-link-hover-color !important;
                background-color: @navbar-inverse-collapse-link-hover-bg;
            }
        }

        > li.active > a {
            color: @navbar-inverse-collapse-link-color !important;

            &:hover,
            &:focus {
                color: @navbar-inverse-collapse-link-hover-color !important;
            }
        }
    }

    .navbar-inverse.navbar-fixed-top {
        &.affix-top {
            > .navbar-collapse,
            > .slimScrollDiv {
                .box-shadow(0 3px 4px rgba(0, 0, 0, 0.32));
            }
        }
    }
}

@media (orientation: landscape) {
    .navbar-collapse {
        max-height: 230px;
    }
        }
}

//
// Load core variables and mixins
// --------------------------------------------------

@import "@{SonatraGluonBundle}/Resources/assetic/less/variables.less";
@import "@{symfony-vendor-dir}/twitter/bootstrap/less/mixins.less";

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

.navbar-fixed-top {
    &.affix {
        .box-shadow(0 3px 4px rgba(0, 0, 0, 0.18));
    }
}

.navbar-brand {
    padding-top: @navbar-brand-vertical-padding;
    padding-bottom: @navbar-brand-vertical-padding;

    span,
    a {
        font-size: @navbar-brand-font-size;
    }

    .navbar-brand-logo,
    .navbar-brand-badge {
        height: @navbar-brand-img-height;
    }

    .navbar-brand-badge {
        display: none;
    }
}

.navbar-toggle {
    color: @navbar-default-toggle-icon-bar-bg;
    font-size: @navbar-default-toggle-font-size;
    padding: @navbar-default-toggle-padding;
    margin-top: @navbar-default-toggle-margin-top;
    margin-bottom: @navbar-default-toggle-margin-bottom;
}

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

.navbar-inverse .navbar-toggle {
    color: @navbar-inverse-toggle-icon-bar-bg;
}

.navbar-nav {
    > .dropdown > a {
        color: @navbar-dropdown-link-color;

        &:hover,
        &:focus {
            color: @navbar-dropdown-link-hover-color;
            background-color: @navbar-dropdown-link-hover-bg;
        }
    }
}

.navbar-inverse.navbar-fixed-top {
    &.affix {
        .box-shadow(0 3px 4px rgba(0, 0, 0, 0.32));
    }
}

// Navbar Responsive
// --------------------------------------------------
@media (min-width: @grid-float-breakpoint) {
    .navbar {
        .navbar-nav,
        .slimScrollDiv {
            overflow: inherit !important;
        }

        .slimScrollDiv {
            position: initial !important;
        }

        .slimScrollBar,
        .slimScrollRail {
            display: none !important;
        }
    }

    .navbar-brand {
        width: @navbar-brand-width;
    }
}

@media (max-width: @grid-float-breakpoint-max) {
    .navbar-brand.navbar-brand-swipe {
        img.navbar-brand-logo {
            display: none;
        }

        img.navbar-brand-badge {
            display: inherit;
        }
    }

    .navbar-fixed-top {
        &.affix-top {
            > .navbar-collapse,
            > .slimScrollDiv {
                .box-shadow(0 3px 4px rgba(0, 0, 0, 0.18));
            }
        }
    }

    .navbar-nav {
        .dropdown-header {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .dropdown-menu {
            > li.dropdown {
                > a:after {
                    display: none;
                }

                > a > .caret {
                    display: inline-block;
                }
            }

            &.pull-left,
            &.pull-right {
                float: none !important;
            }

            > li > a,
            li > a,
            .dropdown-header {
                font-size: @font-size-base;
            }
        }

        .dropdown-menu,
        .open .dropdown-menu {
            padding-left: 15px;

            > li > a,
            li > a,
            .dropdown-header {
                padding-left: 15px;
            }
        }

        .open .dropdown-menu,
        .dropdown-menu {
            display: block;
            width: 100%;
            position: relative;
            float: none;
            margin-top: 0;
            background-color: inherit;
            border: 0;
            box-shadow: none;

            > li > a {
                line-height: @line-height-computed;

                &:hover,
                &:focus {
                    background-image: none;
                }
            }

            .dropdown-menu {
                display: block;
            }
        }

        .col-menu-2 {
            min-width: inherit;

            > li:first-child ul {
                border-right-color: transparent;
            }
        }

        .navbar-brand {
            width: auto;
        }
    }

    .navbar-default .navbar-nav {
        .dropdown-menu,
        .open .dropdown-menu {
            > li > a,
            > li.active > a,
            .dropdown > a,
            .dropdown.open > a,
            &.col-menu-2 > li > ul > li a {
                color: @navbar-default-collapse-dropdown-link-color;
                background-color: @navbar-default-collapse-dropdown-link-bg;

                &:hover,
                &:focus {
                    color: @navbar-default-collapse-dropdown-link-hover-color;
                    background-color: @navbar-default-collapse-dropdown-link-hover-bg;
                }
            }
        }

        > li > a,
        .dropdown > a,
        .dropdown.open > a,
        .dropdown-header {
            color: @navbar-default-collapse-link-color !important;
            background-color: @navbar-default-collapse-link-bg;

            &:hover,
            &:focus {
                color: @navbar-default-collapse-link-hover-color !important;
                background-color: @navbar-default-collapse-link-hover-bg;
            }
        }

        > li.active > a {
            color: @navbar-default-collapse-link-color !important;

            &:hover,
            &:focus {
                color: @navbar-default-collapse-link-hover-color !important;
            }
        }
    }

    .navbar-inverse .navbar-nav {
        .dropdown-menu,
        .open .dropdown-menu {
            > li > a,
            > li.active > a,
            .dropdown > a,
            .dropdown.open > a,
            &.col-menu-2 > li > ul > li a {
                color: @navbar-inverse-collapse-dropdown-link-color;
                background-color: @navbar-inverse-collapse-dropdown-link-bg;

                &:hover,
                &:focus {
                    color: @navbar-inverse-collapse-dropdown-link-hover-color;
                    background-color: @navbar-inverse-collapse-dropdown-link-hover-bg;
                }
            }
        }

        > li > a,
        .dropdown > a,
        .dropdown.open > a,
        .dropdown-header {
            color: @navbar-inverse-collapse-link-color !important;
            background-color: @navbar-inverse-collapse-link-bg;

            &:hover,
            &:focus {
                color: @navbar-inverse-collapse-link-hover-color !important;
                background-color: @navbar-inverse-collapse-link-hover-bg;
            }
        }

        > li.active > a {
            color: @navbar-inverse-collapse-link-color !important;

            &:hover,
            &:focus {
                color: @navbar-inverse-collapse-link-hover-color !important;
            }
        }
    }

    .navbar-inverse.navbar-fixed-top {
        &.affix-top {
            > .navbar-collapse,
            > .slimScrollDiv {
                .box-shadow(0 3px 4px rgba(0, 0, 0, 0.32));
            }
        }
    }
}

@media (orientation: landscape) {
    .navbar-collapse {
        max-height: 230px;
    }
        }
}


Widget Images

Widget Images

- Modiified widget images styles to keep the grid aligned

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/mxabierto/mxabierto.org.git/'


Add slight opacity transition

Add slight opacity transition

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/JakubJecminek/oni.git/'


[GHI-#4] Implement editor styles

[GHI-#4] Implement editor styles

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
title      Editor                                              +
project    nord-atom-syntax                                    +
version                                                        +
repository https://github.com/arcticicestudio/nord-atom-syntax +
author     Arctic Ice Studio                                   +
email      development@arcticicestudio.com                     +
copyright  Copyright (C) 2016                                  +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

[Index]
  > Elements
  > find-and-replace
  > Gutter
*/
atom-text-editor,
atom-text-editor::shadow,
:host {
  background-color: @syntax-background-color;
  color: @syntax-text-color;

  /*+----------+
    + Elements +
    +----------+*/
  .bracket-matcher .region {
    border: 1px solid @syntax-bracket-matcher-color;;
    box-sizing: border-box;
  }

  .cursor {
    border-left: 2px solid @syntax-cursor-color;
  }

  .indent-guide {
    color: @syntax-indent-guide-color;
  }

  .invisible {
    color: @syntax-invisible-character-color;
  }

  .invisible-character {
    color: @syntax-invisible-character-color;
  }

  .line.cursor-line {
    background-color: @syntax-cursor-line;
  }

  .selection .region {
    background-color: @syntax-selection-color;
  }

  .wrap-guide {
    background-color: @syntax-wrap-guide-color;
  }

  /*+------------------+
    + find-and-replace +
    +------------------+*/
  .find-result .region.region.region,
  .current-result .region.region.region {
    background-color: @syntax-result-marker-color;
    transition: border-color @syntax-transition-time;
  }

  .current-result .region.region.region {
    background-color: fadein(@syntax-result-marker-color, 8%);
    border: 2px solid @syntax-result-marker-color-selected;
    transition-duration: @syntax-transition-time;
  }

  .find-result .region.region.region {
    border: 2px solid transparent;
  }

  /*+--------+
    + Gutter +
    +--------+*/
  .gutter {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    background-color: @syntax-gutter-background-color;
    margin-right: 0;
    border-right: 0;
    padding-right: 0;

    .line-numbers {
      background: transparent !important;
    }

    .line-number {
      background: transparent;
      color: @syntax-gutter-text-color;
      padding-right: 0;

      &.git-line-added {
        color: @syntax-color-added;
        border-left-color: @syntax-color-added;

        &.cursor-line,
        &.cursor-line-no-selection {
          color: @syntax-color-added;
          border-left-color: @syntax-color-added;
        }
      }

      &.git-line-modified {
        color: @syntax-color-modified;
        border-left-color: @syntax-color-modified;

        &.cursor-line,
        &.cursor-line-no-selection {
          color: @syntax-color-modified;
          border-left-color: @syntax-color-modified;
        }
      }

      &.git-line-removed {
        color: @syntax-color-removed;
        border-left-color: @syntax-color-removed;

        &.cursor-line,
        &.cursor-line-no-selection {
          color: @syntax-color-removed;
          border-left-color: @syntax-color-removed;
        }
      }

      &.cursor-line,
      &.cursor-line-no-selection {
        color: @syntax-gutter-text-color-selected;
        font-weight: 600;
      }

      .icon-right {
        opacity: 1.0;
        color: @syntax-gutter-text-color;
        transition: all @syntax-transition-time ease;
      }

      .icon-right:hover {
        color: @syntax-gutter-text-color-selected;
      }
    }
  }

  .gutter .line-number.folded,
  .gutter .line-number:after,
  .fold-marker:after {
    color: @syntax-gutter-text-color-selected;

    .icon-right {
      opacity: 0.5;
      color: @syntax-gutter-icon-color-folded;
      transition: all @syntax-transition-time ease;

      &:hover {
        opacity: 1.0;
      }
    }
  }
}

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