Add margins to right/left floated segments

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

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

@type    : 'element';
@element : 'segment';

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

/*******************************
            Segment
*******************************/

.ui.segment {
  position: relative;
  background-color: @background;
  box-shadow: @boxShadow;
  margin: @margin 0em;
  padding: @verticalPadding @horizontalPadding;
  border-radius: @borderRadius;
  border: @border;
}

.ui.segment:first-child {
  margin-top: 0em;
}
.ui.segment:last-child {
  margin-bottom: 0em;
}

.ui.segment:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;

  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: 0px 1px 0px @borderColor;
}
.ui.vertical.segment:first-child {
  padding-top: 0em;
}
.ui.vertical.segment:last-child {
  padding-bottom: 0em;
  box-shadow: none;
}

.ui.horizontal.segment {
  margin: 0em;
  padding-top: 0em;
  padding-bottom: 0em;

  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: 1px 0px 0px @borderColor;
}

/*-------------------
    Loose Coupling
--------------------*/

/* Menu */
.ui.pointing.menu + .ui.attached.segment {
  top: 1px;
}

/* Header */
.ui.inverted.segment > .ui.header {
  color: @white;
}

/* Label */
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

/* Grid */
.ui.page.grid.segment,
.ui.grid .ui.segment.column {
  padding-top: @pageGridMargin;
  padding-bottom: @pageGridMargin;
}
.ui.grid.segment {
  margin: @margin 0rem;
  border-radius: @borderRadius;
}

/* Table */
.ui.basic.table.segment {
  background: @background;
  border: @border;
  box-shadow: @boxShadow;
}
.ui[class*="very basic"].table.segment {
  padding: @verticalPadding @horizontalPadding;
}

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

/*-------------------
        Piled
--------------------*/

.ui.piled.segment {
  margin: @piledMargin 0em;
  box-shadow: @piledBoxShadow;
  z-index: @piledZIndex;
}
.ui.piled.segment:first-child {
  margin-top: 0em;
}
.ui.piled.segment:last-child {
  margin-bottom: 0em;
}
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: @white;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  box-shadow: @piledBoxShadow;
}
.ui.piled.segment:after {
  transform: rotate(@piledDegrees);
  top: 0;
  z-index: -1;
}
.ui.piled.segment:before {
  transform: rotate(-@piledDegrees);
  top: 0;
  z-index: -2;
}

/*-------------------
       Stacked
--------------------*/

.ui.stacked.segment {
  padding-bottom: @stackedPadding;
}
.ui.stacked.segment:after,
.ui.stacked.segment:before {
  content: '';
  position: absolute;
  bottom: -(@stackedHeight / 2);
  left: 0%;

  border-top: 1px solid @borderColor;
  background-color: @stackedPageBackground;

  width: 100%;
  height: @stackedHeight;
  visibility: visible;
}
.ui.stacked.segment:before {
  display: none;
}

/* Add additional page */
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}

/* Inverted */
.ui.stacked.inverted.segment:after,
.ui.stacked.inverted.segment:before {
  background-color: @subtleTransparentBlack;
  border-top: 1px solid @selectedBorderColor;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.segment {
  display: table-cell;
  padding: @circularPadding;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}

/*-------------------
       Raised
--------------------*/

.ui.raised.segment {
  box-shadow: @raisedBoxShadow;
}

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

.ui.disabled.segment {
  opacity: @disabledOpacity;
  color: @disabledTextColor;
}

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

/*-------------------
       Basic
--------------------*/

.ui.basic.segment {
  position: relative;
  background-color: transparent;
  box-shadow: none;

  border-radius: 0px;
}
.ui.basic.segment:first-child {
  padding-top: 0em;
}
.ui.basic.segment:last-child {
  padding-bottom: 0em;
}

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

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

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

.ui.black.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @black;
  border-radius: @coloredBorderRadius !important;
}
.ui.blue.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @blue;
  border-radius: @coloredBorderRadius !important;
}
.ui.green.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @green;
  border-radius: @coloredBorderRadius !important;
}
.ui.orange.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @orange;
  border-radius: @coloredBorderRadius !important;
}
.ui.pink.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @pink;
  border-radius: @coloredBorderRadius !important;
}
.ui.purple.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @purple;
  border-radius: @coloredBorderRadius !important;
}
.ui.red.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @red;
  border-radius: @coloredBorderRadius !important;
}
.ui.teal.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @teal;
  border-radius: @coloredBorderRadius !important;
}
.ui.yellow.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @yellow;
  border-radius: @coloredBorderRadius !important;
}

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

.ui.inverted.segment,
.ui.inverted.black.segment {
  background-color: @black !important;
  color: @white !important;
}
.ui.inverted.blue.segment {
  background-color: @blue !important;
  color: @white !important;
}
.ui.inverted.green.segment {
  background-color: @green !important;
  color: @white !important;
}
.ui.inverted.orange.segment {
  background-color: @orange !important;
  color: @white !important;
}
.ui.inverted.pink.segment {
  background-color: @pink !important;
  color: @white !important;
}
.ui.inverted.purple.segment {
  background-color: @purple !important;
  color: @white !important;
}
.ui.inverted.red.segment {
  background-color: @red !important;
  color: @white !important;
}
.ui.inverted.teal.segment {
  background-color: @teal !important;
  color: @white !important;
}
.ui.inverted.yellow.segment {
  background-color: @yellow !important;
  color: @white !important;
}

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

.ui[class*="left aligned"].segment {
  text-align: left;
}
.ui[class*="right aligned"].segment {
  text-align: right;
}
.ui[class*="center aligned"].segment {
  text-align: center;
}

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

.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: @margin;
}
.ui[class*="right floated"].segment {
  float: right;
  margin-left: @margin;
}

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

.ui.inverted.segment {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui.inverted.segment .segment {
  color: @textColor;
}
.ui.inverted.segment .inverted.segment {
  color: @white;
}
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background-color: @black;
  color: @white;
}

.ui.inverted.block.segment,
.ui.inverted.attached.segment {
  box-shadow: none !important;
  border: none !important;
}

/*-------------------
     Ordinality
--------------------*/

.ui.secondary.segment {
  background: @secondaryBackground;
  color: @secondaryColor;
}

.ui.tertiary.segment {
  background: @tertiaryBackground;
  color: @textColor;
}

.ui.secondary.inverted.segment {
  background: @secondaryInvertedBackground;
  color: @secondaryInvertedColor;
}
.ui.tertiary.inverted.segment {
  background: @tertiaryInvertedBackground;
  color: @tertiaryInvertedColor;
}

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

.ui.segment.attached {
  top: 0px;
  bottom: 0px;
  margin: 0em @attachedHorizontalOffset;
  border-radius: 0px;
  box-shadow: @attachedBoxShadow;
  border: @attachedBorder;
}

