#2486 Fix label inside input not rfesizing

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

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

@type    : 'element';
@element : 'input';

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

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

/*--------------------
        Inputs
---------------------*/

.ui.input {
  position: relative;
  display: inline-flex;
  color: @inputColor;
}
.ui.input input {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: @textAlign;
  line-height: @lineHeight;

  font-family: @inputFont;
  padding: @padding;

  background: @background;
  border: @border;
  color: @inputColor;
  border-radius: @borderRadius;
  transition: @transition;

  box-shadow: @boxShadow;
}

/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */

.ui.input input::-webkit-input-placeholder {
  color: @placeholderColor;
}
.ui.input input::-moz-placeholder {
  color: @placeholderColor;
}
.ui.input input::-ms-input-placeholder {
  color: @placeholderColor;
}

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

/*--------------------
        Active
---------------------*/

.ui.input input:active,
.ui.input.down input {
  border-color: @downBorderColor;
  background: @downBackground;
  color: @downColor;
  box-shadow: @downBoxShadow;
}

/*--------------------
       Loading
---------------------*/

.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;

  margin: @loaderMargin;
  width: @loaderSize;
  height: @loaderSize;

  border-radius: @circularRadius;
  border: @loaderLineWidth solid @loaderFillColor;
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;

  margin: @loaderMargin;
  width: @loaderSize;
  height: @loaderSize;

  animation: button-spin @loaderSpeed linear;
  animation-iteration-count: infinite;

  border-radius: @circularRadius;

  border-color: @loaderLineColor transparent transparent;
  border-style: solid;
  border-width: @loaderLineWidth;

  box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus input,
.ui.input input:focus  {
  border-color: @focusBorderColor;
  background: @focusBackground;
  color: @focusColor;
  box-shadow: @focusBoxShadow;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus input::-webkit-input-placeholder {
  color: @placeholderFocusColor;
}
.ui.input.focus input::-moz-placeholder,
.ui.input input:focus input::-moz-placeholder {
  color: @placeholderFocusColor;
}
.ui.input.focus input::-ms-input-placeholder,
.ui.input input:focus input::-ms-input-placeholder {
  color: @placeholderFocusColor;
}

/*--------------------
        Error
---------------------*/

.ui.input.error input {
  background-color: @errorBackground;
  border-color: @errorBorder;
  color: @errorColor;
  box-shadow: @errorBoxShadow;
}

/* Error Placeholder */
.ui.input.error input ::-webkit-input-placeholder {
  color: @placeholderErrorColor;
}
.ui.input.error input ::-moz-placeholder {
  color: @placeholderErrorColor;
}
.ui.input.error input ::-ms-input-placeholder {
  color: @placeholderErrorColor;
}

/* Focused Error Placeholder */
.ui.input.error input :focus::-webkit-input-placeholder {
  color: @placeholderErrorFocusColor;
}
.ui.input.error input :focus::-moz-placeholder {
  color: @placeholderErrorFocusColor;
}
.ui.input.error input :focus::-ms-input-placeholder {
  color: @placeholderErrorFocusColor;
}

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

/*--------------------
      Transparent
---------------------*/

.ui.transparent.input input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
}

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: @transparentIconWidth;
}
.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: @transparentIconMargin !important;
}
.ui.transparent[class*="left icon"].input > input {
  padding-left: @transparentIconMargin !important;
  padding-right: 0em !important;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: @transparentInvertedColor;
}
.ui.transparent.inverted.input input {
  color: inherit;
}

.ui.transparent.inverted.input input::-webkit-input-placeholder {
  color: @transparentInvertedPlaceholderColor;
}
.ui.transparent.inverted.input input::-moz-placeholder {
  color: @transparentInvertedPlaceholderColor;
}
.ui.transparent.inverted.input input::-ms-input-placeholder {
  color: @transparentInvertedPlaceholderColor;
}

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

.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;

  width: @iconWidth;
  opacity: @iconOpacity;
  border-radius: 0em @borderRadius @borderRadius 0em;
  transition: @iconTransition;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input input {
  padding-right: @iconMargin !important;
}

.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: @iconOffset;
}
.ui.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: @circularIconVerticalOffset;
  right: @circularIconHorizontalOffset;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: @borderWidth;
  border-radius: @borderRadius 0em 0em @borderRadius;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: @circularIconHorizontalOffset;
}
.ui[class*="left icon"].input > input {
  padding-left: @iconMargin !important;
  padding-right: @horizontalPadding !important;
}

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}

/*--------------------
        Labeled
---------------------*/

