Create chart.less

Create chart.less

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


Add panel main style with tab-content

Add panel main style with tab-content

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


[FEATURE] sap.m.Popover: Add HCB styles

[FEATURE] sap.m.Popover: Add HCB styles

Change-Id: I7092c2fbc3464725c8f0804c032b4084a145505c

/* ===================================== */
/* CSS for control sap.m/Popover.control */
/* HCB theme                             */
/* ===================================== */
.sapMPopover {
	background-color: @sapHCStandardBG;
	border: 0.125rem solid @sapHCStandardFG;
	-webkit-box-shadow: 0 0 2.5rem 0.125rem fade(@sapHCStandardFG, 80%);
	-moz-box-shadow: 0 0 2.5rem 0.125rem fade(@sapHCStandardFG, 80%);
	box-shadow: 0 0 2.5rem 0.125rem fade(@sapHCStandardFG, 80%);
	-webkit-border-radius: 0.125rem;
	-moz-border-radius: 0.125rem;
	border-radius: 0.125rem;
}

.sapMPopover .sapMPopoverCont {
	background-color: transparent;
	margin: 0;
}

/* padding for title in header is removed because of ticket 0120031469 0004432742 2013*/
.sapMPopover > .sapMPopoverHeader > .sapMBarMiddle > .sapMBarPH {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sapMPopover > .sapMPopoverHeader > .sapMBarMiddle > .sapMBarPH > .sapMLabel {
	display: inline-block;
}

.sapMPopover > .sapMPopoverHeader > .sapMBarLeft > .sapMBtn,
.sapMPopover > .sapMPopoverHeader > .sapMBarRight > .sapMBtn {
	position: relative;
}

/*for only two buttons in footer's contentMiddle aggregation*/
.sapMPopoverSpecialFooter > .sapMBarMiddle {
	display: block;
	height: 100%;
	padding: 0 0.25rem;
	box-sizing: border-box;
}

.sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH {
	display: block;
	padding: 0;
}

.sapMPopoverSpecialFooter > .sapMBarLeft,
.sapMPopoverSpecialFooter > .sapMBarRight {
	display: none;
}

html[data-sap-ui-browser='ie9'] .sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH {
	/*
		In IE 9, .sapMBarPH gets style width: 100% when there's content only in the contentMiddle.
		This style pushes the popover to maximum width. Therefore this inline style has to be overwritten by important.
	*/
	width: auto !important;
}

.sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH > .sapMBtn {
	width: 50%;
	padding-left: 0.25rem;
}

.sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH {
	.sapMBtn:last-child {
		margin-left: 0;
	}
	.sapMBtn:first-child {
		padding-right: 0.25rem;
		padding-left: 0;
	}
}

/*arrows*/
/* shared properties for arrow */
.sapMPopoverArr {
	display: block;
	border-style: solid;
	border-width: 16px;
	position: absolute;
	width: 0;
	height: 0;
}

.sapMPopoverArr:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px;
}

/* pointing downward arrow */
.sapMPopoverArrDown {
	/* offset */
	left: 20px;
	/* position */
	bottom: -33px;
}

/* pointing upward arrow */
.sapMPopoverArrUp {
	/* offset */
	left: 20px;
	/* position */
	top: -33px;
}

/* pointing left arrow */
.sapMPopoverArrLeft {
	/* offset */
	top: 20px;
	/* position */
	left: -33px;
}

/* pointing right arrow */
.sapMPopoverArrRight {
	/* offset */
	top: 20px;
	/* position */
	right: -33px;
}

/*Arrow Down*/
.sapMPopoverArrDown {
	border-color: transparent;
	border-top-color: @sapHCStandardFG;
}

.sapMPopoverArrDown:after {
	border-color: transparent;
	border-top-color: @sapHCStandardFG;
	bottom: -15px;
	left: -16px;
}

.sapMPopoverWithFooter > .sapMPopoverArrDown {
	border-top-color: @sapHCStandardFG;
}

.sapMPopoverWithFooter > .sapMPopoverArrDown:after {
	border-top-color: @sapHCStandardFG;
}
.sap-desktop .sapMPopoverWithFooter > .sapMPopoverArrDown:after {
	border-top-color: @sapHCStandardFG;
}

/* Arrow Up */
.sapMPopoverArrUp {
	border-color: transparent;
	border-bottom-color: @sapHCStandardFG;
}

