Included mixins for gradient, transform and transition generation

/*
  Mixins related to prefix based css
*/
.drag (@style) {
  -webkit-user-drag: @style;
  -webkit-user-select: @style;
  -moz-user-select: @style;
  -ms-user-select: @style;
  user-select: @style;
}
.transition (@style) {
  -webkit-transition: @style;
  -moz-transition: @style;
  -ms-transition: @style;
  -o-transition: @style;
  transition: @style;
}
.transform(@style) {
  -webkit-transform: @style;
  -moz-transform: @style;
  -ms-transform: @style;
  -o-transform: @style;
  transform: @style;
}
.linear-gradient (@style) {
  background-image: -webkit-linear-gradient(@style);
  background-image: -moz-linear-gradient(@style);
  background-image: -ms-linear-gradient(@style);
  background-image: -o-linear-gradient(@style);
  background-image: linear-gradient(@style);
}

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


Consider inline-block header to fix link hitbox

/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

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

@type    : 'view';
@element : 'item';

@import (multiple) '../../theme.config';

/*******************************
            Standard
*******************************/

/*--------------
      Item
---------------*/

.ui.items > .item {
  display: @display;
  margin: @itemSpacing 0em;
  width: @width;
  min-height: @minHeight;
  background: @background;
  padding: @padding;

  border: @border;
  border-radius: @borderRadius;
  box-shadow: @boxShadow;
  transition: @transition;
  z-index: @zIndex;
}
.ui.items > .item a {
  cursor: pointer;
}

/*--------------
      Items
---------------*/

.ui.items {
  margin: @groupMargin;
}

.ui.items:first-child {
  margin-top: 0em !important;
}
.ui.items:last-child {
  margin-bottom: 0em !important;
}

/*--------------
      Item
---------------*/

.ui.items > .item:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item:first-child {
  margin-top: 0em;
}
.ui.items > .item:last-child {
  margin-bottom: 0em;
}

/*--------------
     Images
---------------*/

.ui.items > .item > .image {
  position: relative;
  flex: 0 0 auto;
  display: @imageDisplay;
  float: @imageFloat;
  margin: @imageMargin;
  padding: @imagePadding;
  max-height: @imageMaxHeight;
  align-self: @imageVerticalAlign;
}
.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: @imageBorderRadius;
  border: @imageBorder;
}

.ui.items > .item > .image:only-child > img {
  border-radius: @borderRadius;
}

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

.ui.items > .item > .content {
  display: block;
  flex: 1 1 auto;
  background: @contentBackground;
  margin: @contentMargin;
  padding: @contentPadding;
  box-shadow: @contentBoxShadow;
  font-size: @contentFontSize;
  border: @contentBorder;
  border-radius: @contentBorderRadius;
}
.ui.items > .item > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.ui.items > .item > .image + .content {
  min-width: 0;
  width: @contentWidth;
  display: @contentDisplay;
  margin-left: @contentOffset;
  align-self: @contentVerticalAlign;
  padding-left: @contentImageDistance;
}

.ui.items > .item > .content > .header {
  display: inline-block;
  margin: @headerMargin;
  font-family: @headerFont;
  font-weight: @headerFontWeight;
  color: @headerColor;
}
/* Default Header Size */
.ui.items > .item > .content > .header:not(.ui) {
  font-size: @headerFontSize;
}

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

.ui.items > .item [class*="left floated"] {
  float: left;
}
.ui.items > .item [class*="right floated"] {
  float: right;
}

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

.ui.items > .item .content img {
  align-self: @contentImageVerticalAlign;
  width: @contentImageWidth;
}
.ui.items > .item img.avatar,
.ui.items > .item .avatar img {
  width: @avatarSize;
  height: @avatarSize;
  border-radius: @avatarBorderRadius;
}

/*--------------
   Description
---------------*/

.ui.items > .item > .content > .description {
  margin-top: @descriptionDistance;
  max-width: @descriptionMaxWidth;
  font-size: @descriptionFontSize;
  line-height: @descriptionLineHeight;
  color: @descriptionColor;
}

/*--------------
    Paragraph
---------------*/

.ui.items > .item > .content p {
  margin: 0em 0em @paragraphDistance;
}
.ui.items > .item > .content p:last-child {
  margin-bottom: 0em;
}

/*--------------
      Meta
---------------*/

.ui.items > .item .meta {
  margin: @metaMargin;
  font-size: @metaFontSize;
  line-height: @metaLineHeight;
  color: @metaColor;
}
.ui.items > .item .meta * {
  margin-right: @metaSpacing;
}
.ui.items > .item .meta :last-child {
  margin-right: 0em;
}

.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: @metaSpacing;
}

/*--------------
      Links
---------------*/

/* Generic */
.ui.items > .item > .content a:not(.ui) {
  color: @contentLinkColor;
  transition: @contentLinkTransition;
}
.ui.items > .item > .content a:not(.ui):hover {
  color: @contentLinkHoverColor;
}

/* Header */
.ui.items > .item > .content > a.header {
  color: @headerLinkColor;
}
.ui.items > .item > .content > a.header:hover {
  color: @headerLinkHoverColor;
}

/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: @metaLinkColor;
}
.ui.items > .item .meta > a:not(.ui):hover {
  color: @metaLinkHoverColor;
}

/*--------------
     Labels
---------------*/

/*-----Star----- */

/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: @actionOpacity;
  transition: @actionTransition;
}
.ui.items > .item > .content .favorite.icon:hover {
  opacity: @actionHoverOpacity;
  color: @favoriteColor;
}
.ui.items > .item > .content .active.favorite.icon {
  color: @favoriteActiveColor;
}

/*-----Like----- */

/* Icon */
.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: @actionOpacity;
  transition: @actionTransition;
}
.ui.items > .item > .content .like.icon:hover {
  opacity: @actionHoverOpacity;
  color: @likeColor;
}
.ui.items > .item > .content .active.like.icon {
  color: @likeActiveColor;
}

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

.ui.items > .item .extra {
  display: @extraDisplay;
  position: @extraPosition;
  background: @extraBackground;
  margin: @extraMargin;
  width: @extraWidth;
  padding: @extraPadding;
  top: @extraTop;
  left: @extraLeft;
  color: @extraColor;
  box-shadow: @extraBoxShadow;
  transition: @extraTransition;
  border-top: @extraDivider;
}
.ui.items > .item .extra > * {
  margin: (@extraRowSpacing / 2) @extraHorizontalSpacing (@extraRowSpacing / 2) 0em;
}
.ui.items > .item .extra > [class*="right floated"] {
  margin: (@extraRowSpacing / 2) 0em (@extraRowSpacing / 2) @extraHorizontalSpacing;
}

.ui.items > .item .extra:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/*******************************
          Responsive
*******************************/