/* Adjacent Label */
.ui.labeled.input > .label {
  flex: 0 0 auto;
  margin: 0;
  font-size: @relativeMedium;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: @verticalPadding;
  padding-bottom: @verticalPadding;
}

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input  > input {
  border-right: none;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.ui[class*="right labeled"].input > .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* Corner Label */
.ui.labeled.input .corner.label {
  top: @labelCornerTop;
  right: @labelCornerRight;
  font-size: @labelCornerSize;
  border-radius: 0em @borderRadius 0em 0em;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not(.left).labeled.input input {
  padding-right: @labeledMargin !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > input {
  padding-right: @labeledIconInputMargin !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > .icon {
  margin-right: @labeledIconMargin;
}

/* Left Labeled */
.ui[class*="corner labeled"].left.labeled.input input {
  padding-left: @labeledMargin !important;
}
.ui[class*="corner labeled"].icon.input.left > input {
  padding-left: @labeledIconInputMargin !important;
}
.ui[class*="corner labeled"].icon.input.left > .icon {
  margin-left: @labeledIconMargin;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: @borderWidth;
  right: @borderWidth;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: @borderWidth;
}

/*--------------------
        Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: @verticalPadding;
  padding-bottom: @verticalPadding;
  margin: 0;
}

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-right: none;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown,
.ui.action.input:not([class*="left action"]) > .button,
.ui.action.input:not([class*="left action"]) > .buttons > .button {
  border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px @borderRadius @borderRadius 0px;
}

/* Button on Left */
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: @borderRadius 0px 0px @borderRadius;
}
.ui[class*="left action"].input > input {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

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

/* Standard */
.ui.inverted.input input {
  border: none;
}

/*--------------------
        Fluid
---------------------*/

.ui.fluid.input {
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}

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

.ui.mini.input {
  font-size: @relativeMini;
}
.ui.small.input {
  font-size: @relativeSmall;
}
.ui.input {
  font-size: @relativeMedium;
}
.ui.large.input {
  font-size: @relativeLarge;
}
.ui.big.input {
  font-size: @relativeBig;
}
.ui.huge.input {
  font-size: @relativeHuge;
}
.ui.massive.input {
  font-size: @relativeMassive;
}

.loadUIOverrides();

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

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

@type    : 'element';
@element : 'input';

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

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

/*--------------------
        Inputs
---------------------*/

.ui.input {
  position: relative;
  display: inline-flex;
  color: @inputColor;
}
.ui.input input {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: @textAlign;
  line-height: @lineHeight;

  font-family: @inputFont;
  padding: @padding;

  background: @background;
  border: @border;
  color: @inputColor;
  border-radius: @borderRadius;
  transition: @transition;

  box-shadow: @boxShadow;
}

/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */

.ui.input input::-webkit-input-placeholder {
  color: @placeholderColor;
}
.ui.input input::-moz-placeholder {
  color: @placeholderColor;
}
.ui.input input::-ms-input-placeholder {
  color: @placeholderColor;
}

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

/*--------------------
        Active
---------------------*/

.ui.input input:active,
.ui.input.down input {
  border-color: @downBorderColor;
  background: @downBackground;
  color: @downColor;
  box-shadow: @downBoxShadow;
}

/*--------------------
       Loading
---------------------*/

.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;

  margin: @loaderMargin;
  width: @loaderSize;
  height: @loaderSize;

  border-radius: @circularRadius;
  border: @loaderLineWidth solid @loaderFillColor;
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;

  margin: @loaderMargin;
  width: @loaderSize;
  height: @loaderSize;

  animation: button-spin @loaderSpeed linear;
  animation-iteration-count: infinite;

  border-radius: @circularRadius;

  border-color: @loaderLineColor transparent transparent;
  border-style: solid;
  border-width: @loaderLineWidth;

  box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus input,
.ui.input input:focus  {
  border-color: @focusBorderColor;
  background: @focusBackground;
  color: @focusColor;
  box-shadow: @focusBoxShadow;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus input::-webkit-input-placeholder {
  color: @placeholderFocusColor;
}
.ui.input.focus input::-moz-placeholder,
.ui.input input:focus input::-moz-placeholder {
  color: @placeholderFocusColor;
}
.ui.input.focus input::-ms-input-placeholder,
.ui.input input:focus input::-ms-input-placeholder {
  color: @placeholderFocusColor;
}

/*--------------------
        Error
---------------------*/

.ui.input.error input {
  background-color: @errorBackground;
  border-color: @errorBorder;
  color: @errorColor;
  box-shadow: @errorBoxShadow;
}

/* Error Placeholder */
.ui.input.error input ::-webkit-input-placeholder {
  color: @placeholderErrorColor;
}
.ui.input.error input ::-moz-placeholder {
  color: @placeholderErrorColor;
}
.ui.input.error input ::-ms-input-placeholder {
  color: @placeholderErrorColor;
}

/* Focused Error Placeholder */
.ui.input.error input :focus::-webkit-input-placeholder {
  color: @placeholderErrorFocusColor;
}
.ui.input.error input :focus::-moz-placeholder {
  color: @placeholderErrorFocusColor;
}
.ui.input.error input :focus::-ms-input-placeholder {
  color: @placeholderErrorFocusColor;
}

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

/*--------------------
      Transparent
---------------------*/

.ui.transparent.input input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
}

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: @transparentIconWidth;
}
.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: @transparentIconMargin !important;
}
.ui.transparent[class*="left icon"].input > input {
  padding-left: @transparentIconMargin !important;
  padding-right: 0em !important;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: @transparentInvertedColor;
}
.ui.transparent.inverted.input input {
  color: inherit;
}

.ui.transparent.inverted.input input::-webkit-input-placeholder {
  color: @transparentInvertedPlaceholderColor;
}
.ui.transparent.inverted.input input::-moz-placeholder {
  color: @transparentInvertedPlaceholderColor;
}
.ui.transparent.inverted.input input::-ms-input-placeholder {
  color: @transparentInvertedPlaceholderColor;
}

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

.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;

  width: @iconWidth;
  opacity: @iconOpacity;
  border-radius: 0em @borderRadius @borderRadius 0em;
  transition: @iconTransition;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input input {
  padding-right: @iconMargin !important;
}

.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: @iconOffset;
}
.ui.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: @circularIconVerticalOffset;
  right: @circularIconHorizontalOffset;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: @borderWidth;
  border-radius: @borderRadius 0em 0em @borderRadius;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: @circularIconHorizontalOffset;
}
.ui[class*="left icon"].input > input {
  padding-left: @iconMargin !important;
  padding-right: @horizontalPadding !important;
}

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}

/*--------------------
        Labeled
---------------------*/

/* Adjacent Label */
.ui.labeled.input > .label {
  flex: 0 0 auto;
  margin: 0;
  font-size: @medium;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: @verticalPadding;
  padding-bottom: @verticalPadding;
}

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input  > input {
  border-right: none;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.ui[class*="right labeled"].input > .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* Corner Label */
.ui.labeled.input .corner.label {
  top: @labelCornerTop;
  right: @labelCornerRight;
  font-size: @labelCornerSize;
  border-radius: 0em @borderRadius 0em 0em;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not(.left).labeled.input input {
  padding-right: @labeledMargin !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > input {
  padding-right: @labeledIconInputMargin !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > .icon {
  margin-right: @labeledIconMargin;
}

/* Left Labeled */
.ui[class*="corner labeled"].left.labeled.input input {
  padding-left: @labeledMargin !important;
}
.ui[class*="corner labeled"].icon.input.left > input {
  padding-left: @labeledIconInputMargin !important;
}
.ui[class*="corner labeled"].icon.input.left > .icon {
  margin-left: @labeledIconMargin;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: @borderWidth;
  right: @borderWidth;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: @borderWidth;
}

/*--------------------
        Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: @verticalPadding;
  padding-bottom: @verticalPadding;
  margin: 0;
}

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-right: none;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown,
.ui.action.input:not([class*="left action"]) > .button,
.ui.action.input:not([class*="left action"]) > .buttons > .button {
  border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px @borderRadius @borderRadius 0px;
}

/* Button on Left */
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: @borderRadius 0px 0px @borderRadius;
}
.ui[class*="left action"].input > input {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

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

/* Standard */
.ui.inverted.input input {
  border: none;
}

/*--------------------
        Fluid
---------------------*/

.ui.fluid.input {
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}

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

.ui.mini.input {
  font-size: @relativeMini;
}
.ui.small.input {
  font-size: @relativeSmall;
}
.ui.input {
  font-size: @relativeMedium;
}
.ui.large.input {
  font-size: @relativeLarge;
}
.ui.big.input {
  font-size: @relativeBig;
}
.ui.huge.input {
  font-size: @relativeHuge;
}
.ui.massive.input {
  font-size: @relativeMassive;
}

.loadUIOverrides();


[Update] Fixed (position) header

[Update] Fixed (position) header

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


Layout LESS

Layout LESS

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


Css do cartão vacinação

Css do cartão vacinação

.inline{
  display: flex;
}

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

.cartao-vacina{
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: pink;
  width:100%;
  height:100%;
  display:flex;
}

.dose {
  margin: 0.2em 0.2em 0.2em 0.2em;
  height: 6em;
  width: 12em;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  border-color:#00BFFF;
  text-align: center;
  vertical-align:middle;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.text{
  	font-weight: normal;
	font-size: 12px;
	margin: 0.2em 0.2em 0.2em 0.2em;
	word-wrap: break-word;
}

.vacina{
  margin: 0.2em 0.2em 0.2em 0.2em;
  width: 12em;
  height: 3em;
  text-align: center;
  vertical-align:middle;
}

.vacina > .vacina-title{
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: #3CB371;
}

.empty-cell{
  margin: 0.2em 0.2em 0.2em 0.2em;
  width: 12em;
  height: 3em;
}

.dose-vacina {
  cursor:pointer;
  margin: 0.2em 0.2em 0.2em 0.2em;
  height: 6em;
  width: 12em;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.dose-vacina span{
    word-wrap: break-word;
}

.dose-vacina-default {
  border-color: #c6c6c6;
}

.dose-vacina-empty {
  background-color: #E5E7DC;
  border-color: #c6c6c6;
  cursor:not-allowed;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .08);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .08);
}

.dose-vacina-selected {
  border-color: #4F8C81;
}

error: pathspec 'modulo-client/src/less/components/cartao-vacina.less' did not match any file(s) known to git


Fixed to use font-weight variable in heading 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/team-aries/just.git/'


Bugfix: Fixed another typo in search.less

OMG - this is retarded - why didn't I spot that in the 4e24f8c 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/Det-Kongelige-Bibliotek/rex.git/'


Align fix and update the style

Align fix and update the 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/danosier/context-git.git/'


adding missing less file

adding missing less file

@import "variables";

/*
 * Mixins
 * http://lesscss.org/features/#mixins-feature
 */
@import "layout-mixins";
@import "form/form-mixins";

/*
 * Widget styles
 */
@import "config/tabbar";

.hidden {
  display: none;
}

error: pathspec 'war/src/main/js/widgets/jenkins-widgets.less' did not match any file(s) known to git


changed highlight color

changed highlight color

/* Brackets / CodeMirror Code Formatting */

.CodeMirror-scroll {
    background-color: @background-color-3;
    .code-font();
}

.cm-s-default {
    .CodeMirror-cursor {
        .code-cursor();
    }

    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}

}

div.CodeMirror span.CodeMirror-matchingbracket {color: @accent-bracket; background-color: @background-color-2;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: @accent-bracket;}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror pre.CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused pre.CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror div.CodeMirror-selected {
        background: #d9d9d9;
    }
    .CodeMirror.CodeMirror-focused div.CodeMirror-selected {
        background: #d2dcf8;
    }
    .highlight {
        background: #fcf;
    }
}

.inlineCodeEditor {
    .cm-s-default {
        background-color: #F3F3F3;
    }
    .filename {
        position: absolute;
        top: 0;
        background: #FFF;
        padding: 0px 4px 3px;
        font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
        font-size: 12px;
        border: solid #C0C0C0;
        border-width: 0px 1px 1px;
        border-bottom-right-radius: 3px 5px;
        border-bottom-left-radius: 3px 5px;
        z-index: 11;
    }
    .shadow {
        display: block;
        height: 6px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: 10;
    }
    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }
    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }
}