.sapMPopoverArrUp:after,
.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
	border-color: transparent;
	border-bottom-color: @sapHCStandardFG; /* arrow content area when adjacent to Bar */
	bottom: -17px;
	left: -16px;
}

.sapMPopoverWithoutBar > .sapMPopoverArrUp:after {
	border-color: transparent;
	border-bottom-color: @sapHCStandardFG;
}

/*Arrow Left*/
.sapMPopoverArrLeft {
	border-color: transparent;
	border-right-color: @sapHCStandardFG;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverArrRight:after,
.sapMPopoverArrLeft:after {
	border-color: transparent;
	border-right-color: @sapHCStandardFG;
	top: -16px;
	left: -15px;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverArrLeft:after {
	right: -15px;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverHeaderAlignArr.sapMPopoverArrRight:after,
.sapMPopoverHeaderAlignArr.sapMPopoverArrLeft:after {
	border-color: transparent;
	border-right-color: @sapHCStandardFG;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverCrossArr.sapMPopoverArrLeft:after,
.sapMPopoverCrossArr.sapMPopoverArrLeft:after {
	border-color: transparent;
	border-right-color: @sapHCStandardFG;
/* left: -16px; */
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverFooterAlignArr.sapMPopoverArrRight:after,
.sapMPopoverFooterAlignArr.sapMPopoverArrLeft:after {
	border-color: transparent;
	border-right-color: @sapHCStandardFG;
}

/*Arrow Right*/
.sapMPopoverArrRight {
	border-color: transparent;
	border-left-color: @sapHCStandardFG;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverArrLeft:after,
.sapMPopoverArrRight:after {
	border-color: transparent;
	border-left-color: @sapHCStandardFG;
	top: -16px;
	left: -17px;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverArrRight:after {
	left: auto;
	right: -15px;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverHeaderAlignArr.sapMPopoverArrLeft:after,
.sapMPopoverHeaderAlignArr.sapMPopoverArrRight:after {
	border-color: transparent;
	border-left-color: @sapHCStandardFG;
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverCrossArr.sapMPopoverArrLeft:after,
.sapMPopoverCrossArr.sapMPopoverArrRight:after {
	border-color: transparent;
	border-left-color: @sapHCStandardFG;
/* right: -16px; */
}

html[dir=rtl][data-sap-ui-browser='ie9'] .sapMPopoverFooterAlignArr.sapMPopoverArrLeft:after,
.sapMPopoverFooterAlignArr.sapMPopoverArrRight:after {
	border-color: transparent;
	border-left-color: @sapHCStandardFG;
}

/* Compact size */
.sapMPopover.sapUiSizeCompact {

	.sapMPopoverArr {
		border-width: 8px;
	}

	.sapMPopoverArr:after {
		border-width: 8px;
	}

	.sapMPopoverArrDown {
		left: 16px;
		bottom: -17px;
	}

	.sapMPopoverArrUp {
		left: 20px;
		top: -17px;
	}

	.sapMPopoverArrLeft {
		top: 16px;
		left: -17px;
	}

	.sapMPopoverArrRight {
		top: 16px;
		right: -17px;
	}

	.sapMPopoverArrDown:after {
		border-color: transparent;
		border-top-color: @sapHCStandardFG;
		bottom: -7px;
		left: -8px;
	}

	.sapMPopoverArrUp:after,
	.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
	.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
		bottom: -9px;
		left: -8px;
	}

	.sapMPopoverArrLeft:after {
		top: -8px;
		left: -7px;
	}

	.sapMPopoverArrRight:after {
		top: -8px;
		left: -9px;
	}

	/* 2.5rem height for header and footer in popover */
	& > header:first-of-type.sapMHeader-CTX,
	& > footer:last-of-type.sapMFooter-CTX {
		height : 2.5rem;

		.sapMBarLeft,
		.sapMBarRight,
		.sapMBarPH {
			height: 2.5rem;
			padding-top: 0.25rem;
			padding-bottom: 0.25rem;
		}
	}

}

error: pathspec 'src/sap.m/src/sap/m/themes/sap_hcb/Popover.less' did not match any file(s) known to git


Fixes #1052, full screen modal missing font size

/*
 * # Semantic - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

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

@type    : 'module';
@element : 'modal';

@import '../../semantic.config';

/*******************************
             Modal
*******************************/

.ui.modal {
  display: none;
  position: fixed;
  z-index: 1001;

  top: 50%;
  left: 50%;
  text-align: left;

  width: @width;
  margin-left: @xOffset;

  background: @background;
  border: @border;
  box-shadow: @boxShadow;

  border-radius: @borderRadius;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
}

.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: @borderRadius;
  border-top-right-radius: @borderRadius;
}

.ui.modal > :last-child {
  border-bottom-left-radius: @borderRadius;
  border-bottom-right-radius: @borderRadius;
}

/*******************************
            Content
*******************************/

/*--------------
     Close
---------------*/

.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: @closeTop;
  right: @closeRight;
  z-index: 1;

  opacity: @closeOpacity;
  font-size: @closeSize;
  color: @closeColor;

  width: @closeHitbox;
  height: @closeHitbox;
  padding: @closePadding;
}
.ui.modal > .close:hover {
  opacity: 1;
}

/*--------------
     Header
---------------*/

.ui.modal > .header {
  display: block;
  font-family: @headerFontFamily;
  background: @headerBackground;
  margin: @headerMargin;
  padding: @headerPadding;
  box-shadow: @headerBoxShadow;

  font-size: @headerFontSize;
  font-weight: @headerFontWeight;
  color: @headerColor;
  border-bottom: @headerBorder;
}

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

.ui.modal > .content {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: @contentFontSize;
  line-height: @contentLineHeight;
  padding: @contentPadding;
  background: @contentBackground;
}
.ui.modal > .content > .image {
  display: table-cell;
  width: @imageWidth;
  vertical-align: @imageVerticalAlign;
}
.ui.modal > .content > .description {
  display: table-cell;
  vertical-align: top;
  min-width: @descriptionMinWidth;
  vertical-align: @descriptionVerticalAlign;
}

.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  padding-left: @descriptionDistance;
}

/*rtl:ignore*/
.ui.modal > .content > .image > i.icon {
  font-size: @imageIconSize;
  margin: 0em;
  opacity: 1;
}

/*--------------
     Actions
---------------*/

.ui.modal .actions {
  background: @actionBackground;
  padding: @actionPadding;
  border-top: @actionBorder;
  text-align: @actionAlign;
}
.ui.modal .actions > .button {
  margin-left: @buttonDistance;
}

/*-------------------
       Responsive
--------------------*/

/* Modal Width */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
  .ui.modal {
    width: @mobileWidth;
    margin: @mobileMargin;
  }
}
@media only screen and (min-width : @tabletBreakpoint) {
  .ui.modal {
    width: @tabletWidth;
    margin: @tabletMargin;
  }
}
@media only screen and (min-width : @computerBreakpoint) {
  .ui.modal {
    width: @computerWidth;
    margin: @computerMargin;
  }
}
@media only screen and (min-width : @largeMonitorBreakpoint) {
  .ui.modal {
    width: @largeMonitorWidth;
    margin: @largeMonitorMargin;
  }
}
@media only screen and (min-width : @widescreenMonitorBreakpoint) {
  .ui.modal {
    width: @widescreenMonitorWidth;
    margin: @widescreenMonitorMargin;
  }
}

/* Position Adjustments */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
   /*rtl:ignore*/
  .ui.modal .content > .image {
    display: block;
    padding: @mobileImagePadding;
  }
  /*rtl:ignore*/
  .ui.modal .content > .description {
    display: block;
    padding: @mobileDescriptionPadding;
    box-shadow: none;
  }
  .ui.modal .content .image {
    width: auto !important;
    max-width: 100%;
  }
  .ui.modal .actions {
    padding-bottom: 0em
  }
  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: @mobileButtonDistance;
  }
}
/* Tablet and Mobile */
@media only screen and (max-width : @computerBreakpoint) {
  .ui.modal > .close {
    top: @innerCloseTop;
    right: @innerCloseRight;

    color: @innerCloseColor;
  }
}

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

.ui.basic.modal {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: @basicModalColor;
}
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.basic.modal > .header {
  color: @basicModalHeaderColor;
}
.ui.basic.modal > .close {
  top: @basicModalCloseTop;
  right: @basicModalCloseRight;
}

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

/* A modal that cannot fit on the page */
.ui.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.ui.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
}
.ui.scrolling.dimmable > .dimmer {
  position: fixed;
}
.ui.modal.scrolling {
  position: static;
  margin: @scrollingMargin auto;
}

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

.ui.active.modal {
  display: block;
}

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

/*--------------
   Full Screen
---------------*/

.ui.fullscreen.modal {
  width: @fullScreenWidth !important;
  margin: @fullScreenMargin;
}
.ui.fullscreen.modal > .close {
  top: @innerCloseTop;
  right: @innerCloseRight;
  color: @innerCloseColor;
}
/*--------------
      Size
---------------*/

.ui.modal {
  font-size: @medium;
}

/* Small */
.ui.small.modal > .header {
  font-size: @smallHeaderSize;
}

/* Small Modal Width */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
  .ui.small.modal {
    width: @smallMobileWidth;
    margin: @smallMobileMargin;
  }
}
@media only screen and (min-width : @tabletBreakpoint) {
  .ui.small.modal {
    width: @smallTabletWidth;
    margin: @smallTabletMargin;
  }
}
@media only screen and (min-width : @computerBreakpoint) {
  .ui.small.modal {
    width: @smallComputerWidth;
    margin: @smallComputerMargin;
  }
}
@media only screen and (min-width : @largeMonitorBreakpoint) {
  .ui.small.modal {
    width: @smallLargeMonitorWidth;
    margin: @smallLargeMonitorMargin;
  }
}
@media only screen and (min-width : @widescreenMonitorBreakpoint) {
  .ui.small.modal {
    width: @smallWidescreenMonitorWidth;
    margin: @smallWidescreenMonitorMargin;
  }
}