/* Top */
.ui[class*="top attached"].segment {
  top: @attachedTopOffset;
  bottom: 0px;

  border-bottom: none;
  margin-top: @margin;
  margin-bottom: 0em;
  border-radius: @borderRadius @borderRadius 0em 0em;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */
.ui.segment[class*="bottom attached"] {
  border-top: none;
  top: @attachedBottomOffset;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: @margin;
  box-shadow: @attachedBottomBoxShadow;
  border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

.loadUIOverrides();

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

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

@type    : 'element';
@element : 'segment';

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

/*******************************
            Segment
*******************************/

.ui.segment {
  position: relative;
  background-color: @background;
  box-shadow: @boxShadow;
  margin: @margin 0em;
  padding: @verticalPadding @horizontalPadding;
  border-radius: @borderRadius;
  border: @border;
}

.ui.segment:first-child {
  margin-top: 0em;
}
.ui.segment:last-child {
  margin-bottom: 0em;
}

.ui.segment:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;

  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: 0px 1px 0px @borderColor;
}
.ui.vertical.segment:first-child {
  padding-top: 0em;
}
.ui.vertical.segment:last-child {
  padding-bottom: 0em;
  box-shadow: none;
}

.ui.horizontal.segment {
  margin: 0em;
  padding-top: 0em;
  padding-bottom: 0em;

  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: 1px 0px 0px @borderColor;
}

/*-------------------
    Loose Coupling
--------------------*/

/* Menu */
.ui.pointing.menu + .ui.attached.segment {
  top: 1px;
}

/* Header */
.ui.inverted.segment > .ui.header {
  color: @white;
}

/* Label */
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

/* Grid */
.ui.page.grid.segment,
.ui.grid .ui.segment.column {
  padding-top: @pageGridMargin;
  padding-bottom: @pageGridMargin;
}
.ui.grid.segment {
  margin: @margin 0rem;
  border-radius: @borderRadius;
}

/* Table */
.ui.basic.table.segment {
  background: @background;
  border: @border;
  box-shadow: @boxShadow;
}
.ui[class*="very basic"].table.segment {
  padding: @verticalPadding @horizontalPadding;
}

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

/*-------------------
        Piled
--------------------*/

.ui.piled.segment {
  margin: @piledMargin 0em;
  box-shadow: @piledBoxShadow;
  z-index: @piledZIndex;
}
.ui.piled.segment:first-child {
  margin-top: 0em;
}
.ui.piled.segment:last-child {
  margin-bottom: 0em;
}
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: @white;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  box-shadow: @piledBoxShadow;
}
.ui.piled.segment:after {
  transform: rotate(@piledDegrees);
  top: 0;
  z-index: -1;
}
.ui.piled.segment:before {
  transform: rotate(-@piledDegrees);
  top: 0;
  z-index: -2;
}

/*-------------------
       Stacked
--------------------*/

.ui.stacked.segment {
  padding-bottom: @stackedPadding;
}
.ui.stacked.segment:after,
.ui.stacked.segment:before {
  content: '';
  position: absolute;
  bottom: -(@stackedHeight / 2);
  left: 0%;

  border-top: 1px solid @borderColor;
  background-color: @stackedPageBackground;

  width: 100%;
  height: @stackedHeight;
  visibility: visible;
}
.ui.stacked.segment:before {
  display: none;
}

/* Add additional page */
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}

/* Inverted */
.ui.stacked.inverted.segment:after,
.ui.stacked.inverted.segment:before {
  background-color: @subtleTransparentBlack;
  border-top: 1px solid @selectedBorderColor;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.segment {
  display: table-cell;
  padding: @circularPadding;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}

/*-------------------
       Raised
--------------------*/

.ui.raised.segment {
  box-shadow: @raisedBoxShadow;
}

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

.ui.disabled.segment {
  opacity: @disabledOpacity;
  color: @disabledTextColor;
}

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

/*-------------------
       Basic
--------------------*/

.ui.basic.segment {
  position: relative;
  background-color: transparent;
  box-shadow: none;

  border-radius: 0px;
}
.ui.basic.segment:first-child {
  padding-top: 0em;
}
.ui.basic.segment:last-child {
  padding-bottom: 0em;
}

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

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

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

.ui.black.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @black;
  border-radius: @coloredBorderRadius !important;
}
.ui.blue.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @blue;
  border-radius: @coloredBorderRadius !important;
}
.ui.green.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @green;
  border-radius: @coloredBorderRadius !important;
}
.ui.orange.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @orange;
  border-radius: @coloredBorderRadius !important;
}
.ui.pink.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @pink;
  border-radius: @coloredBorderRadius !important;
}
.ui.purple.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @purple;
  border-radius: @coloredBorderRadius !important;
}
.ui.red.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @red;
  border-radius: @coloredBorderRadius !important;
}
.ui.teal.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @teal;
  border-radius: @coloredBorderRadius !important;
}
.ui.yellow.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @yellow;
  border-radius: @coloredBorderRadius !important;
}

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

.ui.inverted.segment,
.ui.inverted.black.segment {
  background-color: @black !important;
  color: @white !important;
}
.ui.inverted.blue.segment {
  background-color: @blue !important;
  color: @white !important;
}
.ui.inverted.green.segment {
  background-color: @green !important;
  color: @white !important;
}
.ui.inverted.orange.segment {
  background-color: @orange !important;
  color: @white !important;
}
.ui.inverted.pink.segment {
  background-color: @pink !important;
  color: @white !important;
}
.ui.inverted.purple.segment {
  background-color: @purple !important;
  color: @white !important;
}
.ui.inverted.red.segment {
  background-color: @red !important;
  color: @white !important;
}
.ui.inverted.teal.segment {
  background-color: @teal !important;
  color: @white !important;
}
.ui.inverted.yellow.segment {
  background-color: @yellow !important;
  color: @white !important;
}

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

.ui[class*="left aligned"].segment {
  text-align: left;
}
.ui[class*="right aligned"].segment {
  text-align: right;
}
.ui[class*="center aligned"].segment {
  text-align: center;
}

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

.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
}
.ui[class*="right floated"].segment {
  float: right;
}

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

.ui.inverted.segment {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui.inverted.segment .segment {
  color: @textColor;
}
.ui.inverted.segment .inverted.segment {
  color: @white;
}
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background-color: @black;
  color: @white;
}

.ui.inverted.block.segment,
.ui.inverted.attached.segment {
  box-shadow: none !important;
  border: none !important;
}

/*-------------------
     Ordinality
--------------------*/

.ui.secondary.segment {
  background: @secondaryBackground;
  color: @secondaryColor;
}

.ui.tertiary.segment {
  background: @tertiaryBackground;
  color: @textColor;
}

.ui.secondary.inverted.segment {
  background: @secondaryInvertedBackground;
  color: @secondaryInvertedColor;
}
.ui.tertiary.inverted.segment {
  background: @tertiaryInvertedBackground;
  color: @tertiaryInvertedColor;
}

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