/* Brackets / CodeMirror Code Formatting */

.CodeMirror-scroll {
    background-color: @background-color-3;
    .code-font();
}

.cm-s-default {
    .CodeMirror-cursor {
        .code-cursor();
    }

    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}

}

div.CodeMirror span.CodeMirror-matchingbracket {color: @accent-bracket; background-color: @background-color-2;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: @accent-bracket;}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror pre.CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused pre.CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror div.CodeMirror-selected {
        background: #d9d9d9;
    }
    .CodeMirror.CodeMirror-focused div.CodeMirror-selected {
        background: #d2dcf8;
    }
    .highlight {
        background: #eed;
    }
}

.inlineCodeEditor {
    .cm-s-default {
        background-color: #F3F3F3;
    }
    .filename {
        position: absolute;
        top: 0;
        background: #FFF;
        padding: 0px 4px 3px;
        font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
        font-size: 12px;
        border: solid #C0C0C0;
        border-width: 0px 1px 1px;
        border-bottom-right-radius: 3px 5px;
        border-bottom-left-radius: 3px 5px;
        z-index: 11;
    }
    .shadow {
        display: block;
        height: 6px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: 10;
    }
    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }
    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }
}


Fix for #8488 by making the selector for the cursor as specific as the one in codemirror.

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// 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.

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding 0 0;
}

.show-line-padding .CodeMirror pre {
    padding-left: @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.CodeMirror {
    .code-font();
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 15px;

.CodeMirror-activeline-background {
    background: transparent;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: @activeline-bgcolor;
}

.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset @code-padding 0 0 0 @activeline-number-bgcolor;
}

.CodeMirror-focused .CodeMirror-activeline {
    & > div, .CodeMirror-gutter-elt {
        height: 100%;
    }
    .CodeMirror-gutter-elt {
        background: @activeline-number-bgcolor;
        color: @bc-black;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: @accent-comment;
    }
}

.CodeMirror-focused .cm-matchhighlight {
    border-bottom: 2px solid #78B2F2;
}

/**
 * These classes are set to inline-block because they are spans and they need block dimension properties when
 * when calculation height and width.
 */
.CodeMirror-searching,
.CodeMirror-matchingtag,
.CodeMirror-matchingbracket {
    display: inline-block;
}

span.cm-keyword {color: @accent-keyword;}
span.cm-atom {color: @accent-atom;}
span.cm-number {color: @accent-number;}
span.cm-def {color: @accent-def;}
span.cm-variable {color: @accent-variable;}
span.cm-variable-2 {color: @accent-variable-2;}
span.cm-variable-3 {color: @accent-variable-3;}
span.cm-property {color: @accent-property;}
span.cm-operator {color: @accent-operator;}
span.cm-comment {color: @accent-comment;}
span.cm-string {color: @accent-string;}
span.cm-string-2 {color: @accent-string-2;}
span.cm-meta {color: @accent-meta;}
span.cm-error {color: @accent-error;}
span.cm-qualifier {color: @accent-qualifier;}
span.cm-builtin {color: @accent-builtin;}
span.cm-bracket {color: @accent-bracket;}
span.cm-tag {color: @accent-tag;}
span.cm-attribute {color: @accent-attribute;}
span.cm-header {color: @accent-header;}
span.cm-quote {color: @accent-quote;}
span.cm-hr {color: @accent-hr;}
span.cm-link {color: @accent-link; text-decoration: none;}
span.cm-rangeinfo {color: @accent-rangeinfo;}
span.cm-minus {color: @accent-minus;}
span.cm-plus {color: @accent-plus;}

span.CodeMirror-matchingbracket {color: @accent-bracket !important; background-color: @matching-bracket;}
span.CodeMirror-nonmatchingbracket {color: @accent-bracket;}

div.CodeMirror-cursors {
    .CodeMirror-cursor {
        .code-cursor();
    }

    /* Ensure the cursor shows up in front of code spans with a background color
     * (e.g. matchingbracket).
     */
    z-index: 3;
}

.CodeMirror-lines {
    padding: @code-padding 0;

    /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
     * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
     * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
     * we are guaranteed that the mouse event will be captured by our parent div, and click events will
     * be dispatched.
     */
    pointer-events: none;
}

.CodeMirror-linewidget {
    /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
     * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
    pointer-events: auto;
}

.CodeMirror-gutters {
    background-color: @background-color-3;
    border-right: none;
}

.platform-mac {
    .CodeMirror-scrollbar-filler {
        background-image: url(images/scrollbar-mac-corner.png);
    }
    .CodeMirror-gutter-filler {
        background-image: url(images/scrollbar-mac-bg.png);
    }
}
.platform-win {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @win-scrollbar-track;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}
.platform-linux {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @background-color-3;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}

.CodeMirror-linenumber {
    color: @accent-comment;
    min-width: 2.5em;
    /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
    padding: 0 @code-padding 0 10px;  /* left padding for project panel selection triangle */
}
.CodeMirror .CodeMirror-selected {
    background: @selection-color-unfocused;
}
.CodeMirror-focused .CodeMirror-selected {
    background: @selection-color-focused;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror-overwrite .CodeMirror-cursor {
        border-left: none !important;
        border-bottom: 1px solid black;
        width: 1.2ex;
    }

    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @matching-bracket;
        color: @accent-bracket !important;
    }

    .CodeMirror .CodeMirror-cursors {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursors {
        visibility: visible;
    }

    .CodeMirror .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }

    .show-line-padding & .CodeMirror .CodeMirror-activeline-background {
        box-shadow: none;
    }

    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: @accent-comment;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: @activeline-bgcolor;
    }

    .show-line-padding & .CodeMirror-focused .CodeMirror-activeline-background {
        box-shadow: inset @code-padding 0 0 0 @tc-gray-panel-top-bar;
    }

    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: @tc-gray-panel-top-bar;
            color: @bc-black;
        }
    }

    .CodeMirror-matchingtag { background: @matching-bracket; }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// 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.

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding 0 0;
}