/* Large Modal Width */
.ui.large.modal > .header {
  font-size: @largeHeaderSize;
}
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
  .ui.large.modal {
    width: @largeMobileWidth;
    margin: @largeMobileMargin;
  }
}
@media only screen and (min-width : @tabletBreakpoint) {
  .ui.large.modal {
    width: @largeTabletWidth;
    margin: @largeTabletMargin;
  }
}
@media only screen and (min-width : @computerBreakpoint) {
  .ui.large.modal {
    width: @largeComputerWidth;
    margin: @largeComputerMargin;
  }
}
@media only screen and (min-width : @largeMonitorBreakpoint) {
  .ui.large.modal {
    width: @largeLargeMonitorWidth;
    margin: @largeLargeMonitorMargin;
  }
}
@media only screen and (min-width : @widescreenMonitorBreakpoint) {
  .ui.large.modal {
    width: @largeWidescreenMonitorWidth;
    margin: @largeWidescreenMonitorMargin;
  }
}

.loadUIOverrides();

/*
 * # Semantic - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

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

@type    : 'module';
@element : 'modal';

@import '../../semantic.config';

/*******************************
             Modal
*******************************/

.ui.modal {
  display: none;
  position: fixed;
  z-index: 1001;

  top: 50%;
  left: 50%;
  text-align: left;

  width: @width;
  margin-left: @xOffset;

  background: @background;
  border: @border;
  box-shadow: @boxShadow;

  border-radius: @borderRadius;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
}