/* Default Image Width */
.ui.items > .item > .image:not(.ui) {
  width: @imageWidth;
}

/* Tablet Only */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
  .ui.items > .item {
    margin: @tabletItemSpacing 0em;
  }
  .ui.items > .item > .image:not(.ui) {
    width: @tabletImageWidth;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: 0em 0em 0em @tabletContentImageDistance;
  }

}

/* Mobily Only */
@media only screen and (max-width: @largestMobileScreen) {
  .ui.items > .item {
    flex-direction: column;
    margin: @mobileItemSpacing 0em;
  }
  .ui.items > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.items > .item > .image,
  .ui.items > .item > .image > img {
    max-width: 100% !important;
    width: @mobileImageWidth !important;
    max-height: @mobileImageMaxHeight !important;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: @mobileContentImageDistance 0em 0em;
  }

}

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

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

.ui.items > .item > .image + [class*="top aligned"].content {
  align-self: top;
}
.ui.items > .item > .image + [class*="middle aligned"].content {
  align-self: center;
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
  align-self: bottom;
}

/*--------------
     Relaxed
---------------*/

.ui.relaxed.items > .item {
  margin: @relaxedItemSpacing 0em;
}
.ui[class*="very relaxed"].items > .item {
  margin: @veryRelaxedItemSpacing 0em;
}

/*-------------------
      Divided
--------------------*/

.ui.divided.items > .item {
  border-top: @dividedBorder;
  margin: @dividedMargin;
  padding: @dividedPadding;
}
.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: @dividedFirstLastMargin !important;
  padding-top: @dividedFirstLastPadding !important;
}
.ui.divided.items > .item:last-child {
  margin-bottom: @dividedFirstLastMargin !important;
  padding-bottom: @dividedFirstLastPadding !important;
}

/* Relaxed Divided */
.ui.relaxed.divided.items > .item {
  margin: 0em;
  padding: @relaxedItemSpacing 0em;
}
.ui[class*="very relaxed"].divided.items > .item {
  margin: 0em;
  padding: @veryRelaxedItemSpacing 0em;
}

/*-------------------
        Link
--------------------*/

.ui.items a.item:hover,
.ui.link.items > .item:hover {
  cursor: pointer;
}

.ui.items a.item:hover .content .header,
.ui.link.items > .item:hover .content .header {
  color: @headerLinkHoverColor;
}

/*--------------
      Size
---------------*/

.ui.items > .item {
  font-size: @medium;
}

.loadUIOverrides();

/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

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

@type    : 'view';
@element : 'item';

@import (multiple) '../../theme.config';

/*******************************
            Standard
*******************************/

/*--------------
      Item
---------------*/

.ui.items > .item {
  display: @display;
  margin: @itemSpacing 0em;
  width: @width;
  min-height: @minHeight;
  background: @background;
  padding: @padding;

  border: @border;
  border-radius: @borderRadius;
  box-shadow: @boxShadow;
  transition: @transition;
  z-index: @zIndex;
}
.ui.items > .item a {
  cursor: pointer;
}

/*--------------
      Items
---------------*/

.ui.items {
  margin: @groupMargin;
}

.ui.items:first-child {
  margin-top: 0em !important;
}
.ui.items:last-child {
  margin-bottom: 0em !important;
}

/*--------------
      Item
---------------*/

.ui.items > .item:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item:first-child {
  margin-top: 0em;
}
.ui.items > .item:last-child {
  margin-bottom: 0em;
}

/*--------------
     Images
---------------*/

.ui.items > .item > .image {
  position: relative;
  flex: 0 0 auto;
  display: @imageDisplay;
  float: @imageFloat;
  margin: @imageMargin;
  padding: @imagePadding;
  max-height: @imageMaxHeight;
  align-self: @imageVerticalAlign;
}
.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: @imageBorderRadius;
  border: @imageBorder;
}

.ui.items > .item > .image:only-child > img {
  border-radius: @borderRadius;
}

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

.ui.items > .item > .content {
  display: block;
  flex: 1 1 auto;
  background: @contentBackground;
  margin: @contentMargin;
  padding: @contentPadding;
  box-shadow: @contentBoxShadow;
  font-size: @contentFontSize;
  border: @contentBorder;
  border-radius: @contentBorderRadius;
}
.ui.items > .item > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.ui.items > .item > .image + .content {
  min-width: 0;
  width: @contentWidth;
  display: @contentDisplay;
  margin-left: @contentOffset;
  align-self: @contentVerticalAlign;
  padding-left: @contentImageDistance;
}

.ui.items > .item > .content > .header {
  display: block;
  margin: @headerMargin;
  font-family: @headerFont;
  font-weight: @headerFontWeight;
  color: @headerColor;
}
/* Default Header Size */
.ui.items > .item > .content > .header:not(.ui) {
  font-size: @headerFontSize;
}

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

.ui.items > .item [class*="left floated"] {
  float: left;
}
.ui.items > .item [class*="right floated"] {
  float: right;
}

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

.ui.items > .item .content img {
  align-self: @contentImageVerticalAlign;
  width: @contentImageWidth;
}
.ui.items > .item img.avatar,
.ui.items > .item .avatar img {
  width: @avatarSize;
  height: @avatarSize;
  border-radius: @avatarBorderRadius;
}

/*--------------
   Description
---------------*/

.ui.items > .item > .content > .description {
  margin-top: @descriptionDistance;
  max-width: @descriptionMaxWidth;
  font-size: @descriptionFontSize;
  line-height: @descriptionLineHeight;
  color: @descriptionColor;
}

/*--------------
    Paragraph
---------------*/

.ui.items > .item > .content p {
  margin: 0em 0em @paragraphDistance;
}
.ui.items > .item > .content p:last-child {
  margin-bottom: 0em;
}

/*--------------
      Meta
---------------*/

.ui.items > .item .meta {
  margin: @metaMargin;
  font-size: @metaFontSize;
  line-height: @metaLineHeight;
  color: @metaColor;
}
.ui.items > .item .meta * {
  margin-right: @metaSpacing;
}
.ui.items > .item .meta :last-child {
  margin-right: 0em;
}

.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: @metaSpacing;
}

/*--------------
      Links
---------------*/

/* Generic */
.ui.items > .item > .content a:not(.ui) {
  color: @contentLinkColor;
  transition: @contentLinkTransition;
}
.ui.items > .item > .content a:not(.ui):hover {
  color: @contentLinkHoverColor;
}

/* Header */
.ui.items > .item > .content > a.header {
  color: @headerLinkColor;
}
.ui.items > .item > .content > a.header:hover {
  color: @headerLinkHoverColor;
}

/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: @metaLinkColor;
}
.ui.items > .item .meta > a:not(.ui):hover {
  color: @metaLinkHoverColor;
}