.show-line-padding .CodeMirror pre {
    padding-left: @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.CodeMirror {
    .code-font();
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 15px;

.CodeMirror-activeline-background {
    background: transparent;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: @activeline-bgcolor;
}

.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset @code-padding 0 0 0 @activeline-number-bgcolor;
}

.CodeMirror-focused .CodeMirror-activeline {
    & > div, .CodeMirror-gutter-elt {
        height: 100%;
    }
    .CodeMirror-gutter-elt {
        background: @activeline-number-bgcolor;
        color: @bc-black;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: @accent-comment;
    }
}

.CodeMirror-focused .cm-matchhighlight {
    border-bottom: 2px solid #78B2F2;
}

/**
 * These classes are set to inline-block because they are spans and they need block dimension properties when
 * when calculation height and width.
 */
.CodeMirror-searching,
.CodeMirror-matchingtag,
.CodeMirror-matchingbracket {
    display: inline-block;
}

span.cm-keyword {color: @accent-keyword;}
span.cm-atom {color: @accent-atom;}
span.cm-number {color: @accent-number;}
span.cm-def {color: @accent-def;}
span.cm-variable {color: @accent-variable;}
span.cm-variable-2 {color: @accent-variable-2;}
span.cm-variable-3 {color: @accent-variable-3;}
span.cm-property {color: @accent-property;}
span.cm-operator {color: @accent-operator;}
span.cm-comment {color: @accent-comment;}
span.cm-string {color: @accent-string;}
span.cm-string-2 {color: @accent-string-2;}
span.cm-meta {color: @accent-meta;}
span.cm-error {color: @accent-error;}
span.cm-qualifier {color: @accent-qualifier;}
span.cm-builtin {color: @accent-builtin;}
span.cm-bracket {color: @accent-bracket;}
span.cm-tag {color: @accent-tag;}
span.cm-attribute {color: @accent-attribute;}
span.cm-header {color: @accent-header;}
span.cm-quote {color: @accent-quote;}
span.cm-hr {color: @accent-hr;}
span.cm-link {color: @accent-link; text-decoration: none;}
span.cm-rangeinfo {color: @accent-rangeinfo;}
span.cm-minus {color: @accent-minus;}
span.cm-plus {color: @accent-plus;}

span.CodeMirror-matchingbracket {color: @accent-bracket !important; background-color: @matching-bracket;}
span.CodeMirror-nonmatchingbracket {color: @accent-bracket;}

.CodeMirror-cursors {
    .CodeMirror-cursor {
        .code-cursor();
    }

    /* Ensure the cursor shows up in front of code spans with a background color
     * (e.g. matchingbracket).
     */
    z-index: 3;
}

.CodeMirror-lines {
    padding: @code-padding 0;

    /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
     * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
     * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
     * we are guaranteed that the mouse event will be captured by our parent div, and click events will
     * be dispatched.
     */
    pointer-events: none;
}

.CodeMirror-linewidget {
    /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
     * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
    pointer-events: auto;
}

.CodeMirror-gutters {
    background-color: @background-color-3;
    border-right: none;
}

.platform-mac {
    .CodeMirror-scrollbar-filler {
        background-image: url(images/scrollbar-mac-corner.png);
    }
    .CodeMirror-gutter-filler {
        background-image: url(images/scrollbar-mac-bg.png);
    }
}
.platform-win {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @win-scrollbar-track;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}
.platform-linux {
    .CodeMirror-scrollbar-filler,
    .CodeMirror-gutter-filler {
        background-color: @background-color-3;
        height: 12px !important;
    }
    .CodeMirror-scrollbar-filler {
        width: 12px !important;
    }
}

.CodeMirror-linenumber {
    color: @accent-comment;
    min-width: 2.5em;
    /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
    padding: 0 @code-padding 0 10px;  /* left padding for project panel selection triangle */
}
.CodeMirror .CodeMirror-selected {
    background: @selection-color-unfocused;
}
.CodeMirror-focused .CodeMirror-selected {
    background: @selection-color-focused;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror-overwrite .CodeMirror-cursor {
        border-left: none !important;
        border-bottom: 1px solid black;
        width: 1.2ex;
    }

    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @matching-bracket;
        color: @accent-bracket !important;
    }

    .CodeMirror .CodeMirror-cursors {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursors {
        visibility: visible;
    }

    .CodeMirror .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }

    .show-line-padding & .CodeMirror .CodeMirror-activeline-background {
        box-shadow: none;
    }

    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: @accent-comment;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: @activeline-bgcolor;
    }

    .show-line-padding & .CodeMirror-focused .CodeMirror-activeline-background {
        box-shadow: inset @code-padding 0 0 0 @tc-gray-panel-top-bar;
    }

    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: @tc-gray-panel-top-bar;
            color: @bc-black;
        }
    }

    .CodeMirror-matchingtag { background: @matching-bracket; }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}


Removed background image from .divider class

Fixes #41

// The MIT License (MIT)
//
// Copyright (c) 2011-2014 Webcomm Pty Ltd
//
// 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.

// Misc
.links {
  li {
    display: inline;

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

    &:last-child {
      padding-right: 0;
    }
  }
}

.link-cart,
.link-wishlist,
.link-reorder,
.link-compare,
.link-print {
  font-weight: bold;
}