.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: @borderRadius;
  border-top-right-radius: @borderRadius;
}

.ui.modal > :last-child {
  border-bottom-left-radius: @borderRadius;
  border-bottom-right-radius: @borderRadius;
}

/*******************************
            Content
*******************************/

/*--------------
     Close
---------------*/

.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: @closeTop;
  right: @closeRight;
  z-index: 1;

  opacity: @closeOpacity;
  font-size: @closeSize;
  color: @closeColor;

  width: @closeHitbox;
  height: @closeHitbox;
  padding: @closePadding;
}
.ui.modal > .close:hover {
  opacity: 1;
}

/*--------------
     Header
---------------*/

.ui.modal > .header {
  display: block;
  font-family: @headerFontFamily;
  background: @headerBackground;
  margin: @headerMargin;
  padding: @headerPadding;
  box-shadow: @headerBoxShadow;

  font-size: @headerFontSize;
  font-weight: @headerFontWeight;
  color: @headerColor;
  border-bottom: @headerBorder;
}

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

.ui.modal > .content {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: @contentFontSize;
  line-height: @contentLineHeight;
  padding: @contentPadding;
  background: @contentBackground;
}
.ui.modal > .content > .image {
  display: table-cell;
  width: @imageWidth;
  vertical-align: @imageVerticalAlign;
}
.ui.modal > .content > .description {
  display: table-cell;
  vertical-align: top;
  min-width: @descriptionMinWidth;
  vertical-align: @descriptionVerticalAlign;
}