/*--------------
     Labels
---------------*/

/*-----Star----- */

/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: @actionOpacity;
  transition: @actionTransition;
}
.ui.items > .item > .content .favorite.icon:hover {
  opacity: @actionHoverOpacity;
  color: @favoriteColor;
}
.ui.items > .item > .content .active.favorite.icon {
  color: @favoriteActiveColor;
}

/*-----Like----- */

/* Icon */
.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: @actionOpacity;
  transition: @actionTransition;
}
.ui.items > .item > .content .like.icon:hover {
  opacity: @actionHoverOpacity;
  color: @likeColor;
}
.ui.items > .item > .content .active.like.icon {
  color: @likeActiveColor;
}

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

.ui.items > .item .extra {
  display: @extraDisplay;
  position: @extraPosition;
  background: @extraBackground;
  margin: @extraMargin;
  width: @extraWidth;
  padding: @extraPadding;
  top: @extraTop;
  left: @extraLeft;
  color: @extraColor;
  box-shadow: @extraBoxShadow;
  transition: @extraTransition;
  border-top: @extraDivider;
}
.ui.items > .item .extra > * {
  margin: (@extraRowSpacing / 2) @extraHorizontalSpacing (@extraRowSpacing / 2) 0em;
}
.ui.items > .item .extra > [class*="right floated"] {
  margin: (@extraRowSpacing / 2) 0em (@extraRowSpacing / 2) @extraHorizontalSpacing;
}

.ui.items > .item .extra:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/*******************************
          Responsive
*******************************/

/* Default Image Width */
.ui.items > .item > .image:not(.ui) {
  width: @imageWidth;
}

/* Tablet Only */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
  .ui.items > .item {
    margin: @tabletItemSpacing 0em;
  }
  .ui.items > .item > .image:not(.ui) {
    width: @tabletImageWidth;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: 0em 0em 0em @tabletContentImageDistance;
  }

}

/* Mobily Only */
@media only screen and (max-width: @largestMobileScreen) {
  .ui.items > .item {
    flex-direction: column;
    margin: @mobileItemSpacing 0em;
  }
  .ui.items > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.items > .item > .image,
  .ui.items > .item > .image > img {
    max-width: 100% !important;
    width: @mobileImageWidth !important;
    max-height: @mobileImageMaxHeight !important;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: @mobileContentImageDistance 0em 0em;
  }

}

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

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

.ui.items > .item > .image + [class*="top aligned"].content {
  align-self: top;
}
.ui.items > .item > .image + [class*="middle aligned"].content {
  align-self: center;
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
  align-self: bottom;
}

/*--------------
     Relaxed
---------------*/

.ui.relaxed.items > .item {
  margin: @relaxedItemSpacing 0em;
}
.ui[class*="very relaxed"].items > .item {
  margin: @veryRelaxedItemSpacing 0em;
}

/*-------------------
      Divided
--------------------*/

.ui.divided.items > .item {
  border-top: @dividedBorder;
  margin: @dividedMargin;
  padding: @dividedPadding;
}
.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: @dividedFirstLastMargin !important;
  padding-top: @dividedFirstLastPadding !important;
}
.ui.divided.items > .item:last-child {
  margin-bottom: @dividedFirstLastMargin !important;
  padding-bottom: @dividedFirstLastPadding !important;
}

/* Relaxed Divided */
.ui.relaxed.divided.items > .item {
  margin: 0em;
  padding: @relaxedItemSpacing 0em;
}
.ui[class*="very relaxed"].divided.items > .item {
  margin: 0em;
  padding: @veryRelaxedItemSpacing 0em;
}

/*-------------------
        Link
--------------------*/

.ui.items a.item:hover,
.ui.link.items > .item:hover {
  cursor: pointer;
}

.ui.items a.item:hover .content .header,
.ui.link.items > .item:hover .content .header {
  color: @headerLinkHoverColor;
}

/*--------------
      Size
---------------*/

.ui.items > .item {
  font-size: @medium;
}

.loadUIOverrides();


Better tab styles

Better tab styles

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


remove transitions for now

remove transitions for now

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


Fix disappearing borders in datagrid headers in IE

This fixes an issue where hovering over the headers in the datagrid
in IE will cause the borders to disappear.

@tableBackgroundAccentDark: darken(@tableBackgroundAccent, 8%);

.datagrid {

	thead {

		background-color: @tableBackgroundAccent;

		.datagrid-header-title {
			float: left;
			line-height: 28px;
			font-weight: normal;
			font-size: 14px;
			margin-right: 10px;
		}

		.datagrid-header-left {
			float: left;
		}

		.datagrid-header-right {
			float: right;
		}

		.datagrid-header-right, .datagrid-header-left {
			.search, .filter {
				margin-left: 8px;
				margin-bottom: 0;

				.dropdown-menu {
					top: auto;
					left: auto;
				}
			}
		}

		// When changing this section verify stretchHeight column sizes when sorting
		// and update SORTED_HEADER_OFFSET in datagrid.js as needed
		.sorted {
			.gradientBar(@tableBackgroundAccent, @tableBackgroundAccentDark, @textColor, 'none');

			padding-right: 30px;

			i {
				float: right;
				margin-top: 2px;
				margin-right: -22px;
			}
		}

		.sortable {
			cursor: pointer;
			position: relative;

			&:hover {
				.gradientBar(@tableBackgroundAccent, @tableBackgroundAccentDark, @textColor, 'none');
			}
		}

	}

	tfoot {

		background-color: @tableBackgroundAccent;

		.datagrid-footer-left {

			float: left;

			.grid-controls {
				margin-top: 7px;

				select {
					margin: 0 5px 1px;
					width: 60px;
				}

				.grid-pagesize {
					display: inline-block;
					margin-bottom: 5px;
					vertical-align: middle;

					.dropdown-menu {
						top: auto;
						left: auto;
					}
				}

				span {
					font-weight: normal;
				}
			}

		}

		.datagrid-footer-right {

			float: right;

			.grid-pager {
				> span {
					font-weight: normal;
					position: relative;
					top: 8px;
				}

				.dropdown-menu {
					min-width: 50px;
				}

				.combobox {
					display: inline-block;
					position: relative;
					top: -2px;
					vertical-align: baseline;
					margin-bottom: 4px;
				}

				> button {
					position: relative;
					top: 7px;
				}
			}

		}

	}

}

.datagrid-stretch-header {
	border-bottom: 0;
	.border-bottom-radius(0);

	margin-bottom: 0;

	thead:last-child tr:last-child > th:first-child,
	thead:last-child tr:last-child > th:last-child {
		.border-bottom-radius(0);
	}
}