.btn-remove, .btn-previous,
.btn-remove2, .btn-edit {
  display: inline-block;
  font-size: 0;

  &:hover,
  &:focus {
    text-decoration: none;
  }

  // Create a "X" icon
  &:after {
    font-size: (@font-size-base * 1.0);
    font-weight: @close-font-weight;
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.btn-edit:after {
  content: @fa-var-pencil;
}

.btn-remove, .btn-remove2 {
  // Create a "X" icon
  &:after {
    content: @fa-var-times;
  }
}

.btn-cart {
  .btn-primary();
}

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; text-indent:-999em; overflow:hidden; }

// The MIT License (MIT)
//
// Copyright (c) 2011-2014 Webcomm Pty Ltd
//
// 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.

// Misc
.links {
  li {
    display: inline;

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

    &:last-child {
      padding-right: 0;
    }
  }
}

.link-cart,
.link-wishlist,
.link-reorder,
.link-compare,
.link-print {
  font-weight: bold;
}

.btn-remove, .btn-previous,
.btn-remove2, .btn-edit {
  display: inline-block;
  font-size: 0;

  &:hover,
  &:focus {
    text-decoration: none;
  }

  // Create a "X" icon
  &:after {
    font-size: (@font-size-base * 1.0);
    font-weight: @close-font-weight;
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.btn-edit:after {
  content: @fa-var-pencil;
}

.btn-remove, .btn-remove2 {
  // Create a "X" icon
  &:after {
    content: @fa-var-times;
  }
}

.btn-cart {
  .btn-primary();
}

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(../../images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; }


CRM-1519:User's control on the My Calendar page is broken after minimizing/resizing - fixed problem with small input field for select2

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


added 20px top margin to .Body img

added 20px top margin to .Body img

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
  }

  hr {
    clear: both;
    margin: 20px auto;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e9e7e7;
  }

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

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
    margin: 20px auto;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e9e7e7;
  }

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

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}


add line-height for primary nav

add line-height for primary nav

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


Fix enumerated comment in code.

Fix enumerated comment in code.

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


Fix some minor styling issues

Fix some minor styling issues

@import 'vendor.less';
@import 'grid.less';
@import 'variables.less';
@import 'mixins.less';
@import 'magic.less';

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url('../fonts/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
html {
  background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
}

a,
a:visited {
  color: #00a7e4;
  text-decoration: none;
  .transition-duration(0.3s);
  .transition-property(color);
}

a:hover {
  color: #00539f;
  text-decoration: underline;
}

dl {
  dd {
    margin: 0 0 16px 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  dt {
    font-weight: bold;
    margin-bottom: 2px;
  }
}

footer {
  background: #fff;
  bottom: 0;
  color: #999;
  font-size: 13px;
  height: 74px;
  left: 0;
  line-height: 140%;
  padding: 40px 0;
  position: absolute;
  right: 0;

  nav {
    font-family: @OpenSansLight;
    font-size: 16px;
    line-height: normal;

    > ul {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        margin-bottom: 4px;
        text-align: right;

        &:last-of-type {
          margin-bottom: 0;
        }

        > a {
          &:after {
            content: ' \00BB';
          }
        }
      }
    }
  }
}

h3 {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  margin: 4px 0 24px 0;
  position: relative;
  text-shadow: 1px 1px 0 #f2f2f2;

  a,
  a:visited {
    background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
    color: inherit;
    right: 60px;
    padding: 0 20px;
    position: absolute;
    top: -9px;
  }

  a:hover {
    color: #666;
    text-decoration: none;
  }
}

header {
  background: @purple;
  font-family: @OpenSansLight;
  font-size: 17px;
  height: 50px;
  letter-spacing: -1px;
  margin-bottom: 30px;

  nav {
    > ul {
      border-left: 1px solid #281e41;
      border-right: 1px solid #3a2e54;
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;

      > li {
        border-left: 1px solid #3a2e54;
        border-right: 1px solid #281e41;
        color: #fff;
        float: left;
        position: relative;

        > a,
        > a:visited {
          color: #fff;
          display: block;
          height: 50px;
          line-height: 46px;
          padding: 0 15px 0 20px;

          &:after {
            background: url('../img/icons-sprite.png') -57px -183px no-repeat;
            content: '';
            float: right;
            height: 5px;
            margin: 22px 0 0 10px;
            width: 9px;
          }

          &#login {
            &:after {
              background-position: -57px -304px;
              height: 11px;
              margin-top: 19px;
            }
          }

          &#user-menu {
            img {
              border: 1px solid #fff;
              float: left;
              height: 22px;
              margin: 13px 0;
            }
          }
        }

        > a:hover {
          text-decoration: none;
        }

        > ul {
          background: #222;
          display: none;
          font-family: @OpenSans;
          font-size: 13px;
          letter-spacing: 0;
          list-style: none;
          margin: 0;
          min-width: 100%;
          padding: 0;
          position: absolute;
          right: 0;

          > li {
            text-align: right;
            white-space: nowrap;

            &:hover {
              background-color: #333;
            }

            > a,
            > a:visited {
              color: #aaa;
              display: block;
              padding: 5px 33px 8px 33px;
            }

            > a:hover {
              color: #fff;
              text-decoration: none;
            }
          }
        }

        &:hover {
          .gradient(#222, #333, #222);

          > a,
          > a:visited,
          > a:hover {
            color: #fff;
          }

          > ul {
            display: block;
          }
        }
      }
    }
  }

  .logo,
  .logo:visited,
  .logo:hover {
    background: url('../img/icons-sprite.png') -50px -37px no-repeat;
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    height: 50px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 34px;
    text-decoration: none;
  }
}

.rgba {
  header {
    nav {
      > ul {
        border-left-color: rgba(0, 0, 0, 0.35);
        border-right-color: rgba(255, 255, 255, 0.15);

        > li {
          border-left-color: rgba(255, 255, 255, 0.15);
          border-right-color: rgba(0, 0, 0, 0.35);
        }
      }
    }
  }
}

.box {
  background: #fff;
  .shadowed();
  margin-bottom: 40px;
  padding: 16px 0;

  &.content-box {
    padding-left: 20px;
    padding-right: 20px;

    h2 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  h2 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px 16px 20px;
    padding: 0 0 16px 0;
  }
}

.btn,
.btn:visited {
  .gradient(#276195, #3C88CC, #276195);
  .border-radius(0.25em);
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset");
  color: #fff;
  font-family: @OpenSans;
  font-size: 15px;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  .transition(all 0.25s linear 0s);
}

.btn:hover {
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #3089D8 inset");
  color: #fff;
  text-decoration: none;
}

.error-message {
  background: url('../img/error-splash.png') top center no-repeat;
  font-size: 16px;
  margin: 40px 0 120px 0;
  padding: 230px 0 0 0;
  text-align: center;
}

.notice {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.12);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, 0.04) inset);
  color: #797979;
  margin-bottom: 40px;
  padding: 16px 20px;
  text-align: center;
}

.page {
  min-height: 100%;
  position: relative;
}

.pagination {
  margin: 0 0 40px 0;

  .next {
    float: left;
  }

  .prev {
    float: right;
  }
}