.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  padding-left: @descriptionDistance;
}

/*rtl:ignore*/
.ui.modal > .content > .image > i.icon {
  font-size: @imageIconSize;
  margin: 0em;
  opacity: 1;
}

/*--------------
     Actions
---------------*/

.ui.modal .actions {
  background: @actionBackground;
  padding: @actionPadding;
  border-top: @actionBorder;
  text-align: @actionAlign;
}
.ui.modal .actions > .button {
  margin-left: @buttonDistance;
}

/*-------------------
       Responsive
--------------------*/

/* Modal Width */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
  .ui.modal {
    width: @mobileWidth;
    margin: @mobileMargin;
  }
}
@media only screen and (min-width : @tabletBreakpoint) {
  .ui.modal {
    width: @tabletWidth;
    margin: @tabletMargin;
  }
}
@media only screen and (min-width : @computerBreakpoint) {
  .ui.modal {
    width: @computerWidth;
    margin: @computerMargin;
  }
}
@media only screen and (min-width : @largeMonitorBreakpoint) {
  .ui.modal {
    width: @largeMonitorWidth;
    margin: @largeMonitorMargin;
  }
}
@media only screen and (min-width : @widescreenMonitorBreakpoint) {
  .ui.modal {
    width: @widescreenMonitorWidth;
    margin: @widescreenMonitorMargin;
  }
}

/* Position Adjustments */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
   /*rtl:ignore*/
  .ui.modal .content > .image {
    display: block;
    padding: @mobileImagePadding;
  }
  /*rtl:ignore*/
  .ui.modal .content > .description {
    display: block;
    padding: @mobileDescriptionPadding;
    box-shadow: none;
  }
  .ui.modal .content .image {
    width: auto !important;
    max-width: 100%;
  }
  .ui.modal .actions {
    padding-bottom: 0em
  }
  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: @mobileButtonDistance;
  }
}
/* Tablet and Mobile */
@media only screen and (max-width : @computerBreakpoint) {
  .ui.modal > .close {
    top: @innerCloseTop;
    right: @innerCloseRight;

    color: @innerCloseColor;
  }
}

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

.ui.basic.modal {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: @basicModalColor;
}
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.basic.modal > .header {
  color: @basicModalHeaderColor;
}
.ui.basic.modal > .close {
  top: @basicModalCloseTop;
  right: @basicModalCloseRight;
}

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

/* A modal that cannot fit on the page */
.ui.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.ui.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
}
.ui.scrolling.dimmable > .dimmer {
  position: fixed;
}
.ui.modal.scrolling {
  position: static;
  margin: @scrollingMargin auto;
}

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

.ui.active.modal {
  display: block;
}

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

/*--------------
   Full Screen
---------------*/

.ui.fullscreen.modal {
  width: @fullScreenWidth !important;
  margin: @fullScreenMargin;
}
.ui.fullscreen.modal > .close {
  top: @innerCloseTop;
  right: @innerCloseRight;
  color: @innerCloseColor;
}
/*--------------
      Size
---------------*/

/* Small */
.ui.small.modal > .header {
  font-size: @smallHeaderSize;
}

/* Small Modal Width */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
  .ui.small.modal {
    width: @smallMobileWidth;
    margin: @smallMobileMargin;
  }
}
@media only screen and (min-width : @tabletBreakpoint) {
  .ui.small.modal {
    width: @smallTabletWidth;
    margin: @smallTabletMargin;
  }
}
@media only screen and (min-width : @computerBreakpoint) {
  .ui.small.modal {
    width: @smallComputerWidth;
    margin: @smallComputerMargin;
  }
}
@media only screen and (min-width : @largeMonitorBreakpoint) {
  .ui.small.modal {
    width: @smallLargeMonitorWidth;
    margin: @smallLargeMonitorMargin;
  }
}
@media only screen and (min-width : @widescreenMonitorBreakpoint) {
  .ui.small.modal {
    width: @smallWidescreenMonitorWidth;
    margin: @smallWidescreenMonitorMargin;
  }
}