.datagrid-stretch-wrapper {
	border: 1px solid @tableBorder;
	overflow: auto;

	.datagrid {
		border: none;
		border-collapse: collapse;
		.border-radius(0);

		margin-bottom: 0;

		td, th {
			border-bottom: 1px solid @tableBorder;

			&:first-child {
				border-left: none;
				.border-radius(0);
			}
		}
	}
}

.datagrid-stretch-footer {
	border-top: 0;
	.border-top-radius(0);

	th {
		border-top: 0;
	}
}

@tableBackgroundAccentDark: darken(@tableBackgroundAccent, 8%);

.datagrid {

	thead {

		background-color: @tableBackgroundAccent;

		.datagrid-header-title {
			float: left;
			line-height: 28px;
			font-weight: normal;
			font-size: 14px;
			margin-right: 10px;
		}

		.datagrid-header-left {
			float: left;
		}

		.datagrid-header-right {
			float: right;
		}

		.datagrid-header-right, .datagrid-header-left {
			.search, .filter {
				margin-left: 8px;
				margin-bottom: 0;

				.dropdown-menu {
					top: auto;
					left: auto;
				}
			}
		}

		// When changing this section verify stretchHeight column sizes when sorting
		// and update SORTED_HEADER_OFFSET in datagrid.js as needed
		.sorted {
			.gradientBar(@tableBackgroundAccent, @tableBackgroundAccentDark, @textColor, 'none');

			padding-right: 30px;

			i {
				float: right;
				margin-top: 2px;
				margin-right: -22px;
			}
		}

		.sortable {
			cursor: pointer;

			&:hover {
				.gradientBar(@tableBackgroundAccent, @tableBackgroundAccentDark, @textColor, 'none');
			}
		}

	}

	tfoot {

		background-color: @tableBackgroundAccent;

		.datagrid-footer-left {

			float: left;

			.grid-controls {
				margin-top: 7px;

				select {
					margin: 0 5px 1px;
					width: 60px;
				}

				.grid-pagesize {
					display: inline-block;
					margin-bottom: 5px;
					vertical-align: middle;

					.dropdown-menu {
						top: auto;
						left: auto;
					}
				}

				span {
					font-weight: normal;
				}
			}

		}

		.datagrid-footer-right {

			float: right;

			.grid-pager {
				> span {
					font-weight: normal;
					position: relative;
					top: 8px;
				}

				.dropdown-menu {
					min-width: 50px;
				}

				.combobox {
					display: inline-block;
					position: relative;
					top: -2px;
					vertical-align: baseline;
					margin-bottom: 4px;
				}

				> button {
					position: relative;
					top: 7px;
				}
			}

		}

	}

}

.datagrid-stretch-header {
	border-bottom: 0;
	.border-bottom-radius(0);

	margin-bottom: 0;

	thead:last-child tr:last-child > th:first-child,
	thead:last-child tr:last-child > th:last-child {
		.border-bottom-radius(0);
	}
}

.datagrid-stretch-wrapper {
	border: 1px solid @tableBorder;
	overflow: auto;

	.datagrid {
		border: none;
		border-collapse: collapse;
		.border-radius(0);

		margin-bottom: 0;

		td, th {
			border-bottom: 1px solid @tableBorder;

			&:first-child {
				border-left: none;
				.border-radius(0);
			}
		}
	}
}

.datagrid-stretch-footer {
	border-top: 0;
	.border-top-radius(0);

	th {
		border-top: 0;
	}
}


Create settings.less

Create settings.less

/**
 * Aeris template
 * _____________________________________________________________________________
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2015 Thomas Girard
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 * @author Thomas Girard
 * @copyright (c) 2015, Thomas Girard
 * @license http://opensource.org/licenses/MIT
 * @version 0.1.0
 */

/* ColorScheme
------------------------------------------------------------------------------*/

@xx_light:  #FFFFFF;
@x_light:   #F0F1EB;
@light:     mix(@neutral, @x_light);
@neutral:   #494E51;
@dark:      #343D43;
@x_dark:    #1E2C35;
@xx_dark:   #162728;

@blue:      #023F5B;
@green:     #509451;
@red:       #955251;
@teal:      #50947a;
@violet:    #515094;

//------------------

@background: @x_light;
@foreground: @xx_dark;

/* Typography
------------------------------------------------------------------------------*/

@fontFamily: Constantia, "Linux Libertine Display G", Cambria, Georgia, serif;
@fontSize: 1.25em;
@fontLine: 1.5em;

/* Animations
------------------------------------------------------------------------------*/

@duration: .25s;

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


Fixes persona promo preview problem... probably

@import 'lib';

#promos {
    display: none;
    height: 271px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    position: relative;
    > div,
    li > div {
        overflow: hidden;
    }
    .wrap p {
        margin: 1em 0 0;
    }
    .wrap > div > p:first-child {
        margin: 0;
    }
    h2, h3 {
        font-style: normal;
        font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    }
    .control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        color: #ccc;
        text-indent: -1000em;
        z-index: 1;
        -moz-transition-property: background-color, color;
        -moz-transition-duration: .2s;
    }
    .prev { left: -30px; }
    .next { right: -30px; }
    .control:after {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 38px;
        height: 38px;
        border: 2px solid #ccc;
        font-family: @serif-stack;
        margin: auto;
        font-size: 44px;
        line-height: 30px;
        text-indent: 0;
        text-align: center;
        .border-radius(20px);
        .box-shadow(0 -2px 0 rgba(204, 223, 243, 0.6) inset);
        -moz-transition-property: border-color, color, box-shadow, left, right;
        -moz-transition-duration: .2s;
    }
    .control:hover:after {
        border-color: @orange;
        color: @orange;
    }
    .prev:after {
        content: '\00ab';
        left: 10px;
    }
    .next:after {
        content: '\00bb';
        right: 10px;
    }

    .feature {
        .border-radius(5px);
        height: 251px;
        padding: 10px 10%;
        position: relative;
        overflow: hidden;
        box-shadow: none;
        &.ryff {
            color: #333;
            position: relative;
            overflow: hidden;
            padding: 20px 10% 0 270px;
            background: url(../../img/zamboni/discovery_pane/promos/ryff-bg.png) no-repeat;
            h3 {
                margin-bottom: 10px;
                a {
                    color: #7e100a;
                    text-decoration: none;
                }
                white-space: wrap;
            }
            p {
                color: #333;
            }
            img {
                width: 40%;
                float: right;
                margin: 0 0 .5em 10px;
            }
        }
    }
    .ryff h3,
    .promo h2 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1em;
    }
    .promo-collection {
        &.promo h2 a {
            color: inherit;
            text-decoration: none;
        }
    }

    .persona-feature a {
        padding: 0;
        .persona-preview {
            div {
                width: 100%;
                height: 100%;
                background-position: center center;
                background-size: cover;
            }
            overflow: hidden;
            .border-box();
            border: 1px solid #95A9CB;
            .box-shadow(0 0 5px rgba(0,0,0,0.3));
            height: 64px;
            margin-left: -3%;
            width: 106%;
        }
        h3 {
            margin: 12px;
        }
    }
}