.status-block {
  margin-bottom: 20px;

  .bubble {
    background: #fff;
    .border-radius(6px);
    color: #666;
    min-height: 42px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;

    &:after {
      .linear-gradient-left(transparent, rgba(0, 0, 0, 0.02), 0, rgba(0, 0, 0, 0), 20%);
      background-color: #f8f8f8;
      .border-radius(0 6px 6px 0);
      bottom: 0;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 140px;
      z-index: -1;
    }

    &:before {
      border-color: transparent #fff transparent transparent;
      border-width: 6px 10px 6px 0;
      border-style: solid;
      content: '';
      height: 0;
      left: -10px;
      position: absolute;
      top: 15px;
      width: 0;
    }

    > li {
      border-bottom: 1px dotted #ccc;
      padding: 12px 20px;

      .update {
        line-height: 140%;
        margin-right: 140px;

        .tags {
          margin: 6px 0 0 0;

          .tag {
            background-color: #999;
            border-color: #999;
            .border-radius(3px);
            border-style: solid;
            border-width: 2px 0;
            color: #fff;
            font-size: 11px;
            margin: 0 1px 0 0;
            padding: 0 6px;
            text-transform: lowercase;

            &:last-of-type {
              margin-right: 4px;
            }

            &.tag-blocked {
              background-color: #c00;
              border-color: #c00;
            }

            &.tag-mfbt {
              .animation(rainbow 5s infinite)
            }
          }
        }
      }

      .update-meta {
        float: right;
        line-height: 140%;
        width: 100px;

        .post-time,
        .post-time:visited {
          color: #c0c0c0;
          display: block;
          float: right;
        }

        .post-time:hover {
          color: #999;
        }

        .project-name,
        .project-name:visited {
          background: #36c;
          .border-radius(3px);
          clear: both;
          color: #36c;
          float: right;
          line-height: normal;
          margin-top: 4px;
          padding: 2px 6px;
          position: relative;
          z-index: 0;

          &:after {
            background-color: rgba(255, 255, 255, 0.8);
            .border-radius(2px);
            bottom: 1px;
            content: '';
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px;
            .transition-duration(0.5s);
            .transition-property('background-color');
            z-index: -1;
          }
        }

        .project-name:hover {
          text-decoration: none;

          &:after {
            background-color: rgba(255, 255, 255, 0.7);
          }
        }
      }
    }
  }

  .gravatar {
    .border-radius(6px);
    display: block;
    height: 60px;
    width: 60px;
  }

  .user-meta {
    color: #404040;
    font-family: @OpenSans;
    font-size: 14px;
    text-align: right;

    a,
    a:visited,
    a:hover {
      color: #404040;
      text-decoration: none;
    }

    h4 {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      margin: 8px 0 0 0;
    }
  }
}

#main-content {
  padding-bottom: 174px;
}

@import 'vendor.less';
@import 'grid.less';
@import 'variables.less';
@import 'mixins.less';
@import 'magic.less';

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url('../fonts/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
html {
  background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
}

a,
a:visited {
  color: #00a7e4;
  text-decoration: none;
  .transition-duration(0.3s);
  .transition-property(color);
}

a:hover {
  color: #00539f;
  text-decoration: underline;
}

dl {
  dd {
    margin: 0 0 16px 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  dt {
    font-weight: bold;
    margin-bottom: 2px;
  }
}

footer {
  background: #fff;
  bottom: 0;
  color: #999;
  font-size: 13px;
  height: 74px;
  left: 0;
  line-height: 140%;
  padding: 40px 0;
  position: absolute;
  right: 0;

  nav {
    font-family: @OpenSansLight;
    font-size: 16px;
    line-height: normal;

    > ul {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        margin-bottom: 4px;
        text-align: right;

        &:last-of-type {
          margin-bottom: 0;
        }

        > a {
          &:after {
            content: ' \00BB';
          }
        }
      }
    }
  }
}

h3 {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  margin: 4px 0 24px 0;
  position: relative;
  text-shadow: 1px 1px 0 #f2f2f2;

  a,
  a:visited {
    background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
    color: inherit;
    right: 60px;
    padding: 0 20px;
    position: absolute;
    top: -9px;
  }

  a:hover {
    color: #666;
    text-decoration: none;
  }
}

header {
  background: @purple;
  font-family: @OpenSansLight;
  font-size: 17px;
  height: 50px;
  letter-spacing: -1px;
  margin-bottom: 30px;

  nav {
    > ul {
      border-left: 1px solid #281e41;
      border-right: 1px solid #3a2e54;
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;

      > li {
        border-left: 1px solid #3a2e54;
        border-right: 1px solid #281e41;
        color: #fff;
        float: left;
        position: relative;

        > a,
        > a:visited {
          color: #fff;
          display: block;
          height: 50px;
          line-height: 46px;
          padding: 0 15px 0 20px;

          &:after {
            background: url('../img/icons-sprite.png') -57px -183px no-repeat;
            content: '';
            float: right;
            height: 5px;
            margin: 22px 0 0 10px;
            width: 9px;
          }

          &#login {
            &:after {
              background-position: -57px -304px;
              height: 11px;
              margin-top: 19px;
            }
          }

          &#user-menu {
            img {
              border: 1px solid #fff;
              float: left;
              height: 22px;
              margin: 13px 0;
            }
          }
        }

        > a:hover {
          text-decoration: none;
        }

        > ul {
          background: #222;
          display: none;
          font-size: 15px;
          letter-spacing: 0;
          list-style: none;
          margin: 0;
          min-width: 100%;
          padding: 0;
          position: absolute;
          right: 0;

          > li {
            text-align: right;
            white-space: nowrap;

            &:hover {
              background-color: #333;
            }

            > a,
            > a:visited {
              color: #aaa;
              display: block;
              padding: 5px 33px 8px 33px;
            }

            > a:hover {
              color: #fff;
              text-decoration: none;
            }
          }
        }

        &:hover {
          .gradient(#222, #333, #222);

          > a,
          > a:visited,
          > a:hover {
            color: #fff;
          }

          > ul {
            display: block;
          }
        }
      }
    }
  }

  .logo,
  .logo:visited,
  .logo:hover {
    background: url('../img/icons-sprite.png') -50px -37px no-repeat;
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    height: 50px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 34px;
    text-decoration: none;
  }
}

.rgba {
  header {
    nav {
      > ul {
        border-left-color: rgba(0, 0, 0, 0.35);
        border-right-color: rgba(255, 255, 255, 0.15);

        > li {
          border-left-color: rgba(255, 255, 255, 0.15);
          border-right-color: rgba(0, 0, 0, 0.35);
        }
      }
    }
  }
}

.box {
  background: #fff;
  .shadowed();
  margin-bottom: 40px;
  padding: 16px 0;

  &.content-box {
    padding-left: 20px;
    padding-right: 20px;

    h2 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  h2 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px 16px 20px;
    padding: 0 0 16px 0;
  }
}