.ui.segment.attached {
  top: 0px;
  bottom: 0px;
  margin: 0em @attachedHorizontalOffset;
  border-radius: 0px;
  box-shadow: @attachedBoxShadow;
  border: @attachedBorder;
}

/* Top */
.ui[class*="top attached"].segment {
  top: @attachedTopOffset;
  bottom: 0px;

  border-bottom: none;
  margin-top: @margin;
  margin-bottom: 0em;
  border-radius: @borderRadius @borderRadius 0em 0em;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */
.ui.segment[class*="bottom attached"] {
  border-top: none;
  top: @attachedBottomOffset;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: @margin;
  box-shadow: @attachedBottomBoxShadow;
  border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

.loadUIOverrides();


check-in

check-in

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/DellGDC/dell-ui-components.git/'


fix content jumping when vertical scrollbar appears/disappears (#1057)

* fix content jumping when vertical scrollbar appears/disappears

* change the jump fix to be solved by always showing the vertical scroll bar on devices with physical mouse attached

html {
    overflow-y: scroll;
}

#modal-snap-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: #fff;
}

.page-loading svg {
    padding: 0;
    margin: 0;
    position: fixed;
    top: -1px;
    bottom: auto;
}

.btn-show-more {
    display: table;
    margin: 10px auto;
}

.pipelines-table {
    th {
        width: 10%;
        min-width: 100px;
    }

    th.name-col {
        width: auto;
    }

    th.actions-col {
        width: 30px;
    }
}

.activity-table {
    margin-top: 10px;

    th {
        width: 75px;
    }

    .branch {
        width: 175px;
    }

    .message {
        width: 50%;
    }

    .duration, .completed {
        width: 125px;
    }

    .status-link {
        cursor: pointer;
    }
}

.multibranch-table {
    margin-top: 10px;

    th {
        width: 100px;
    }

    .branch {
        width: 200px;
    }

    .message {
        width: 50%;
    }

    .lastcommit, .completed {
        width: 125px;
    }
}

.pr-table {
    margin-top: 10px;

    th {
        width: 75px;
    }

    .summary {
        width: 100%;
    }

    .run, .completed {
        width: 125px;
    }
}

.multibranch-table, .pr-table {
    .actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 38px;

        & > * {
            margin-left: 5px;
        }
    }
}

.changeset-table {
    th {
        width: 100px;
    }

    .author {
        width: 150px;
    }

    .message {
        width: 100%;
    }

    .date {
        width: 125px;
    }
}

.artifacts-table {
    th {
        width: 100px;
    }

    .name {
        width: 100%;
    }

    .download {
        text-align: right;
    }
}

nav.page-title { // so a missing title doesn't destroy the layout
    min-height: 4.33em;

    h1 {
        display: flex;
        align-items: center;
    }
}

.sub-header { // for the progress indicator
    position: relative;
    > div > .progress-container {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        margin: 0;
        margin-bottom: -2px;
        height: 7px;
    }
}
main {
    position: relative;
    > div > .progress-container {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 100%;
        z-index: 10;
        margin: 0;
        margin-bottom: -2px;
        height: 7px;
    }
}

.nodes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.nodes__section {
    display: flex;
    align-items: center;
}

.logConsole .result-item-children {
    background-color: @pre-bg;
    border: none;
    padding: 0;
}

code div {
    font-size: 12px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.loadingContainer {
    background-color: #ffffff;
    margin-top: -10px;
    margin-bottom: -5px;
}

code div a{
    margin: 5px;
}

code div a.btn-secondary.inverse:hover{
    background-color: @pre-color-hover;
}

.jdl-table {
    td.multipleLines {
        white-space: pre-wrap;
    }
}

.changeset-table {
    td {
        vertical-align: top;
    }
}

.selected {
    font-weight: bold;
}

.stepAnimation-enter {
    opacity: 0;
    visibility:hidden;
    .transition(all linear 0.5s);

    &.stepAnimation-enter-active {
        opacity: 1;
        visibility:visible;
    }
}

.stepAnimation-leave {
    opacity: 1;
    visibility:visible;
    .transition(all linear 0.5s);

    &.stepAnimation-leave-active {
        opacity: 0;
        visibility:hidden;
    }
}

.stepAnimation-appear {
    opacity: 0;
    visibility:hidden;
    .transition('visibility linear 0.5s,opacity 0.5s linear');

    &.stepAnimation-appear-active {
        visibility:visible;
        opacity:1;
    }
}

.transition(@transition) {
    position: absolute;
    width: 84%;
    -webkit-transition: @transition;
    -o-transition: @transition;
    transition: @transition;
}

.dialog .header-content {
    .page-tabs {
        display: inline-block;
    }

    .button-bar {
        display: inline-flex;
        float: right;
        height: 40px;
        align-items: center;

        .btn {
            font-size: 15px;
            padding-top: 2px;
            padding-bottom: 2px;
        }

        &>*+* {
            margin-left:1rem;
        }
    }
}

.cell-link {
    a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        color: inherit;
        .text-overflow;
    }

    &.u-link-padding a {
        padding: 0.5em 0.8em 0.5em 0;
    }
}

// FIXME This is probably still not ideal. Belongs in JDL, also.
.u-table-lr-indents {
    .cell-link, // TODO: Do we need this?
    td, th {
        &:first-child {
            padding-left: 1rem;
        }

        &:last-child {
            padding-right: 1rem;
        }
    }
}

a.pipelineRedirectLink {
    display:block;
}

a.pipelineRedirectLink svg {
    vertical-align: middle;
    fill: @gray-light;
    fill-opacity: 0.5;
    padding-left: 5px;
}

.log-body {
    background-color: @pre-bg;
    padding: 0.5rem;
    pre {
        clear: left;
        white-space: pre-wrap;
        word-wrap: break-word;
        counter-reset: line-numbering;
        margin: 0;
        box-sizing: border-box;
        font-size: 1.2rem;
        .fullLog {
            display: flex;
            justify-content: center;
        }
    }
    p {
        padding: 0 15px 0 55px;
        margin: 0;
        min-height: 16px;

        .log-boxes {
            display: flex;
            flex-direction: row;
        }

        a {
            display: inline-block;
            text-align: right;
            min-width: 40px;
            margin-left: -27px;
            cursor: pointer;
            text-decoration: none;
            color: @gray-light;
        }
        a::before {
            content: counter(line-numbering);
            user-select: none;
            counter-increment: line-numbering;
            padding-right: 1em;
        }
        a:hover {
            color: @pre-color;
            text-decoration: none;
        }
    }
    p:hover {
        background-color: @pre-color-hover;
    }
    .line {
        color: @pre-color;
        padding-left: 22px;
        padding-right: 15px;
    }
}

.u-label-value {
    label {
        font-weight: bold;
    }
}


update ie9 file.

update ie9 file.

#homepage ul.slidee li,#homepage a.prev,#homepage a.next{
	display:none;
}
#homepage ul.slidee li.slide-1{
	display:block;
}
.ui.grid>.row>.column{
	width:100% !important;
}
.ui.grid{
	font-size:14px!important;
}
.ui.grid>.row.column.two>.column{
	width:49%!important;
}
.ui.grid>.row>.four.wide.column{
	width:24%!important;
}
.ui.responsive.grid{
	padding:0 8%;
}