.promo {
    h2, h3 {
        margin-bottom: 0;
    }
    h2 {
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }
    hgroup {
        margin: 10px auto 20px;
    }
}

#starter {
    &.feature {
        background: none;
        background-image:
            url(../../img/zamboni/discovery_pane/promos/starter-bg-left.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg.png);
        background-position: -5% 100%, 100% 0, 50% 100%;
        background-repeat: no-repeat, no-repeat, repeat-x;
    }
    h2 {
        color: #075f7a;
    }
}

#valentines {
    background: url(../../img/zamboni/discovery_pane/promos/valentines-bg.png) 50% 0 no-repeat;
    h2 {
        color: #BA83AE;
    }
}

#st-patricks {
    background: url(../../img/zamboni/discovery_pane/promos/st-patricks-bg.png) 50% 0 no-repeat;
    h2 {
        color: #296215;
    }
}

#monthly {
    background: url(../../img/zamboni/discovery_pane/promos/monthly-bg.png) 50% 0 no-repeat;
    .wrap > div {
        display: table;
        overflow: hidden;
        position: relative;
        max-height: 120px;
        width: 100%;
    }
    .blurb, .thumb {
        display: table-cell;
        max-width: 50%;
        padding: 20px;
        vertical-align: top;
    }
    h2 {
        color: #8b0101;
    }
    h3 {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .thumb {
        text-align: right;
        img {
            max-height: 120px;
        }
    }
}

.html-rtl {
    .persona-feature a .persona-preview div {
        margin: 0 -3% 0 0;
    }
}

.html-rtl #monthly .thumb {
    text-align: left;
}

#go-mobile {
    background: url(../../img/zamboni/discovery_pane/promos/go-mobile-bg.png) 0 100% no-repeat;
    h2 {
        color: #485c65;
    }
    .wrap {
        width: 384px;
        margin: 0;
    }
    .wrap > div {
        padding: 20px;
    }
}

#fx4-collection {
    background: url(../../img/zamboni/discovery_pane/promos/fx4-collection-bg.png) 50% 0 no-repeat;
    h2 {
        color: #2c5c89;
    }
}

#travel {
    background-image:
        url(../../img/zamboni/discovery_pane/promos/travel-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg.jpg);
    background-position: -5% 0, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #063;
    }
}

#school {
    background-image:
        url(../../img/zamboni/discovery_pane/promos/school-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg.jpg);
    background-position: -5px 100%, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #933;
    }
}

#new-year {
    background: url(../../img/zamboni/discovery_pane/promos/new-year.jpg) 50% 50% no-repeat;
    h2 {
        color: #ffc;
        margin: 30px 0;
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
    }
}

.addons li {
    float: left;
    width: 30%;
    position: relative;
    margin-right: 5%;
    margin-bottom: 5%;
}

.addons li:nth-child(3n) {
    margin-right: 0;
}

.addons li > a,
#monthly > div,
#go-mobile > div {
    .gradient-two-color(#fff, #ecf1f7);
    border: 1px solid #b7c3d7;
    .border-radius(6px);
    .box-shadow(0 -2px 0 rgba(58,78,103,0.08) inset, 0 2px 0 rgba(190,210,230,0.5);
}

#featured-addons .addons li {
    float: left;
    > a {
        width: 84%;
    }
}

.addons li > a {
    display: block;
    position: relative;
    text-align: center;
    height: 120px;
    padding: 10px 8%;
    -moz-transition-property: border-color, box-shadow;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    &:hover, &:focus, &:active {
        border-color: rgba(165,175,185,1);
        box-shadow: inset 0 -2px 0 rgba(58,78,103,0.1), 0 2px 0 rgba(190,210,230,0.85);
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        text-decoration: none;
    }
}

.addons h3 {
    font-size: 14px;
    line-height: 1.1;
    max-height: 1.1em;
    font-weight: bold;
    font-family: inherit;
    margin: .25em 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.addons li > a {
    &:hover h3,
    &:focus h3,
    &:active h3 {
        text-decoration: underline;
    }
}

.addons p.desc {
    overflow: hidden;
    max-height: 5.4em;
    font-size: 11px;
    text-align: left;
    color: #373d48;
    text-overflow: ellipsis;
    margin: 0;
    a {
        color: #373d48;
        &:hover {
            text-decoration: none;
        }
    }
}

.html-rtl .addons p.desc {
    text-align: right;
}

.addons img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
}

.promo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

@import 'lib';

#promos {
    display: none;
    height: 271px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    position: relative;
    > div,
    li > div {
        overflow: hidden;
    }
    .wrap p {
        margin: 1em 0 0;
    }
    .wrap > div > p:first-child {
        margin: 0;
    }
    h2, h3 {
        font-style: normal;
        font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    }
    .control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        color: #ccc;
        text-indent: -1000em;
        z-index: 1;
        -moz-transition-property: background-color, color;
        -moz-transition-duration: .2s;
    }
    .prev { left: -30px; }
    .next { right: -30px; }
    .control:after {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 38px;
        height: 38px;
        border: 2px solid #ccc;
        font-family: @serif-stack;
        margin: auto;
        font-size: 44px;
        line-height: 30px;
        text-indent: 0;
        text-align: center;
        .border-radius(20px);
        .box-shadow(0 -2px 0 rgba(204, 223, 243, 0.6) inset);
        -moz-transition-property: border-color, color, box-shadow, left, right;
        -moz-transition-duration: .2s;
    }
    .control:hover:after {
        border-color: @orange;
        color: @orange;
    }
    .prev:after {
        content: '\00ab';
        left: 10px;
    }
    .next:after {
        content: '\00bb';
        right: 10px;
    }

    .feature {
        .border-radius(5px);
        height: 251px;
        padding: 10px 10%;
        position: relative;
        overflow: hidden;
        box-shadow: none;
        &.ryff {
            color: #333;
            position: relative;
            overflow: hidden;
            padding: 20px 10% 0 270px;
            background: url(../../img/zamboni/discovery_pane/promos/ryff-bg.png) no-repeat;
            h3 {
                margin-bottom: 10px;
                a {
                    color: #7e100a;
                    text-decoration: none;
                }
                white-space: wrap;
            }
            p {
                color: #333;
            }
            img {
                width: 40%;
                float: right;
                margin: 0 0 .5em 10px;
            }
        }
    }
    .ryff h3,
    .promo h2 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1em;
    }
    .promo-collection {
        &.promo h2 a {
            color: inherit;
            text-decoration: none;
        }
    }

    .persona-feature a {
        padding: 0;
        .persona-preview {
            div {
                width: 100%;
                height: 100%;
            }
            overflow: hidden;
            .border-box();
            border: 1px solid #95A9CB;
            .box-shadow(0 0 5px rgba(0,0,0,0.3));
            height: 64px;
            margin-left: -3%;
            width: 106%;
        }
        h3 {
            margin: 12px;
        }
    }
}