.btn,
.btn:visited {
  .gradient(#276195, #3C88CC, #276195);
  .border-radius(0.25em);
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset");
  color: #fff;
  font-family: @OpenSans;
  font-size: 15px;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  .transition(all 0.25s linear 0s);
}

.btn:hover {
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #3089D8 inset");
  color: #fff;
  text-decoration: none;
}

.error-message {
  background: url('../img/error-splash.png') top center no-repeat;
  font-size: 16px;
  margin: 40px 0 120px 0;
  padding: 230px 0 0 0;
  text-align: center;
}

.notice {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.12);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, 0.04) inset);
  color: #797979;
  margin-bottom: 40px;
  padding: 16px 20px;
  text-align: center;
}

.page {
  min-height: 100%;
  position: relative;
}

.pagination {
  margin: 0 0 40px 0;

  .next {
    float: left;
  }

  .prev {
    float: right;
  }
}

.status-block {
  margin-bottom: 20px;

  .bubble {
    background: #fff;
    .border-radius(6px);
    color: #666;
    min-height: 42px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;

    &:after {
      .linear-gradient-left(transparent, rgba(0, 0, 0, 0.02), 0, rgba(0, 0, 0, 0), 20%);
      background-color: #f8f8f8;
      .border-radius(0 6px 6px 0);
      bottom: 0;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 140px;
      z-index: -1;
    }

    &:before {
      border-color: transparent #fff transparent transparent;
      border-width: 6px 10px 6px 0;
      border-style: solid;
      content: '';
      height: 0;
      left: -10px;
      position: absolute;
      top: 15px;
      width: 0;
    }

    > li {
      border-bottom: 1px dotted #ccc;
      padding: 12px 20px;

      .update {
        line-height: 140%;
        margin-right: 140px;

        .tags {
          margin: 6px 0 0 0;

          .tag {
            background-color: #999;
            border-color: #999;
            .border-radius(3px);
            border-style: solid;
            border-width: 2px 0;
            color: #fff;
            font-size: 11px;
            margin: 0 1px 0 0;
            padding: 0 6px;
            text-transform: lowercase;

            &:last-of-type {
              margin-right: 4px;
            }

            &.tag-blocked {
              background-color: #c00;
              border-color: #c00;
            }

            &.tag-mfbt {
              .animation(rainbow 5s infinite)
            }
          }
        }
      }

      .update-meta {
        float: right;
        width: 100px;

        .post-time,
        .post-time:visited {
          color: #c0c0c0;
          display: block;
          float: right;
        }

        .post-time:hover {
          color: #999;
        }

        .project-name,
        .project-name:visited {
          background: #36c;
          .border-radius(3px);
          clear: both;
          color: #36c;
          float: right;
          margin-top: 6px;
          padding: 2px 6px;
          position: relative;
          z-index: 0;

          &:after {
            background-color: rgba(255, 255, 255, 0.8);
            .border-radius(2px);
            bottom: 1px;
            content: '';
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px;
            .transition-duration(0.5s);
            .transition-property('background-color');
            z-index: -1;
          }
        }

        .project-name:hover {
          text-decoration: none;

          &:after {
            background-color: rgba(255, 255, 255, 0.7);
          }
        }
      }
    }
  }

  .gravatar {
    .border-radius(6px);
    display: block;
    height: 60px;
    width: 60px;
  }

  .user-meta {
    color: #404040;
    font-family: @OpenSans;
    font-size: 14px;
    text-align: right;

    a,
    a:visited,
    a:hover {
      color: #404040;
      text-decoration: none;
    }

    h4 {
      font-size: 18px;
      font-weight: bold;
      margin: 8px 0 0 0;
    }
  }
}

#main-content {
  padding-bottom: 174px;
}


Line fix.

Line fix.

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


Create responsive-visibility.less

Create responsive-visibility.less

// Responsive utilities

//
// More easily include all the states for responsive-utilities.less.
.responsive-visibility() {
  display: block !important;
  table&  { display: table; }
  tr&     { display: table-row !important; }
  th&,
  td&     { display: table-cell !important; }
}

.responsive-invisibility() {
  display: none !important;
}

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


Delete icons.less

Delete icons.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/holly-luo/holly-luo.github.io.git/'


Bug Fix

Bug Fix

- Fixed bug that prevented the adminitrator view to be diplayed
correctly

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


style(plugin-title-container): use box-shadow instead of thick line

body, html {
  background-color: @backdrop !important;
  font-family: 'Source Sans Pro', Helvetica, 'Open Sans', sans-serif;
  transition: background-color 500ms ease-in;
}

hr {
  border-top: 5px solid @border;
}

router-view {
  height: 100%;
}

p {
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.5em;
  color: @emperor;
}

.btn-primary:active, .btn-primary:focus, .btn:hover, .btn-primary:active:focus {
  background: @primary !important;
  color: @white !important;
}

.btn-primary {
  background-color: @white;
  border-radius: 4px;
  border: 1px solid @primary;
  color: @primary;
  font-size: 14px;
  font-weight: 400;
}

.k-window-content, k-content {
  background-color: @backdrop;
}

.list-group-item {
  cursor: pointer;

  &.selected {
    background-color: @seashell;
  }

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

  &:first-child {
    border-top: none;
  }
}

.gu-transit {
  .default-tile {
    background: repeating-linear-gradient(
      45deg,
      @border,
      @border 10px,
      #d0d0d0 10px,
      #d0d0d0 20px
    );
  }
}

.default-tile {
  border: 1px solid @border;
  border-radius: 5px;
  background-color: lighten(@backdrop, 10%);
  box-shadow: @tile-shadow;
  transition: background-color 150ms ease-out;

  &:hover {
    background-color: @backdrop-hover;
    transition: background-color 150ms ease-in;
  }

  &:active {
    background-color: darken(@backdrop, 20%);
  }

  &.irrelevant {
    background: repeating-linear-gradient(
      45deg,
      @border,
      @border 10px,
      #d0d0d0 10px,
      #d0d0d0 20px
    );
  }
}

.plugin-title-container {
  // border-bottom: 5px solid rgba(0, 0, 0, .1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

  .plugin-title {
    color: @primary;
  }

  .project-title-plugin {
    color: @primary;
  }
}

tree-list {
  ul {
    padding-left: 0;
  }
}

tree-list {
  > tree-node {
    > ul {
      > li {
        > div {
          background-color: @border;
        }
      }
    }
  }
}

.nav-tabs {
  > li {
    > a {
      color: @primary;
    }
  }
  > li.active {
    > a, a:focus {
      color: @primary;
      font-weight: bold;
    }
  }
}