/* Large Modal Width */
.ui.large.modal > .header {
  font-size: @largeHeaderSize;
}
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
  .ui.large.modal {
    width: @largeMobileWidth;
    margin: @largeMobileMargin;
  }
}
@media only screen and (min-width : @tabletBreakpoint) {
  .ui.large.modal {
    width: @largeTabletWidth;
    margin: @largeTabletMargin;
  }
}
@media only screen and (min-width : @computerBreakpoint) {
  .ui.large.modal {
    width: @largeComputerWidth;
    margin: @largeComputerMargin;
  }
}
@media only screen and (min-width : @largeMonitorBreakpoint) {
  .ui.large.modal {
    width: @largeLargeMonitorWidth;
    margin: @largeLargeMonitorMargin;
  }
}
@media only screen and (min-width : @widescreenMonitorBreakpoint) {
  .ui.large.modal {
    width: @largeWidescreenMonitorWidth;
    margin: @largeWidescreenMonitorMargin;
  }
}

.loadUIOverrides();


UPDATE: module_v4skin | kajona-overrides.less > restrict css class scope

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/artemeon/core.git/'


Better `section__action` colour and hover state

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


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


common: adding the new common Less file - The common Less file contains all CSS which is common to both the popup and the infoscreen. With this file it will be much easier to create palettes and styles for other organizations.

// Variables

@debug: 0;

// Debugging, use bright colors that stand out

.debugred {border: @debug solid red;}
.debugpink {border: @debug solid pink;}
.debuglime {border: @debug solid lime;}
.debugyellow {border: @debug solid yellow;}

// Mixins

.fullbox {
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
}

.title {
  color: #ee861f;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  .unread {
    color: white;
  }
}

.emphasized {
  font-style: italic;
  margin-bottom: 3pt;
}

// Rules

body {
  background: #001429;
  color: white;
  font-family: Helvetica;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#background {
  /* using a div because the background needs to be resized if
  the display is really big (1500px-2000px in width or height) */
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* This container keeps the content centered */

#container {
  .debugpink;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  z-index: 10;

  #todays {
    .debugyellow;
    .fullbox;

    #schedule {
      .debugpink;
      position: relative;
      float: left;
      width: 48%;
      #servant {
        font-style: italic;
      }
    }
    #coffee {
      .debugpink;
      position: relative;
      float: right;
      width: 50%; /* when the right floating box is half the width it'll appear they're both aligned to 50% */
      #pots {
        font-style: italic;
      }
    }
  }

  #cantinas {
    .debugred;
    .fullbox;

    .hours {
      font-weight: normal;
      font-style: italic;
      text-transform: none;
    }
    #left {
      .debugpink;
      position: relative;
      float: left;
      width: 48%;
    }
    #right {
      .debugpink;
      position: relative;
      float: right;
      width: 50%; /* when the right floating box is half the width it'll appear they're both aligned to 50% */
    }
    #dinnerbox {
      .debugyellow;
    }
    li {
      .debuglime;
      position: relative;
      width: 95%;
      list-style-type: none;
      -webkit-transition: text-shadow 0.15s ease-out 0s;
    }
    li.message {
      /*font-style: italic;*/
    }
  }

  #bus {
    .debugred;
    .fullbox;

    position: relative;
    background-color: #000f1d;
    width: 110%;
    margin-left: -5%;

    .name {
      margin-bottom: 4pt;
      text-decoration: underline;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    #firstBus {
      .debuglime;
      position: relative;
      float: left;
      text-align: right;
      padding-top: 10pt;
      width: 40%;
    }
    #secondBus {
      .debuglime;
      position: relative;
      float: left;
      text-align: left;
      padding-top: 10pt;
      width: 40%;
    }
    .loading_left {
      position: relative;
      z-index: 100;
      -webkit-transform: scaleX(-1);
    }
    .loading_right {
      position: relative;
      z-index: 100;
    }
    .first, .second, .third, .fourth, .fifth, .sixth, .seventh, .eighth, .nineth, .tenth {
      .debugred;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .time {
      font-weight: bold;
    }
    .error {
      font-style: italic;
    }
    #middle {
      .debuglime;
      position: relative;
      float: left;
      text-align: center;
      height: 100%;
    }
  }

  #news {
    .debugred;
    .fullbox;

    .post {
      .debugyellow;
      position: relative;
      clear: both;

      .item {
        .debugyellow;
        text-overflow: ellipsis;
        overflow: hidden;

        img {
          float: left;
          background: snow;
        }
        .textwrapper {
          .debuglime;
          position: relative;
          float: left;
          text-align: left;
        }
      }
    }
    .unread {
      text-shadow:
        0 0 10px white,
        0 0 15px white,
        0 0 20px white,
        0 0 25px #011b36,
        0 0 30px #011b36,
        0 0 35px #fff,
        0 0 40px #011b36,
        0 0 45px #011b36;
    }
  }

}

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