.promo {
    h2, h3 {
        margin-bottom: 0;
    }
    h2 {
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }
    hgroup {
        margin: 10px auto 20px;
    }
}

#starter {
    &.feature {
        background: none;
        background-image:
            url(../../img/zamboni/discovery_pane/promos/starter-bg-left.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg.png);
        background-position: -5% 100%, 100% 0, 50% 100%;
        background-repeat: no-repeat, no-repeat, repeat-x;
    }
    h2 {
        color: #075f7a;
    }
}

#valentines {
    background: url(../../img/zamboni/discovery_pane/promos/valentines-bg.png) 50% 0 no-repeat;
    h2 {
        color: #BA83AE;
    }
}

#st-patricks {
    background: url(../../img/zamboni/discovery_pane/promos/st-patricks-bg.png) 50% 0 no-repeat;
    h2 {
        color: #296215;
    }
}

#monthly {
    background: url(../../img/zamboni/discovery_pane/promos/monthly-bg.png) 50% 0 no-repeat;
    .wrap > div {
        display: table;
        overflow: hidden;
        position: relative;
        max-height: 120px;
        width: 100%;
    }
    .blurb, .thumb {
        display: table-cell;
        max-width: 50%;
        padding: 20px;
        vertical-align: top;
    }
    h2 {
        color: #8b0101;
    }
    h3 {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .thumb {
        text-align: right;
        img {
            max-height: 120px;
        }
    }
}

.html-rtl {
    .persona-feature a .persona-preview div {
        margin: 0 -3% 0 0;
    }
}

.html-rtl #monthly .thumb {
    text-align: left;
}

#go-mobile {
    background: url(../../img/zamboni/discovery_pane/promos/go-mobile-bg.png) 0 100% no-repeat;
    h2 {
        color: #485c65;
    }
    .wrap {
        width: 384px;
        margin: 0;
    }
    .wrap > div {
        padding: 20px;
    }
}

#fx4-collection {
    background: url(../../img/zamboni/discovery_pane/promos/fx4-collection-bg.png) 50% 0 no-repeat;
    h2 {
        color: #2c5c89;
    }
}

#travel {
    background-image:
        url(../../img/zamboni/discovery_pane/promos/travel-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg.jpg);
    background-position: -5% 0, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #063;
    }
}

#school {
    background-image:
        url(../../img/zamboni/discovery_pane/promos/school-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg.jpg);
    background-position: -5px 100%, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #933;
    }
}

#new-year {
    background: url(../../img/zamboni/discovery_pane/promos/new-year.jpg) 50% 50% no-repeat;
    h2 {
        color: #ffc;
        margin: 30px 0;
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
    }
}

.addons li {
    float: left;
    width: 30%;
    position: relative;
    margin-right: 5%;
    margin-bottom: 5%;
}

.addons li:nth-child(3n) {
    margin-right: 0;
}

.addons li > a,
#monthly > div,
#go-mobile > div {
    .gradient-two-color(#fff, #ecf1f7);
    border: 1px solid #b7c3d7;
    .border-radius(6px);
    .box-shadow(0 -2px 0 rgba(58,78,103,0.08) inset, 0 2px 0 rgba(190,210,230,0.5);
}

#featured-addons .addons li {
    float: left;
    > a {
        width: 84%;
    }
}

.addons li > a {
    display: block;
    position: relative;
    text-align: center;
    height: 120px;
    padding: 10px 8%;
    -moz-transition-property: border-color, box-shadow;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    &:hover, &:focus, &:active {
        border-color: rgba(165,175,185,1);
        box-shadow: inset 0 -2px 0 rgba(58,78,103,0.1), 0 2px 0 rgba(190,210,230,0.85);
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        text-decoration: none;
    }
}

.addons h3 {
    font-size: 14px;
    line-height: 1.1;
    max-height: 1.1em;
    font-weight: bold;
    font-family: inherit;
    margin: .25em 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.addons li > a {
    &:hover h3,
    &:focus h3,
    &:active h3 {
        text-decoration: underline;
    }
}

.addons p.desc {
    overflow: hidden;
    max-height: 5.4em;
    font-size: 11px;
    text-align: left;
    color: #373d48;
    text-overflow: ellipsis;
    margin: 0;
    a {
        color: #373d48;
        &:hover {
            text-decoration: none;
        }
    }
}

.html-rtl .addons p.desc {
    text-align: right;
}

.addons img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
}

.promo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


Fix stupid styling bug for Safari.

Fix stupid styling bug for Safari.

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


fix max-width

fix max-width

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


Signed-off-by: duxinlixiaoxue <1207931454@qq.com>

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


updated cards shadow

updated cards shadow

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


Fixes.

Fixes.

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


break all in table cell

break all in table cell

@import "../mixins/index";

@table-prefix-cls: ~"@{css-prefix}table";
@table-border-color: @border-color-split;
@table-head-background-color: #f4f4f4;