.splitter {
  background-color: transparent;

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

.title {
  color: @accent;
}

.main-header {
  color: @primary;
}

body, html {
  background-color: @backdrop !important;
  font-family: 'Source Sans Pro', Helvetica, 'Open Sans', sans-serif;
  transition: background-color 500ms ease-in;
}

hr {
  border-top: 5px solid @border;
}

router-view {
  height: 100%;
}

p {
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.5em;
  color: @emperor;
}

.btn-primary:active, .btn-primary:focus, .btn:hover, .btn-primary:active:focus {
  background: @primary !important;
  color: @white !important;
}

.btn-primary {
  background-color: @white;
  border-radius: 4px;
  border: 1px solid @primary;
  color: @primary;
  font-size: 14px;
  font-weight: 400;
}

.k-window-content, k-content {
  background-color: @backdrop;
}

.list-group-item {
  cursor: pointer;

  &.selected {
    background-color: @seashell;
  }

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

  &:first-child {
    border-top: none;
  }
}

.gu-transit {
  .default-tile {
    background: repeating-linear-gradient(
      45deg,
      @border,
      @border 10px,
      #d0d0d0 10px,
      #d0d0d0 20px
    );
  }
}

.default-tile {
  border: 1px solid @border;
  border-radius: 5px;
  background-color: lighten(@backdrop, 10%);
  box-shadow: @tile-shadow;
  transition: background-color 150ms ease-out;

  &:hover {
    background-color: @backdrop-hover;
    transition: background-color 150ms ease-in;
  }

  &:active {
    background-color: darken(@backdrop, 20%);
  }

  &.irrelevant {
    background: repeating-linear-gradient(
      45deg,
      @border,
      @border 10px,
      #d0d0d0 10px,
      #d0d0d0 20px
    );
  }
}

.plugin-title-container {
  border-bottom: 5px solid rgba(0, 0, 0, .1);

  .plugin-title {
    color: @primary;
  }

  .project-title-plugin {
    color: @primary;
  }
}

tree-list {
  ul {
    padding-left: 0;
  }
}

tree-list {
  > tree-node {
    > ul {
      > li {
        > div {
          background-color: @border;
        }
      }
    }
  }
}

.nav-tabs {
  > li {
    > a {
      color: @primary;
    }
  }
  > li.active {
    > a, a:focus {
      color: @primary;
      font-weight: bold;
    }
  }
}

.splitter {
  background-color: transparent;

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

.title {
  color: @accent;
}

.main-header {
  color: @primary;
}


adjust navigation font weight

adjust navigation font weight

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


Actually fixed all the scss to less stuff

@charset "UTF-8";

// Default Variables

@slick-font-path: "./fonts/" !default;
@slick-font-family: "slick" !default;
@slick-loader-path: "./" !default;
@slick-arrow-color: white !default;
@slick-dot-color: black !default;
@slick-dot-color-active: @slick-dot-color !default;
@slick-prev-character: "←" !default;
@slick-next-character: "→" !default;
@slick-dot-character: "•" !default;
@slick-dot-size: 6px !default;
@slick-opacity-default: 0.75 !default;
@slick-opacity-on-hover: 1 !default;
@slick-opacity-not-active: 0.25 !default;

/* Slider */
.slick-loading .slick-list{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    &:hover, &:focus {
        outline: none;
        background: transparent;
        color: transparent;
        &:before {
            opacity: @slick-opacity-on-hover;
        }
    }
    &.slick-disabled:before {
        opacity: @slick-opacity-not-active;
    }
}

.slick-prev:before, .slick-next:before {
    font-family: @slick-font-family;
    font-size: 20px;
    line-height: 1;
    color: @slick-arrow-color;
    opacity: @slick-opacity-default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
    &[dir="rtl"] {
        left: auto;
        right: -25px;
    }
    &:before {
        content: @slick-prev-character;
        &[dir="rtl"] {
            content: @slick-next-character;
        }
    }
}

.slick-next {
    right: -25px;
    &[dir="rtl"] {
        left: -25px;
        right: auto;
    }
    &:before {
        content: @slick-next-character;
        &[dir="rtl"] {
            content: @slick-prev-character;
        }
    }
}

/* Dots */

.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
            &:hover, &:focus {
                outline: none;
                &:before {
                    opacity: @slick-opacity-on-hover;
                }
            }
            &:before {
                position: absolute;
                top: 0;
                left: 0;
                content: @slick-dot-character;
                width: 20px;
                height: 20px;
                font-family: @slick-font-family;
                font-size: @slick-dot-size;
                line-height: 20px;
                text-align: center;
                color: @slick-dot-color;
                opacity: @slick-opacity-not-active;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
        &.slick-active button:before {
            color: @slick-dot-color-active;
            opacity: @slick-opacity-default;
        }
    }
}

@charset "UTF-8";

// Default Variables

@slick-font-path: "./fonts/" !default;
@slick-font-family: "slick" !default;
@slick-loader-path: "./" !default;
@slick-arrow-color: white !default;
@slick-dot-color: black !default;
@slick-dot-color-active: @slick-dot-color !default;
@slick-prev-character: "←" !default;
@slick-next-character: "→" !default;
@slick-dot-character: "•" !default;
@slick-dot-size: 6px !default;
@slick-opacity-default: 0.75 !default;
@slick-opacity-on-hover: 1 !default;
@slick-opacity-not-active: 0.25 !default;

@function slick-image-url(@url) {
    @if function-exists(image-url) {
        @return image-url(@url);
    }
    @else {
        @return url(@slick-loader-path + @url);
    }
}

@function slick-font-url(@url) {
    @if function-exists(font-url) {
        @return font-url(@url);
    }
    @else {
        @return url(@slick-font-path + @url);
    }
}

/* Slider */

.slick-list {
    &.slick-loading {
        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
    }
}

/* Icons */
@if @slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}

/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    &:hover, &:focus {
        outline: none;
        background: transparent;
        color: transparent;
        &:before {
            opacity: @slick-opacity-on-hover;
        }
    }
    &.slick-disabled:before {
        opacity: @slick-opacity-not-active;
    }
}

.slick-prev:before, .slick-next:before {
    font-family: @slick-font-family;
    font-size: 20px;
    line-height: 1;
    color: @slick-arrow-color;
    opacity: @slick-opacity-default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
    &[dir="rtl"] {
        left: auto;
        right: -25px;
    }
    &:before {
        content: @slick-prev-character;
        &[dir="rtl"] {
            content: @slick-next-character;
        }
    }
}

.slick-next {
    right: -25px;
    &[dir="rtl"] {
        left: -25px;
        right: auto;
    }
    &:before {
        content: @slick-next-character;
        &[dir="rtl"] {
            content: @slick-prev-character;
        }
    }
}

/* Dots */

.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
            &:hover, &:focus {
                outline: none;
                &:before {
                    opacity: @slick-opacity-on-hover;
                }
            }
            &:before {
                position: absolute;
                top: 0;
                left: 0;
                content: @slick-dot-character;
                width: 20px;
                height: 20px;
                font-family: @slick-font-family;
                font-size: @slick-dot-size;
                line-height: 20px;
                text-align: center;
                color: @slick-dot-color;
                opacity: @slick-opacity-not-active;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
        &.slick-active button:before {
            color: @slick-dot-color-active;
            opacity: @slick-opacity-default;
        }
    }
}


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


Delete print.less

Delete print.less

{{ cookiecutter.repo_name }}/{{ cookiecutter.repo_name }}/static/less/print.less

error: pathspec '{{' did not match any file(s) known to git
error: pathspec 'cookiecutter.repo_name' did not match any file(s) known to git
error: pathspec '}}/{{' did not match any file(s) known to git
error: pathspec 'cookiecutter.repo_name' did not match any file(s) known to git
error: pathspec '}}/static/less/print.less' did not match any file(s) known to git