.header.main .eight.wide.column,.header.main .sixteen.wide.column{display:none;}

#menu ul {list-style:none;margin:0px;}
#menu ul li {float:left;}
#menu ul li{padding:0px 10px 5px;}
#menu ul li a{text-decoration: none;color:#f36;font-weight:700;}
#menu ul li a img{border:none;}
#menu ul li.word{float:right;padding:37px 40px;}

.product.content.froala-element p img{position:none;width:100% !important;}
.ui.grid>.column.width{
  width:40% !important;
}
#frame .slidee{
	display:none;
}

.ui.tophead{background:#eb617a \9;}
.ui.tophead .active{border:1px solid #fff;background:#eb617a \9;}

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


fix(style): margin after ctnCurtains removed

Closes #4

/**
 * ngCurtain Styles
 * ----------------
 * These are required to make ngCurtain work.
 */

html {
  height: 100%;
  overflow-x: hidden;
}

.ctn-curtains {
  width: 100%;
  z-index:1;
  position:relative;
  margin: 0;
}

.ctn-curtain {
  -webkit-transform:translateZ(0);
  background: white;
  position: fixed;
  display:block;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index:1;
}

.ctn-curtain.hidden { display: none !important; }
.ctn-curtain:first-child { z-index:2; }

/**
 * ngCurtain Styles
 * ----------------
 * These are required to make ngCurtain work.
 */

html {
  height: 100%;
  overflow-x: hidden;
}

.ctn-curtains {
  width: 100%;
  z-index:1;
  position:relative;
}

.ctn-curtain {
  -webkit-transform:translateZ(0);
  background: white;
  position: fixed;
  display:block;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index:1;
}

.ctn-curtain.hidden { display: none !important; }
.ctn-curtain:first-child { z-index:2; }


fix: meta.selector color

fix: meta.selector color

@import "syntax-variables";

atom-text-editor::shadow {
  .wrap-guide {
    background-color: @syntax-indent-guide-color;
  }

  .bracket-matcher .region {
    border-bottom: 1px solid @white;
  }
}

atom-text-editor, :host {
  background-color: @syntax-background-color;
  color: @syntax-text-color;

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

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

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

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

  .gutter {
    background-color: @syntax-gutter-background-color;
    color: @syntax-gutter-text-color;

    .line-number {
      &.cursor-line {
        background-color: @syntax-gutter-background-color-selected;
        color: @syntax-gutter-text-color-selected;
      }

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

  .gutter .line-number.folded,
  .gutter .line-number:after,
  .fold-marker:after {
    color: @light-gray;
  }

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

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

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

atom-text-editor .search-results .marker .region,
:host .search-results .marker .region {
  background-color: transparent;
  border: 1px solid @syntax-result-marker-color;
}

atom-text-editor .search-results .marker.current-result .region,
:host .search-results .marker.current-result .region {
  border: 1px solid @syntax-result-marker-color-selected;
}

.comment {
  color: @dark-gray;
}

.comment.block {
  font-style: italic;
}

.comment.block.documentation {
  font-style: normal;
}

.keyword {
  color: @red;

  /*
  &.other.special-method {
    color: @red;
  }

  &.other.unit {
    color: @red;
  }
  */
}

.storage {
  color: @light-orange;

  &.jsdoc {
    color: @lighter-gray;
    font-style: none;
  }
}

.constant {
  color: @red;

  &.regexp, &.character.escape {
    color: @cyan;
  }

  &.numeric {
    color: @green;
  }

  &.other.color {
    color: @green;
  }

  &.other.symbol {
    color: @green;
  }
}

.variable {
  color: @blue;

  &.interpolation {
    color: darken(@blue, 10%);
  }

  &.parameter.function {
    color: @syntax-text-color;
  }

  &.object {
    color: @cyan;
  }

  &.language {
    color: @pink;
  }

  &.other.module {
    color: @pink;
    text-decoration: underline;
  }
}

.invalid.illegal {
  background-color: @red;
  color: @syntax-background-color;
}

.string {
  color: @green;
  background-color: @greenbg;

  &.regexp {
    color: @cyan;

    .source.ruby.embedded {
      color: @red;
    }
  }

  &.other.link {
    color: @red;
  }
}

.punctuation {
  &.definition {
    &.comment {
      color: @dark-gray;
    }

    &.variable {
      color: @red;
    }

    &.array {
      color: @syntax-text-color;
    }

    &.string {
      color: @red;
      background-color: transparent;
    }

    &.parameters,
    &.arguments.bracket {
      color: @light-blue;
    }

    &.heading,
    &.identity {
      color: @blue;
    }

    &.tag {
      color: @blue;
    }

    &.bold {
      color: @orange;
      font-weight: bold;
    }

    &.italic {
      color: @purple;
      font-style: italic;
    }

  }

  &.section.embedded {
    color: darken(@red, 10%);
  }

}

.support {
  &.class, &.other.namespace.use {
    color: @pink;
    text-decoration: underline;
  }

  &.type {
    color: @pink;
  }

  &.constant {
    color: @light-orange;
  }

  &.function  {
    color: @darker-blue;

    &.any-method {
      color: @blue;
    }
  }
}

.entity {
  &.name.function {
    color: @darker-blue;
  }

  &.name.type {
    color: @pink;
    text-decoration: underline;
  }

  &.other.inherited-class {
    color: @green;
  }

  &.name.class, &.name.type.class {
    color: @pink;
    text-decoration: underline;
  }

  &.name.section {
    color: @blue;
  }

  &.name.tag {
    color: @blue;
    text-decoration: underline;
  }

  &.other.attribute-name {
    color: @red;

    &.pseudo-class {
      color: @light-orange;
    }

    &.id {
      color: @blue;
    }
  }

  &.gfm {
    color: @green;
  }

  &.definition {
    color: @light-orange;
  }
}

.meta {
  &.class {
    color: @orange;
  }

  &.link {
    color: @orange;
  }

  &.require {
    color: @blue;
  }

  &.selector {
    color: @pink;
  }

  &.separator {
    background-color: @gray;
    color: @syntax-text-color;
  }
}

.none {
  color: @syntax-text-color;
}

.markup {
  &.bold {
    color: @orange;
    font-weight: bold;
  }

  &.changed {
    color: @purple;
  }

  &.deleted {
    color: @red;
  }

  &.italic {
    color: @purple;
    font-style: italic;
  }

  &.heading .punctuation.definition.heading {
    color: @blue;
  }

  &.heading {
    color: @light-orange;
    font-weight: bold;
  }

  &.raw {
    color: @white;
  }

  &.inserted {
    color: @green;
  }

  &.list {
    color: @red;
  }

  &.quote {
    color: @orange;
  }

  &.raw.inline {
    color: @green;
  }

  &.link {
    color: @blue;
    text-decoration: underline;
  }
}

atom-text-editor[mini] .scroll-view,
:host([mini]) .scroll-view {
  padding-left: 1px;
}

@import "syntax-variables";

atom-text-editor::shadow {
  .wrap-guide {
    background-color: @syntax-indent-guide-color;
  }

  .bracket-matcher .region {
    border-bottom: 1px solid @white;
  }
}

atom-text-editor, :host {
  background-color: @syntax-background-color;
  color: @syntax-text-color;

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

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

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

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

  .gutter {
    background-color: @syntax-gutter-background-color;
    color: @syntax-gutter-text-color;

    .line-number {
      &.cursor-line {
        background-color: @syntax-gutter-background-color-selected;
        color: @syntax-gutter-text-color-selected;
      }

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

  .gutter .line-number.folded,
  .gutter .line-number:after,
  .fold-marker:after {
    color: @light-gray;
  }

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

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

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

atom-text-editor .search-results .marker .region,
:host .search-results .marker .region {
  background-color: transparent;
  border: 1px solid @syntax-result-marker-color;
}

atom-text-editor .search-results .marker.current-result .region,
:host .search-results .marker.current-result .region {
  border: 1px solid @syntax-result-marker-color-selected;
}

.comment {
  color: @dark-gray;
}

.comment.block {
  font-style: italic;
}

.comment.block.documentation {
  font-style: normal;
}

.keyword {
  color: @red;

  /*
  &.other.special-method {
    color: @red;
  }

  &.other.unit {
    color: @red;
  }
  */
}

.storage {
  color: @light-orange;

  &.jsdoc {
    color: @lighter-gray;
    font-style: none;
  }
}

.constant {
  color: @red;

  &.regexp, &.character.escape {
    color: @cyan;
  }

  &.numeric {
    color: @green;
  }

  &.other.color {
    color: @green;
  }

  &.other.symbol {
    color: @green;
  }
}

.variable {
  color: @blue;

  &.interpolation {
    color: darken(@blue, 10%);
  }

  &.parameter.function {
    color: @syntax-text-color;
  }

  &.object {
    color: @cyan;
  }

  &.language {
    color: @pink;
  }

  &.other.module {
    color: @pink;
    text-decoration: underline;
  }
}

.invalid.illegal {
  background-color: @red;
  color: @syntax-background-color;
}

.string {
  color: @green;
  background-color: @greenbg;

  &.regexp {
    color: @cyan;

    .source.ruby.embedded {
      color: @red;
    }
  }

  &.other.link {
    color: @red;
  }
}

.punctuation {
  &.definition {
    &.comment {
      color: @dark-gray;
    }

    &.variable {
      color: @red;
    }

    &.array {
      color: @syntax-text-color;
    }

    &.string {
      color: @red;
      background-color: transparent;
    }

    &.parameters,
    &.arguments.bracket {
      color: @light-blue;
    }

    &.heading,
    &.identity {
      color: @blue;
    }

    &.tag {
      color: @blue;
    }

    &.bold {
      color: @orange;
      font-weight: bold;
    }

    &.italic {
      color: @purple;
      font-style: italic;
    }

  }

  &.section.embedded {
    color: darken(@red, 10%);
  }

}

.support {
  &.class, &.other.namespace.use {
    color: @pink;
    text-decoration: underline;
  }

  &.type {
    color: @pink;
  }

  &.constant {
    color: @light-orange;
  }

  &.function  {
    color: @darker-blue;

    &.any-method {
      color: @blue;
    }
  }
}

.entity {
  &.name.function {
    color: @darker-blue;
  }

  &.name.type {
    color: @pink;
    text-decoration: underline;
  }

  &.other.inherited-class {
    color: @green;
  }

  &.name.class, &.name.type.class {
    color: @pink;
    text-decoration: underline;
  }

  &.name.section {
    color: @blue;
  }

  &.name.tag {
    color: @blue;
    text-decoration: underline;
  }

  &.other.attribute-name {
    color: @red;

    &.pseudo-class {
      color: @light-orange;
    }

    &.id {
      color: @blue;
    }
  }

  &.gfm {
    color: @green;
  }

  &.definition {
    color: @light-orange;
  }
}

.meta {
  &.class {
    color: @orange;
  }

  &.link {
    color: @orange;
  }

  &.require {
    color: @blue;
  }

  &.selector {
    color: @purple;
  }

  &.separator {
    background-color: @gray;
    color: @syntax-text-color;
  }
}

.none {
  color: @syntax-text-color;
}

.markup {
  &.bold {
    color: @orange;
    font-weight: bold;
  }

  &.changed {
    color: @purple;
  }

  &.deleted {
    color: @red;
  }

  &.italic {
    color: @purple;
    font-style: italic;
  }

  &.heading .punctuation.definition.heading {
    color: @blue;
  }

  &.heading {
    color: @light-orange;
    font-weight: bold;
  }

  &.raw {
    color: @white;
  }

  &.inserted {
    color: @green;
  }

  &.list {
    color: @red;
  }

  &.quote {
    color: @orange;
  }

  &.raw.inline {
    color: @green;
  }

  &.link {
    color: @blue;
    text-decoration: underline;
  }
}

atom-text-editor[mini] .scroll-view,
:host([mini]) .scroll-view {
  padding-left: 1px;
}


Remove searchblock background color

Remove searchblock background color

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


style blockquote

style blockquote

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


put navicon on its own line

put navicon on its own line

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


oops css forgot to add

oops css forgot to add

* {
	margin:0px; padding:0px;
}

table {
	tr td {
		vertical-align:top;
		margin:0px;
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
		padding:0px 10px !important;
		* {
			height:99%;
		}
		pre {
			margin: 0px !important;
			padding:0px;
		}
	}
}

error: pathspec 'html/test/channel/css/channeltest.less' did not match any file(s) known to git


Header and paragraph default styles

Header and paragraph default 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/studiomotio/www1.git/'


[DOC] Style change and fixing whitespace issues in less.

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


Removing :focus debugging CSS

Removing :focus debugging CSS

*:focus {
	outline: none;
}

.scheduler {
	&-end {
		display: none;

		.datepicker {
			display: none;
			float: left;
			margin-left: 10px;

			> input {
				width: 100px
			}
		}

		.selectlist {
			float: left;
		}

		.spinbox {
			display: none;
			float: left;
			margin-left: 10px;

			input {
				margin-bottom: 0;
			}
		}
	}

	&-repeat {
		.dropdown-menu {
			max-height: 200px;
			overflow: auto;
		}

		.repeat-interval {
			.clearfix;

			&-panel {
				display: none;
				float: left;

				.repeat-interval-pretext,
				.repeat-interval-text
				{
					float: left;
					line-height: 27px;
					margin-top:2px;
				}

				.repeat-interval-pretext {
					padding: 0 10px;
				}

				.spinbox {
					float: left;
					margin-right: 0;

					input {
						margin-bottom: 0;
					}
				}
			}
		}

		.scheduler-monthly {

			&-date {
				margin-top: 10px;
				.clearfix;

				.radio {
					margin: 6px 10px 0 0;
				}

				.selectlist {
					margin-left: 5px;
				}
			}

			&-day {
				margin-top: 10px;
				.clearfix;

				.radio {
					margin: 6px 10px 0 0;
				}

				.month-day-pos {
					margin: 0 5px 0 0;
				}
			}
		}

		.scheduler-yearly {

			&-date {
				margin-top: 10px;
				.clearfix;

				.radio {
					margin: 6px 10px 0 0;
				}

				.selectlist {
					&.year-month {
						margin-left: 5px;

						&-day {
							margin-left: 10px;
						}
					}
				}
			}

			&-day {
				margin-top: 10px;
				.clearfix;

				.radio {
					margin: 6px 10px 0 0;
				}

				.scheduler-yearly-day-text {
					float: left;
					line-height: 27px;
					margin: 3px 10px 0;
				}

				.year-month-day-pos {
					margin: 0 5px;
				}
			}
		}

		.scheduler-weekly {
			padding: 10px 0 0 0;

			button:not(.active) {
				background-color: #fff;
			}

			.btn-group {
				&.disabled {
					position: relative;
					opacity: 0.65;

					&:before {
						background: transparent;
						bottom: 0;
						content: "";
						left: 0;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 5;
					}
				}
			}
		}

		.selectlist {
			float: left;
		}

		label.radio {
			float: left;
			line-height: 27px;

			input {
				margin-top: 8px;
			}
		}
	}

	&-start {

		.combobox {
			.dropdown-menu {
				max-height: 200px;
				overflow: auto;
			}

			input {
				width: 90px;
			}
		}

		.dropdown {
			float: left;
			margin: 0 10px 0 0;
		}
	}

	&-table {
		td {
			margin: 0;
			padding: 5px;
			vertical-align: top;

			&.scheduler-label {
				padding-top: 8px;
			}
		}
	}

	&-timezone {
		.dropdown-label {
			height: 18px;
			white-space: nowrap;
			width: 334px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.dropdown-menu {
			max-height: 200px;
			overflow: auto;
			width: 376px;
		}
	}

	.recurrence-panel {
		display: none;
	}
}


Delete variables.less

Delete variables.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/dalylg/dalylg.github.io.git/'


Added activity css

Added activity css

Signed-off-by: tomdev <96835dd8bfa718bd6447ccc87af89ae1675daeca@codigy.nl>

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


Slightly transparent menu

Slightly transparent menu

/**
 *    Copyright 2015-2016 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
.nav-popup {
  @_top: nav-popup;
  @_menu-spacing: (@spacing * 3);

  width: 100%;
  background-color: fade(@grey-2, 95%);
  background-size: cover;
  display: flex;

  @media @desktop {
    padding-left: (@padding-big - (@_menu-spacing / 2));
    height: @height--nav-popup;
  }

  &--dim {
    &::before {
      display: block;
      .full-size();
      background-color: fade(@grey-0, 75%);
    }
  }

  &--sections {
    color: @grey-9;
    justify-content: flex-end;

    flex-direction: column;
    @media @desktop {
      flex-direction: row;
    }
  }

  &__action {
    margin: 0 (@spacing / 2);
  }

  &__bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  &__flags {
    margin: @spacing (-@spacing / 2) (@spacing * 2);
  }

  &__flag {
    .default-border-radius();
    .default-box-shadow();
    height: (@spacing * 2);
    margin: 0 (@spacing / 2);
  }

  &__form-input {
    .default-border-radius();
    border: none;
    outline: none;
    background-color: @grey-2;
    padding: @spacing (@spacing / 2);

    margin: (@spacing / 2);

    @media @desktop {
      width: calc(100% ~'-' @spacing);
      margin: 0 (@spacing / 2);
    }

    &::placeholder {
      color: @grey-7;
    }
  }

  &__link {
    color: @yellow;
    font-size: @font-size--nav-popup-link;
    margin: (@spacing / 4) 0;
    display: block;

    &:focus,
    &:hover {
      text-decoration: none;
      color: @grey-f;
    }
  }

  &__link-marker {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    align-items: center;
    display: flex;
    margin-right: @spacing;
    color: @grey-5;
    opacity: 0;

    .@{_top}__link:focus &,
    .@{_top}__link:hover & {
      opacity: 1;
    }
  }

  &__menu {
    display: flex;
    flex-direction: column;
  }

  &__menu-head {
    color: @grey-9;
    display: flex;
    padding: (@spacing / 2) (@_menu-spacing / 2) @spacing;
    flex: none;

    &.js-nav-section-link--active,
    &.js-menu--active,
    &:focus,
    &:hover {
      color: @grey-f;
      font-weight: 500;
      text-decoration: none;
    }
  }

  &__menu-head-bar {
    position: absolute;
    top: 0;
    width: calc(100% ~'-' @_menu-spacing);
    transition-duration: 80ms;
    transform: translateY(-100%);

    .@{_top}__menu-head.js-nav-section-link--active &,
    .@{_top}__menu-head.js-menu--active &,
    .@{_top}__menu-head:focus &,
    .@{_top}__menu-head:hover & {
      transform: translateY(0%);
    }
  }

  &__row {
    flex: none;
    margin: 0 0 @spacing;
    display: flex;

    &--actions {
      justify-content: space-between;
      align-items: center;
      white-space: nowrap;
    }

    &--error {
      color: @purple-light;
    }

    &--full {
      flex: 1;
    }

    &--title {
      color: @grey-f;
      font-size: @font-size--nav-popup-title;
      font-style: normal;
    }

    &--username {
      color: @grey-f;
      font-size: @font-size--nav-popup-title-large;
      font-style: italic;
      font-weight: 600;
    }

    &--with-gutter {
      margin-left: (-@spacing / 2);
      margin-right: (-@spacing / 2);
    }

    &--xs-vertical {
      @media @mobile {
        flex-direction: column;
      }
    }
  }

  &__section {
    padding: (@spacing * 2) (@spacing * 2) 0;
    display: flex;
    flex-direction: column;
    font-size: @font-size--nav-popup-section;
    flex: 1;

    &--login {
      background-color: @grey-3;

      @media @desktop {
        max-width: 380px;
      }
    }

    &--user {
      flex: none;
      padding-top: (@spacing * 4);
      padding-bottom: (@spacing * 3);
    }

    &--user-overview {
      min-width: 180px;

      background-color: fade(@grey-0, 50%);

      align-items: flex-end;
    }

    &--user-links {
      background-color: @grey-2;
      padding-left: (@spacing * 4);
    }

    &--register {
      background-color: @grey-4;

      @media @desktop {
        max-width: 240px;
      }
    }
  }

  &__submenu-container {
    width: 0;
    flex: 1;
    display: flex;
    padding-left: (@_menu-spacing / 2);
  }

  &__submenu {
    padding-right: (@spacing * 2);
  }
}

/**
 *    Copyright 2015-2016 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
.nav-popup {
  @_top: nav-popup;
  @_menu-spacing: (@spacing * 3);

  width: 100%;
  background-color: @grey-2;
  background-size: cover;
  display: flex;

  @media @desktop {
    padding-left: (@padding-big - (@_menu-spacing / 2));
    height: @height--nav-popup;
  }

  &--dim {
    &::before {
      display: block;
      .full-size();
      background-color: fade(@grey-0, 75%);
    }
  }

  &--sections {
    color: @grey-9;
    justify-content: flex-end;

    flex-direction: column;
    @media @desktop {
      flex-direction: row;
    }
  }

  &__action {
    margin: 0 (@spacing / 2);
  }

  &__bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  &__flags {
    margin: @spacing (-@spacing / 2) (@spacing * 2);
  }

  &__flag {
    .default-border-radius();
    .default-box-shadow();
    height: (@spacing * 2);
    margin: 0 (@spacing / 2);
  }

  &__form-input {
    .default-border-radius();
    border: none;
    outline: none;
    background-color: @grey-2;
    padding: @spacing (@spacing / 2);

    margin: (@spacing / 2);

    @media @desktop {
      width: calc(100% ~'-' @spacing);
      margin: 0 (@spacing / 2);
    }

    &::placeholder {
      color: @grey-7;
    }
  }

  &__link {
    color: @yellow;
    font-size: @font-size--nav-popup-link;
    margin: (@spacing / 4) 0;
    display: block;

    &:focus,
    &:hover {
      text-decoration: none;
      color: @grey-f;
    }
  }

  &__link-marker {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    align-items: center;
    display: flex;
    margin-right: @spacing;
    color: @grey-5;
    opacity: 0;

    .@{_top}__link:focus &,
    .@{_top}__link:hover & {
      opacity: 1;
    }
  }

  &__menu {
    display: flex;
    flex-direction: column;
  }

  &__menu-head {
    color: @grey-9;
    display: flex;
    padding: (@spacing / 2) (@_menu-spacing / 2) @spacing;
    flex: none;

    &.js-nav-section-link--active,
    &.js-menu--active,
    &:focus,
    &:hover {
      color: @grey-f;
      font-weight: 500;
      text-decoration: none;
    }
  }

  &__menu-head-bar {
    position: absolute;
    top: 0;
    width: calc(100% ~'-' @_menu-spacing);
    transition-duration: 80ms;
    transform: translateY(-100%);

    .@{_top}__menu-head.js-nav-section-link--active &,
    .@{_top}__menu-head.js-menu--active &,
    .@{_top}__menu-head:focus &,
    .@{_top}__menu-head:hover & {
      transform: translateY(0%);
    }
  }

  &__row {
    flex: none;
    margin: 0 0 @spacing;
    display: flex;

    &--actions {
      justify-content: space-between;
      align-items: center;
      white-space: nowrap;
    }

    &--error {
      color: @purple-light;
    }

    &--full {
      flex: 1;
    }

    &--title {
      color: @grey-f;
      font-size: @font-size--nav-popup-title;
      font-style: normal;
    }

    &--username {
      color: @grey-f;
      font-size: @font-size--nav-popup-title-large;
      font-style: italic;
      font-weight: 600;
    }

    &--with-gutter {
      margin-left: (-@spacing / 2);
      margin-right: (-@spacing / 2);
    }

    &--xs-vertical {
      @media @mobile {
        flex-direction: column;
      }
    }
  }

  &__section {
    padding: (@spacing * 2) (@spacing * 2) 0;
    display: flex;
    flex-direction: column;
    font-size: @font-size--nav-popup-section;
    flex: 1;

    &--login {
      background-color: @grey-3;

      @media @desktop {
        max-width: 380px;
      }
    }

    &--user {
      flex: none;
      padding-top: (@spacing * 4);
      padding-bottom: (@spacing * 3);
    }

    &--user-overview {
      min-width: 180px;

      background-color: fade(@grey-0, 50%);

      align-items: flex-end;
    }

    &--user-links {
      background-color: @grey-2;
      padding-left: (@spacing * 4);
    }

    &--register {
      background-color: @grey-4;

      @media @desktop {
        max-width: 240px;
      }
    }
  }

  &__submenu-container {
    width: 0;
    flex: 1;
    display: flex;
    padding-left: (@_menu-spacing / 2);
  }

  &__submenu {
    padding-right: (@spacing * 2);
  }
}


style fixes to image-drop list in composer window

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


Simplify CSS selector

Simplify CSS selector

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


tweak to less file

tweak to less file


Adjust line-height of url content since it has smaller font-size

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


Scrolling helpers

Scrolling helpers

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


OC-938 vertically centering content in table cells

html {
  height:100vh;
  width:100vw;
  max-width:@app-container-size;
  margin:0 auto;
  overflow:hidden;
  background-color:@html-bg;
}

body {
  height:100%;
  width:100%;
  overflow:hidden;
  position:relative;
}

main {
  flex:1 1 auto;
  overflow:hidden;
  position:relative;
  > [id^="COMPONENT_"] { //Make the component container element fill the entire <main> for background styles
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:25px;
  }
}

[ui-sref],
[ng-click]{
  cursor: pointer;
}

.container {
  max-width:100%;
}

.pagination {
  margin:0;
}

//TABLES WITH FIXED HEADERS
.table-fixed-header {
  position:relative;
  padding-top:@table-header-height;
  margin-bottom:@line-height-computed;
  overflow:hidden;
  .table-header-bg {
    position:absolute;
    left:0; right:0; top:0;
    height:@table-header-height;
    background:@table-bg;
    border:1px solid @table-border-color;
    border-bottom-width:2px;
  }
  .table-container {
    background-color:@table-bg;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:@infinite-scroll-size;
    border: 1px solid @table-border-color;
    border-top-width:0;
    table {
      border-spacing:0;
      margin-bottom:0;
    }
    td {
      border:1px solid @table-border-color;
      vertical-align:middle;
      &:first-child {
        border-left:none;
      }
      &:last-child {
        border-left:none;
      }
    }
    th {
      height: 0;
      line-height: 0;
      padding: 0 25px;
      color: transparent;
      border: none;
      white-space: nowrap;
      span {
        max-height:0;
        height:0;
        line-height:0;
        margin:0;
        padding:0;
      }
      div{
        position: absolute;
        background: transparent;
        padding:@table-cell-padding;
        color: @text-color;
        top: 0;
        margin-left: -25px;
        line-height: @line-height-base;
        vertical-align: bottom;
        border-left:1px solid @table-border-color;
      }
      &:first-child div{
        border: none;
      }
    }
    tbody tr {
      &:first-child {
        td {
          border-top:none;
        }
      }
      &:last-child {
        td {
          border-bottom:none;
        }
      }
    }
  }
}
colgroup {
  > col.action-column {
    width:70px;
  }
}

// OC Responsive Tables
// commandeered from http://codepen.io/pixelchar/pen/rfuqK
.oc-table-responsive {
  &.table-bordered {
    border:none;
    & > tbody > tr{
      & > th {
        border:none;
      }
      & > td {
        border-width:1px 0 0 0;
      }
    }
  }
  thead {
    // Accessibly hide <thead> on narrow viewports
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  // Set these items to display: block for narrow viewports
  tbody,
  tr,
  th,
  td {
    display: block;
    white-space: normal;
  }

  tr {
    &:extend(.panel); //Mobile table row looks like a bootstrap panel
    border-color: @panel-default-border;
    overflow:hidden;
  }

  tbody {
    & > tr > th {
      border-top: none;
      background-color: @panel-default-heading-bg;
    }
    td {
      text-align: right;
      vertical-align: middle;
      &[data-title] {
        .clearfix(); //Clearfix solution for empty table cells on mobile
        &:before {
          content: attr(data-title);
          float: left;
          color: @gray-light;
        }
      }
    }
  }

  @media(min-width:@screen-sm-min) {
    &.table-bordered {
      border:1px solid @table-border-color;
      & > tbody > tr{
        & > th {
          border:1px solid @table-border-color;
        }
        & > td {
          border-width:1px;
        }
      }
    }
    thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
    tr {
      display: table-row;
      margin-bottom: 0;
      border: none;
    }
    th,
    td {
      // Undo display: block
      display: table-cell;
    }
    tbody {
      display:table-row-group;
      tr {
        display:table-row;
      }
      & > tr > th {
        border-top: 1px solid @table-border-color;
        background-color: transparent;
      }
      td {
        text-align:initial;
        &[data-title]:before {
          content: none;
        }
      }
    }

  }
}

html {
  height:100vh;
  width:100vw;
  max-width:@app-container-size;
  margin:0 auto;
  overflow:hidden;
  background-color:@html-bg;
}

body {
  height:100%;
  width:100%;
  overflow:hidden;
  position:relative;
}

main {
  flex:1 1 auto;
  overflow:hidden;
  position:relative;
  > [id^="COMPONENT_"] { //Make the component container element fill the entire <main> for background styles
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:25px;
  }
}

[ui-sref],
[ng-click]{
  cursor: pointer;
}

.container {
  max-width:100%;
}

.pagination {
  margin:0;
}

//TABLES WITH FIXED HEADERS
.table-fixed-header {
  position:relative;
  padding-top:@table-header-height;
  margin-bottom:@line-height-computed;
  overflow:hidden;
  .table-header-bg {
    position:absolute;
    left:0; right:0; top:0;
    height:@table-header-height;
    background:@table-bg;
    border:1px solid @table-border-color;
    border-bottom-width:2px;
  }
  .table-container {
    background-color:@table-bg;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:@infinite-scroll-size;
    border: 1px solid @table-border-color;
    border-top-width:0;
    table {
      border-spacing:0;
      margin-bottom:0;
    }
    td {
      border:1px solid @table-border-color;
      vertical-align:middle;
      &:first-child {
        border-left:none;
      }
      &:last-child {
        border-left:none;
      }
    }
    th {
      height: 0;
      line-height: 0;
      padding: 0 25px;
      color: transparent;
      border: none;
      white-space: nowrap;
      span {
        max-height:0;
        height:0;
        line-height:0;
        margin:0;
        padding:0;
      }
      div{
        position: absolute;
        background: transparent;
        padding:@table-cell-padding;
        color: @text-color;
        top: 0;
        margin-left: -25px;
        line-height: @line-height-base;
        vertical-align: bottom;
        border-left:1px solid @table-border-color;
      }
      &:first-child div{
        border: none;
      }
    }
    tbody tr {
      &:first-child {
        td {
          border-top:none;
        }
      }
      &:last-child {
        td {
          border-bottom:none;
        }
      }
    }
  }
}
colgroup {
  > col.action-column {
    width:70px;
  }
}

// OC Responsive Tables
// commandeered from http://codepen.io/pixelchar/pen/rfuqK
.oc-table-responsive {
  &.table-bordered {
    border:none;
    & > tbody > tr{
      & > th {
        border:none;
      }
      & > td {
        border-width:1px 0 0 0;
      }
    }
  }
  thead {
    // Accessibly hide <thead> on narrow viewports
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  // Set these items to display: block for narrow viewports
  tbody,
  tr,
  th,
  td {
    display: block;
    white-space: normal;
  }

  tr {
    &:extend(.panel); //Mobile table row looks like a bootstrap panel
    border-color: @panel-default-border;
    overflow:hidden;
  }

  tbody {
    & > tr > th {
      border-top: none;
      background-color: @panel-default-heading-bg;
    }
    td {
      text-align:right;
      &[data-title] {
        .clearfix(); //Clearfix solution for empty table cells on mobile
        &:before {
          content: attr(data-title);
          float: left;
          color: @gray-light;
        }
      }
    }
  }

  @media(min-width:@screen-sm-min) {
    &.table-bordered {
      border:1px solid @table-border-color;
      & > tbody > tr{
        & > th {
          border:1px solid @table-border-color;
        }
        & > td {
          border-width:1px;
        }
      }
    }
    thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
    tr {
      display: table-row;
      margin-bottom: 0;
      border: none;
    }
    th,
    td {
      // Undo display: block
      display: table-cell;
    }
    tbody {
      display:table-row-group;
      tr {
        display:table-row;
      }
      & > tr > th {
        border-top: 1px solid @table-border-color;
        background-color: transparent;
      }
      td {
        text-align:initial;
        &[data-title]:before {
          content: none;
        }
      }
    }

  }
}


Defines a new "warning" color in the theme


continue fix: print font-size

continue fix: print font-size

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


Changed buy button styling

Changed buy button styling

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


Move text declaration into the other heading definition

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


update radio button padding

update radio button padding

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


UI-793-797: NumericBox refactor (add Foreground, DisplayMask, EditMask, HintText, Background, HorizontalAlignment)

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


Copied from Kidoju-WebApp

Copied from Kidoju-WebApp

.k-popup-edit-form.no-padding {
    padding: 0 !important;
    .k-edit-form-container {
        width: 100%;
        .kj-codeeditor {
            border-style: none;
        }
        .kj-styleeditor {
            border-style: none;
        }
        .k-edit-buttons {
            bottom: 0;
        }
    }
}

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