.@{table-prefix-cls} {
  font-size: @font-size-base;
  color: @text-color;

  &-body {
    transition: opacity 0.3s ease;
  }

  table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    text-align: left;
    border-radius: @border-radius-base;
    overflow: hidden;
  }

  th {
    background: @table-head-background-color;
    font-weight: bold;
    transition: background .3s ease;
    position: relative;

    .anticon-filter {
      margin-left: 4px;
      .iconfont-size-under-12px(10px);
      cursor: pointer;
      color: #aaa;
      transition: all 0.3s ease;
      &:hover {
        color: #666;
      }
    }

    .@{table-prefix-cls}-filter-selected.anticon-filter {
      color: @primary-color;
    }
  }

  td {
    border-bottom: 1px solid @table-border-color;
  }

  tr {
    transition: all .3s ease;
    &:hover {
      background: tint(@primary-color, 90%);
    }
  }

  thead tr:hover {
    background: none;
  }

  tfoot tr {
    background: @table-head-background-color;
    position: relative;
    top: -1px;
    &:hover {
      background: @table-head-background-color;
    }
    td {
      border-radius: 0 0 @border-radius-base @border-radius-base;
      border: 0;
    }
  }

  tr.@{table-prefix-cls}-row-selected {
    background: #fafafa;
  }

  th.@{table-prefix-cls}-column-sort {
    background: #eaeaea;
  }

  th,
  td {
    padding: 16px 8px;
    word-break: break-all;
  }

  th.@{table-prefix-cls}-selection-column,
  td.@{table-prefix-cls}-selection-column {
    text-align: center;
    width: 60px;
  }

  &-header + &-body {
    overflow: auto;
    height: 360px;
  }

  &-header table {
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-loading {
    position: relative;
    .@{table-prefix-cls}-body {
      background: #fff;
      opacity: 0.5;
    }
    .@{table-prefix-cls}-spin-holder {
      height: 20px;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin-left: -30px;
      position: absolute;
    }
    .@{table-prefix-cls}-with-pagination {
      margin-top: -20px;
    }
    .@{table-prefix-cls}-without-pagination {
      margin-top: 10px;
    }
  }

  &-middle {
    th,
    td {
      padding: 10px 8px;
    }
  }

  &-small {
    table {
      border: 1px solid @border-color-split;
      padding: 0 8px;
    }

    th {
      padding: 10px 8px;
      background: #fff;
      border-bottom: 1px solid @border-color-split;
    }

    td {
      padding: 6px 8px;
    }
    .ant-table-row:last-child td {
      border-bottom: 0;
    }
  }

  &-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    &-up,
    &-down {
      line-height: 4px;
      height: 6px;
      display: block;
      width: 12px;
      cursor: pointer;
      &:hover .anticon {
        color: #666;
      }
      &.on {
        .anticon-caret-up,
        .anticon-caret-down {
          color: @primary-color;
        }
      }
    }
    .anticon-caret-up,
    .anticon-caret-down {
      .iconfont-size-under-12px(6px);
      line-height: 6px;
      height: 6px;
      color: #aaa;
      &:before {
        -moz-transform-origin: 53% 50%; /* fix firefox position */
      }
    }
  }

  &.@{table-prefix-cls}-bordered {
    table {
      border: 1px solid @border-color-split;
    }

    th {
      border-bottom: 1px solid @border-color-split;
    }

    tr:last-child {
      th,
      td {
        border-bottom: 0;
      }
    }

    th,
    td {
      border-right: 1px solid @border-color-split;
      &:last-child {
        border-right: 0;
      }
    }
  }

  &-empty {
    position: relative;
    margin-bottom: 16px;
  }

  &-empty &-body {
    height: 150px;
  }

  &-placeholder {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid @border-color-split;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    .anticon {
      margin-right: 4px;
    }
  }
}

.@{table-prefix-cls}-pagination {
  margin: 16px 0;
  float: right;
}

.@{table-prefix-cls}-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: @border-radius-base;
  border: 1px solid @border-color-base;
  box-shadow: @box-shadow-base;

  .ant-dropdown-menu {
    border: 0;
    box-shadow: none;
    border-radius: @border-radius-base @border-radius-base 0 0;

    &-sub {
      border-radius: @border-radius-base;
      border: 1px solid @border-color-base;
      box-shadow: @box-shadow-base;
    }

    .ant-dropdown-submenu-contain-selected {
      .ant-dropdown-menu-submenu-title:after {
        color: @primary-color;
        font-weight: bold;
        text-shadow: 0 0 2px tint(@primary-color, 80%);
      }
    }
  }

  .ant-dropdown-menu-item {
    overflow: hidden;
  }

  > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
  > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0;
  }

  &-btns {
    overflow: hidden;
    padding: 7px 15px;
    border-top: 1px solid @border-color-split;
  }

  &-link {
    color: @link-color;
    &:hover {
      color: @link-hover-color;
    }
    &:active {
      color: @link-active-color;
    }
    &.confirm {
      float: left;
    }
    &.clear {
      float: right;
    }
  }
}

.@{table-prefix-cls} {
  &-row {
    &-expand-icon {
      cursor: pointer;
      display: inline-block;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 15px;
      border: 1px solid @border-color-split;
      user-select: none;
      background: #fff;
      &-cell {
        width: 18px;
      }
    }

    &-expanded:after {
      content: '-';
    }

    &-collapsed:after {
      content: '+';
    }

    &-spaced {
      visibility: hidden;
      &:after {
        content: '.';
      }
    }

    // Hide selection component in children data
    &[class*="@{table-prefix-cls}-row-level-"] .@{table-prefix-cls}-selection-column > span {
      display: none;
    }

    &[class*="@{table-prefix-cls}-row-level-0"] .@{table-prefix-cls}-selection-column > span {
      display: inline-block;
    }
  }
  tr&-expanded-row {
    &,
    &:hover {
      background: #fbfbfb;
    }
  }

  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon {
    margin-right: 8px;
  }

  &-column-hidden {
    display: none;
  }
  th&-column-has-prev,
  td&-column-has-prev {
    padding-left: 24px;
  }
  &-prev-columns-page,
  &-next-columns-page {
    cursor: pointer;
    color: #666;
    z-index: 1;
    &:hover {
      color: @primary-color;
    }
    &-disabled {
      cursor: not-allowed;
      color: #bbb;
      &:hover {
        color: #bbb;
      }
    }
  }
  &-prev-columns-page {
    position: absolute;
    left: 8px;
    &:before {
      content: '\e601';
      .iconfont-size-under-12px(9px);
      font-weight: bold;
      font-family: anticon;
    }
  }
  &-next-columns-page {
    float: right;
    margin-left: 8px;
    &:before {
      content: '\e600';
      .iconfont-size-under-12px(9px);
      font-weight: bold;
      font-family: anticon;
    }
  }
}

@import "../mixins/index";

@table-prefix-cls: ~"@{css-prefix}table";
@table-border-color: @border-color-split;
@table-head-background-color: #f4f4f4;