Tweak left padding in messages

Tweak left padding in messages

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/metao1/chat.git/'


add public ui.less

add public ui.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/ije/web-studio.git/'


style: Change style for tag location out of container

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


Add the dark theme and fix colored borders

@darkBackgroundColor: #20242c;
@darkHighlight: lighten(@darkBackgroundColor, 5%);
@darkHover: #171a20;
@textColor: lighten(black, 50%);

@greenText: #76c773;
@greenBackground: rgba(117, 199, 114, 0.25);
@greenDark: rgba(38, 41, 44, 0.32);

@CIOrange: #f3b372;
@orangeDark: #4b4138;

body {
   background-color: @darkBackgroundColor;
}

// Pulls

#ciBlocked-container {
   .pull-list {
      border: 1px solid @orangeDark;
   }

   .click-heading {
      background-color: @orangeDark;
      border: 1px solid @orangeDark;
   }

   .panel-title {
      color: @CIOrange;
   }
}

.status {
   background-color: @darkHighlight;
   border: 1px solid @darkHighlight;
}

.status-icon {
   display: none;
}

.signature {
   color: @darkHighlight;//darken(@darkHighlight, 4%);
}

.circle-shape {
   background-color: darken(@darkHighlight, 4%);

   &.signature-valid {
      // background-color: @greenDark;
   }
}

.pull-list {
   border: 1px solid @darkHighlight;
}

.click-heading.panel-heading {
   background-color: @darkHighlight;
   color: @textColor;
   border: 1px solid @darkHighlight;
}

.signature-separator {
   p {
      background-color: #000;
   }
}

.refresh:hover {
   color: blue;
}

.signature-valid-listing-mine, .signature-valid-mine {
   color: #663399;
}

.signature-valid-listing, .signature-valid {
   span {
      color: @greenText;
   }
}

.signature-invalid-listing, .signature-invalid {
   color: @brand-warning;
}

.signature-invalid-listing-mine, .signature-invalid-mine {
   color: @brand-danger;
}

.triangle.warning-triangle {
   border-top-color: @CIOrange;
}

.label-past-due {
   background-color: #FBEBEA;
   color: @brand-danger;
}

.label-milestone {
   background-color: #EFF7FF;
   color: #5BABF1;
}

.list-group-item.pull {
   border: 1px solid #2f353c;
   background-color: @darkBackgroundColor;
   color: @textColor;

   &:hover {
      background-color: @darkHover;
   }
}

// Leaderboard
.leaderboard {
   background-color: @darkHover;
   color: @textColor;

   &.well {
      border: none;
   }
}
.leaderboard-user {
   color: #FFFFFF;
}

.leaderboard-leaders {
   background-color: @brand-success;
}

.leaderboard-count {
   color: #FFFFFF;
}

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


design updates

design updates

/*
 * Copyright © Rasp by SoftLayer, an IBM Company
 *
 * highlights.less
 * Rasp's highlight properties. Highlight properties should always be defined in highlights.less.
 * This allows others to see the joined classes for specific languages. Highlights are handled by
 * the js/vendor/highlight.js script. Remember to comb highlights.less before committing.
 *
 */

.hljs-comment {
  color: #989698;
}

.hljs-javadoc {
  color: #a00;
}

.hljs-keyword,
.method,
.hljs-list .hljs-keyword,
.nginx .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status {
  color: #120a8f;
}