.@{table-prefix-cls} {
  font-size: @font-size-base;
  color: @text-color;

  &-body {
    transition: opacity 0.3s ease;
  }

  table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    text-align: left;
    border-radius: @border-radius-base;
    overflow: hidden;
  }

  th {
    background: @table-head-background-color;
    font-weight: bold;
    transition: background .3s ease;
    position: relative;

    .anticon-filter {
      margin-left: 4px;
      .iconfont-size-under-12px(10px);
      cursor: pointer;
      color: #aaa;
      transition: all 0.3s ease;
      &:hover {
        color: #666;
      }
    }

    .@{table-prefix-cls}-filter-selected.anticon-filter {
      color: @primary-color;
    }
  }

  td {
    border-bottom: 1px solid @table-border-color;
  }

  tr {
    transition: all .3s ease;
    &:hover {
      background: tint(@primary-color, 90%);
    }
  }

  thead tr:hover {
    background: none;
  }

  tfoot tr {
    background: @table-head-background-color;
    position: relative;
    top: -1px;
    &:hover {
      background: @table-head-background-color;
    }
    td {
      border-radius: 0 0 @border-radius-base @border-radius-base;
      border: 0;
    }
  }

  tr.@{table-prefix-cls}-row-selected {
    background: #fafafa;
  }

  th.@{table-prefix-cls}-column-sort {
    background: #eaeaea;
  }

  th,
  td {
    padding: 16px 8px;
  }

  th.@{table-prefix-cls}-selection-column,
  td.@{table-prefix-cls}-selection-column {
    text-align: center;
    width: 60px;
  }

  &-header + &-body {
    overflow: auto;
    height: 360px;
  }

  &-header table {
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-loading {
    position: relative;
    .@{table-prefix-cls}-body {
      background: #fff;
      opacity: 0.5;
    }
    .@{table-prefix-cls}-spin-holder {
      height: 20px;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin-left: -30px;
      position: absolute;
    }
    .@{table-prefix-cls}-with-pagination {
      margin-top: -20px;
    }
    .@{table-prefix-cls}-without-pagination {
      margin-top: 10px;
    }
  }

  &-middle {
    th,
    td {
      padding: 10px 8px;
    }
  }

  &-small {
    table {
      border: 1px solid @border-color-split;
      padding: 0 8px;
    }

    th {
      padding: 10px 8px;
      background: #fff;
      border-bottom: 1px solid @border-color-split;
    }

    td {
      padding: 6px 8px;
    }
    .ant-table-row:last-child td {
      border-bottom: 0;
    }
  }

  &-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    &-up,
    &-down {
      line-height: 4px;
      height: 6px;
      display: block;
      width: 12px;
      cursor: pointer;
      &:hover .anticon {
        color: #666;
      }
      &.on {
        .anticon-caret-up,
        .anticon-caret-down {
          color: @primary-color;
        }
      }
    }
    .anticon-caret-up,
    .anticon-caret-down {
      .iconfont-size-under-12px(6px);
      line-height: 6px;
      height: 6px;
      color: #aaa;
      &:before {
        -moz-transform-origin: 53% 50%; /* fix firefox position */
      }
    }
  }

  &.@{table-prefix-cls}-bordered {
    table {
      border: 1px solid @border-color-split;
    }

    th {
      border-bottom: 1px solid @border-color-split;
    }

    tr:last-child {
      th,
      td {
        border-bottom: 0;
      }
    }

    th,
    td {
      border-right: 1px solid @border-color-split;
      &:last-child {
        border-right: 0;
      }
    }
  }

  &-empty {
    position: relative;
    margin-bottom: 16px;
  }

  &-empty &-body {
    height: 150px;
  }

  &-placeholder {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid @border-color-split;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    .anticon {
      margin-right: 4px;
    }
  }
}

.@{table-prefix-cls}-pagination {
  margin: 16px 0;
  float: right;
}

.@{table-prefix-cls}-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: @border-radius-base;
  border: 1px solid @border-color-base;
  box-shadow: @box-shadow-base;

  .ant-dropdown-menu {
    border: 0;
    box-shadow: none;
    border-radius: @border-radius-base @border-radius-base 0 0;

    &-sub {
      border-radius: @border-radius-base;
      border: 1px solid @border-color-base;
      box-shadow: @box-shadow-base;
    }

    .ant-dropdown-submenu-contain-selected {
      .ant-dropdown-menu-submenu-title:after {
        color: @primary-color;
        font-weight: bold;
        text-shadow: 0 0 2px tint(@primary-color, 80%);
      }
    }
  }

  .ant-dropdown-menu-item {
    overflow: hidden;
  }

  > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
  > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0;
  }

  &-btns {
    overflow: hidden;
    padding: 7px 15px;
    border-top: 1px solid @border-color-split;
  }

  &-link {
    color: @link-color;
    &:hover {
      color: @link-hover-color;
    }
    &:active {
      color: @link-active-color;
    }
    &.confirm {
      float: left;
    }
    &.clear {
      float: right;
    }
  }
}

.@{table-prefix-cls} {
  &-row {
    &-expand-icon {
      cursor: pointer;
      display: inline-block;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 15px;
      border: 1px solid @border-color-split;
      user-select: none;
      background: #fff;
      &-cell {
        width: 18px;
      }
    }

    &-expanded:after {
      content: '-';
    }

    &-collapsed:after {
      content: '+';
    }

    &-spaced {
      visibility: hidden;
      &:after {
        content: '.';
      }
    }

    // Hide selection component in children data
    &[class*="@{table-prefix-cls}-row-level-"] .@{table-prefix-cls}-selection-column > span {
      display: none;
    }

    &[class*="@{table-prefix-cls}-row-level-0"] .@{table-prefix-cls}-selection-column > span {
      display: inline-block;
    }
  }
  tr&-expanded-row {
    &,
    &:hover {
      background: #fbfbfb;
    }
  }

  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon {
    margin-right: 8px;
  }

  &-column-hidden {
    display: none;
  }
  th&-column-has-prev,
  td&-column-has-prev {
    padding-left: 24px;
  }
  &-prev-columns-page,
  &-next-columns-page {
    cursor: pointer;
    color: #666;
    z-index: 1;
    &:hover {
      color: @primary-color;
    }
    &-disabled {
      cursor: not-allowed;
      color: #bbb;
      &:hover {
        color: #bbb;
      }
    }
  }
  &-prev-columns-page {
    position: absolute;
    left: 8px;
    &:before {
      content: '\e601';
      .iconfont-size-under-12px(9px);
      font-weight: bold;
      font-family: anticon;
    }
  }
  &-next-columns-page {
    float: right;
    margin-left: 8px;
    &:before {
      content: '\e600';
      .iconfont-size-under-12px(9px);
      font-weight: bold;
      font-family: anticon;
    }
  }
}


Update and rename theme_material_design/static/src/less to theme_material_design/static/src/less/options/bg_cloudy.less

body {
    background-color: @color-midnight;
}

#wrapwrap {
    background-color: rgba(0,0,0,0.1);
}

@text-color:        @gray-lighter;
@headings-color:    white;

error: pathspec 'theme_material_design/static/src/less/options/bg_cloudy.less' did not match any file(s) known to git


样式收尾 问题3：tab条按钮调整

样式收尾 问题3：tab条按钮调整

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


added file

added file

@media (max-width: 767px) {
  #logo-header h1 {
    font-size: 36px;
  }
  .drink-menu .name {
    font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  #logo-header {
    h1 {
      font-size: 80px
    }
    #logo {
      max-height: 100px;
    }
  }
}

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


add test.css.less

add test.css.less

.loud {
  color: red;
  font-weigth: bold;
}

h1 {
  .loud;
}

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


missing orgchart leftPane style reverted

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


Signed-off-by: Ge-yuan-jun <daydaygyj@gmail.com>


Fix input submit style

Fix input submit style

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


removed selectbox component in favor of selectize

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


A little bit responsive.

A little bit responsive.

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