.hljs-envvar,
.tex .hljs-special {
  color: #660;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.hljs-regexp,
.coffeescript .hljs-attribute {
  color: @green;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.hljs-rules .hljs-value,
.hljs-literal,
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-number,
.css .hljs-function,
.clojure .hljs-attribute {
  color: @magenta;
}

.hljs-class .hljs-title,
.smalltalk .hljs-class,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc,
.hljs-dartdoc,
.hljs-type,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.hljs-variable {
  color: @purple;
}

.css .hljs-tag,
.hljs-rules .hljs-property,
.hljs-pseudo,
.hljs-subst {
  color: @gray20;
}

.css .hljs-class,
.css .hljs-id {
  color: #9b703f;
}

.hljs-value .hljs-important {
  font-weight: bold;
  color: #f70;
}

.hljs-rules .hljs-keyword {
  color: #c5af75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
  color: #9b859d;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
  color: @gray30;
}

.diff .hljs-header,
.hljs-chunk {
  font-weight: bold;
  color: #808080;
}

.diff .hljs-change {
  background-color: #bccff9;
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

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


Create pagination.less

Create pagination.less

//**** Pagination ****//

//Base Style

.pagination {
    display: inline-block;
    padding-left: 0px;
    margin: 20px 0px;
    border-radius: @border-radius;
}

.pagination > li {
    display: inline;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: @pagination-padding;
    margin-left: -1px;
    color: @gray-dark;
    text-decoration: none;
    background-color: @gray-light;
    box-shadow: inset 0px 1px 0px 0px @white;
    border: 1px solid @button-border;
}

.pagination > li.active > a, .pagination > li.active > span {
    background-color: #D6D6D6;
	box-shadow: none;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: @border-radius;
    border-bottom-left-radius: @border-radius;
    box-shadow: inset 0px 1px 0px 0px @white;
}

.pagination > li:last-child > a, .pagination > li:last-child  > span {
    border-top-right-radius: @border-radius;
    border-bottom-right-radius: @border-radius;
    box-shadow: inset 0px 1px 0px 0px @white;
}

.pagination > li:hover > a, .pagination > li:hover > span  {
	background-color: @button-hover;
	box-shadow: none;
}

.pagination > li:active > a, .pagination > li:active > span, .pagination > li > a:focus , .pagination > li > span:focus {
    background-color: @button-active;
	box-shadow: none;
}

//Disabled Pagination

.pagination.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: @button-disabled-opacity;
}

//Sizing

.pagination.small > li > a, .pagination.small > li > span {
    padding: @pagination-padding-small;
	font-size: @default-font-size - 1px;
}

.pagination.large > li > a, .pagination.large > li > span {
    padding: @pagination-padding-large;
	font-size: @default-font-size + 2px;
}

//Primary

.pagination.pagination-primary > li.active > a, .pagination.pagination-primary > li.active > span {
    z-index: 100;
	box-shadow: none;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	border: 1px solid @button-primary-active; //Border with the same color of background
	background: @button-primary-active;
	color: @white;
}

//Success

.pagination.pagination-success > li.active > a, .pagination.pagination-success > li.active > span {
    z-index: 100;
	box-shadow: none;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	border: 1px solid @button-success-active;
	background: @button-success-active;
	color: @white;
}

//Warning

.pagination.pagination-warning > li.active > a, .pagination.pagination-warning > li.active > span {
    z-index: 100;
    box-shadow: none;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	border: 1px solid @button-warning-active;
	background: @button-warning-active;
	color: @white;
}

//Danger

.pagination.pagination-danger > li.active > a, .pagination.pagination-danger > li.active > span {
    z-index: 100;
    box-shadow: none;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	border: 1px solid @button-danger-active;
	background: @button-danger-active;
	color: @white;
}

//Info

.pagination.pagination-info > li.active > a, .pagination.pagination-info > li.active > span {
    z-index: 100;
    box-shadow: none;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	border: 1px solid @button-info-active;
	background: @button-info-active;
	color: @white;
}

//Styles

.pagination.square > li:first-child > a, .pagination.square > li:first-child > span {
    border-top-left-radius: @border-square-radius;
    border-bottom-left-radius: @border-square-radius;
}

.pagination.square > li:last-child > a, .pagination.square > li:last-child  > span {
    border-top-right-radius: @border-square-radius;
    border-bottom-right-radius: @border-square-radius;
}

.pagination.ultra-rounded > li:first-child > a, .pagination.ultra-rounded > li:first-child > span {
    border-top-left-radius: @border-ultra-rounded-radius;
    border-bottom-left-radius: @border-ultra-rounded-radius;
}

.pagination.ultra-rounded > li:last-child > a, .pagination.ultra-rounded > li:last-child  > span {
    border-top-right-radius: @border-ultra-rounded-radius;
    border-bottom-right-radius: @border-ultra-rounded-radius;
}

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