Updates radio form design

Updates radio form design

//
// Forms
// --------------------------------------------------

// Input
// --------------------------------------------------

.input-lg {
    border-radius: @input-border-radius-large;
}

.input-sm {
    border-radius: @input-border-radius-small;
}

// Checkbox / Radio
// --------------------------------------------------

input[type="checkbox"],
input[type="radio"] {
    &.form-control-fa {
        opacity: 0;

        + .form-control-fa-style {
            display: inline-block;
            position: absolute;
            margin: -1px 0 0 -20px;
            width: 22px;
            height: 22px;
            background-color: @input-bg;
            border: 1px solid @input-border;
            border-radius: @input-border-radius;
            .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
            .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");

            &:hover {
                cursor: default;
                border-color: @input-border-focus;
            }

            + span {
                margin-left: 10px;
            }
        }
    }
}

input[type="radio"] {
    &.form-control-fa {
        + .form-control-fa-style {
            border-radius: 11px;
        }
    }
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    &.form-control-fa {
        + .form-control-fa-style {
            font-size: 15px;
            color: @input-checked-color;
            background-color: @input-checked-bg;
            border-color:  @input-checked-bg;

            &:hover {
                border-color: @input-checked-border-focus;
            }

            &:before {
                content: "\f00c";
                vertical-align: -3px;
                padding: 0 3px;
            }
        }
    }
}

input[type="radio"]:checked {
    &.form-control-fa {
        + .form-control-fa-style {
            font-size: 12px;

            &:before {
                vertical-align: -5px;
                padding: 0 4px;
            }
        }
    }
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    &.form-control-fa {
        + .form-control-fa-style {
            .form-control-focus();
            border-color: @input-border-focus;
        }
    }
}

input[type="checkbox"]:checked:focus,
input[type="radio"]:checked:focus {
    &.form-control-fa {
        + .form-control-fa-style {
            border-color: @input-checked-border-focus;
        }
    }
}

input[type="checkbox"][disabled],
input[type="radio"][disabled],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"] {
    &.form-control-fa {
        cursor: not-allowed;

        + .form-control-fa-style {
            cursor: not-allowed;
            background-color: @input-bg-disabled;
            border-color: @input-border;
            color: inherit;

            &:hover {
                border-color: @input-border;
            }

            &:before {
                opacity: 0.3;
            }
        }
    }
}

.form-control-color(default);
.form-control-disabled-color(default);
.form-control-color(primary);
.form-control-disabled-color(primary);
.form-control-color(secondary);
.form-control-disabled-color(secondary);
.form-control-color(success);
.form-control-disabled-color(success);
.form-control-color(info);
.form-control-disabled-color(info);
.form-control-color(warning);
.form-control-disabled-color(warning);
.form-control-color(danger);
.form-control-disabled-color(danger);

// Input file
// --------------------------------------------------

.form-control {
    + .btn-file-input-text {
        float: right;
        margin-top: -@input-height-base;
    }

    + .bootstrap-filestyle {
        outline-color: @input-border-focus;
    }
}

.form-control.input-lg + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-large;
    height: @input-height-large;
    .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
}

.form-control.input-sm + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-small;
    height: @input-height-small;
    .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
}

//
// Forms
// --------------------------------------------------

// Input
// --------------------------------------------------

.input-lg {
    border-radius: @input-border-radius-large;
}

.input-sm {
    border-radius: @input-border-radius-small;
}

// Checkbox / Radio
// --------------------------------------------------

input[type="checkbox"],
input[type="radio"] {
    &.form-control-fa {
        opacity: 0;

        + .form-control-fa-style {
            display: inline-block;
            position: absolute;
            margin: -1px 0 0 -20px;
            width: 22px;
            height: 22px;
            background-color: @input-bg;
            border: 1px solid @input-border;
            border-radius: @input-border-radius;
            .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
            .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");

            &:hover {
                cursor: default;
                border-color: @input-border-focus;
            }

            + span {
                margin-left: 10px;
            }
        }
    }
}

input[type="radio"] {
    &.form-control-fa {
        + .form-control-fa-style {
            border-radius: 11px;
        }
    }
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    &.form-control-fa {
        + .form-control-fa-style {
            font-size: 15px;
            color: @input-checked-color;
            background-color: @input-checked-bg;
            border-color:  @input-checked-bg;

            &:hover {
                border-color: @input-checked-border-focus;
            }

            &:before {
                content: "\f00c";
                vertical-align: -18%;
                padding: 0 3px;
            }
        }
    }
}

input[type="radio"]:checked {
    &.form-control-fa {
        + .form-control-fa-style {
            font-size: 13px;

            &:before {
                vertical-align: -30%;
                padding: 0 4px;
            }
        }
    }
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    &.form-control-fa {
        + .form-control-fa-style {
            .form-control-focus();
            border-color: @input-border-focus;
        }
    }
}

input[type="checkbox"]:checked:focus,
input[type="radio"]:checked:focus {
    &.form-control-fa {
        + .form-control-fa-style {
            border-color: @input-checked-border-focus;
        }
    }
}

input[type="checkbox"][disabled],
input[type="radio"][disabled],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"] {
    &.form-control-fa {
        cursor: not-allowed;

        + .form-control-fa-style {
            cursor: not-allowed;
            background-color: @input-bg-disabled;
            border-color: @input-border;
            color: inherit;

            &:hover {
                border-color: @input-border;
            }

            &:before {
                opacity: 0.3;
            }
        }
    }
}

.form-control-color(default);
.form-control-disabled-color(default);
.form-control-color(primary);
.form-control-disabled-color(primary);
.form-control-color(secondary);
.form-control-disabled-color(secondary);
.form-control-color(success);
.form-control-disabled-color(success);
.form-control-color(info);
.form-control-disabled-color(info);
.form-control-color(warning);
.form-control-disabled-color(warning);
.form-control-color(danger);
.form-control-disabled-color(danger);

// Input file
// --------------------------------------------------

.form-control {
    + .btn-file-input-text {
        float: right;
        margin-top: -@input-height-base;
    }

    + .bootstrap-filestyle {
        outline-color: @input-border-focus;
    }
}

.form-control.input-lg + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-large;
    height: @input-height-large;
    .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
}

.form-control.input-sm + .btn-file-input-text {
    float: right;
    margin-top: -@input-height-small;
    height: @input-height-small;
    .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
}


fix(footer): jobDB footer converts to flexbox

fix(footer): jobDB footer converts to flexbox

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/seekinternational/seek-asia-style-guide.git/'


Fix input group addon width

Fix input group addon width

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


Fixes double border of pointing menu attached to segment

A demo of the bug and how it should look after fixed can
be found at http://jsfiddle.net/davialexandre/cww15fon/1/

/*
 * # 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 '../../theme.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;
}

/* Vertical */
.ui[class*="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[class*="vertical segment"]:first-child {
  padding-top: 0em;
}
.ui[class*="vertical segment"]:last-child {
  padding-bottom: 0em;
  box-shadow: none;
}

/* Horizontal */
.ui[class*="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
--------------------*/

/* 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;
}

/* Piled Attached */
.ui[class*="top attached"].piled.segment {
  margin-top: @piledMargin;
  margin-bottom: 0em;
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: @piledMargin;
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
       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;
}

/*-------------------
       Compact
--------------------*/

.ui.compact.segment {
  display: table;
}

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

/*--------------
    Disabled
---------------*/

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

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

.ui.loading.segment {
  position: relative;
  cursor: default;
  point-events: none;
  text-shadow: none !important;
  color: transparent !important;
  transition: all 0s linear;
}
.ui.loading.segment:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: @loaderDimmerColor;
  width: 100%;
  height: 100%;
  border-radius: @borderRadius;
  z-index: @loaderDimmerZIndex;
}
.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;

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

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

  border-radius: @circularRadius;

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

  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: @loaderLineZIndex;
}

@keyframes segment-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*******************************
           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;
}
.ui.blue.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @blue;
}
.ui.green.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @green;
}
.ui.orange.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @orange;
}
.ui.pink.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @pink;
}
.ui.purple.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @purple;
}
.ui.red.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @red;
}
.ui.teal.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @teal;
}
.ui.yellow.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @yellow;
}

.ui.black.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.blue.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.green.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.orange.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.pink.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.purple.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.red.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.teal.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.yellow.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-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 {
  border-color: @solidWhiteBorderColor;
}

/*-------------------
     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;
  width: @attachedWidth;
  max-width: @attachedWidth;
  border-radius: 0px;
  box-shadow: @attachedBoxShadow;
  border: @attachedBorder;
}
.ui.segment.attached + .ui.segment.attached:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].segment {
  top: @attachedTopOffset;
  bottom: 0px;
  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"] {
  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 '../../theme.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;
}

/* Vertical */
.ui[class*="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[class*="vertical segment"]:first-child {
  padding-top: 0em;
}
.ui[class*="vertical segment"]:last-child {
  padding-bottom: 0em;
  box-shadow: none;
}

/* Horizontal */
.ui[class*="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;
}

/* Piled Attached */
.ui[class*="top attached"].piled.segment {
  margin-top: @piledMargin;
  margin-bottom: 0em;
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: @piledMargin;
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
       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;
}

/*-------------------
       Compact
--------------------*/

.ui.compact.segment {
  display: table;
}

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

/*--------------
    Disabled
---------------*/

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

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

.ui.loading.segment {
  position: relative;
  cursor: default;
  point-events: none;
  text-shadow: none !important;
  color: transparent !important;
  transition: all 0s linear;
}
.ui.loading.segment:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: @loaderDimmerColor;
  width: 100%;
  height: 100%;
  border-radius: @borderRadius;
  z-index: @loaderDimmerZIndex;
}
.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;

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

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

  border-radius: @circularRadius;

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

  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: @loaderLineZIndex;
}

@keyframes segment-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*******************************
           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;
}
.ui.blue.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @blue;
}
.ui.green.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @green;
}
.ui.orange.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @orange;
}
.ui.pink.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @pink;
}
.ui.purple.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @purple;
}
.ui.red.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @red;
}
.ui.teal.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @teal;
}
.ui.yellow.segment:not(.inverted) {
  border-top: @coloredBorderSize solid @yellow;
}

.ui.black.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.blue.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.green.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.orange.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.pink.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.purple.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.red.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.teal.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-radius: @coloredBorderRadius !important;
}
.ui.yellow.segment:not(.inverted):not(.attached) {
  border-top-left-radius: @coloredBorderRadius !important;
  border-top-right-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 {
  border-color: @solidWhiteBorderColor;
}

/*-------------------
     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;
  width: @attachedWidth;
  max-width: @attachedWidth;
  border-radius: 0px;
  box-shadow: @attachedBoxShadow;
  border: @attachedBorder;
}
.ui.segment.attached + .ui.segment.attached:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].segment {
  top: @attachedTopOffset;
  bottom: 0px;
  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"] {
  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();


Fixes #1355, #1289, action input inside dropdown

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

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

@type    : 'module';
@element : 'dropdown';

@import '../../theme.config';

/*******************************
            Dropdown
*******************************/

.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 1em;
  tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  text-align: left;
  transition: @transition;
}

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

/*--------------
     Menu
---------------*/

.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  transition: @menuTransition;

  margin: @menuMargin;
  padding: @menuPadding;
  background: @menuBackground;
  min-width: 100%;

  white-space: @menuWrap;
  font-size: 1rem;
  text-shadow: none;
  text-align: @menuTextAlign;

  box-shadow: @menuBoxShadow;
  border: @menuBorder;
  border-radius: @menuBorderRadius;
  transition: @menuTransition;
  z-index: @menuZIndex;
  will-change: transform, opacity;
}

/*--------------
  Hidden Input
---------------*/

.ui.dropdown > input[type="hidden"],
.ui.dropdown > select {
  display: none !important;
}

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

.ui.dropdown > .dropdown.icon {
  width: auto;
  margin: @dropdownIconMargin;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: @itemDropdownIconFloat;
  margin: @itemDropdownIconMargin;
}

/*--------------
      Text
---------------*/

.ui.dropdown > .text {
  display: inline-block;
  transition: @textTransition;
}

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

.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: @itemBorder;
  height: @itemHeight;

  border-top: @itemDivider;
  line-height: @itemLineHeight;
  font-size: @itemFontSize;
  color: @itemColor;

  padding: @itemVerticalPadding @itemHorizontalPadding !important;
  font-size: @itemFontSize;
  text-transform: @itemTextTransform;
  font-weight: @itemFontWeight;
  box-shadow: @itemBoxShadow;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top: none;
}

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

.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right;
  margin-right: 0em;
  margin-left: @floatedDistance;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: right;
  margin-left: 0em;
  margin-right: @floatedDistance;
}

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: @itemLineHeightOffset;
}

/*--------------
  Menu Divider
---------------*/

.ui.dropdown .menu > .header {
  margin: @menuHeaderMargin;
  padding: @menuHeaderPadding;
  color: @menuHeaderColor;
  font-size: @menuHeaderFontSize;
  font-weight: @menuHeaderFontWeight;
  text-transform: @menuHeaderTextTransform;
}

.ui.dropdown .menu > .divider {
  border-top: @menuDividerBorder;
  height: 0em;
  margin: @menuDividerMargin;
}

.ui.dropdown .menu > .input {
  margin: @menuInputMargin;
  min-width: @menuInputMinWidth;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.ui.dropdown .menu > .input:not(.transparent) input,
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding: @menuInputPadding;
}

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

.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  margin: @itemDescriptionMargin;
  color: @itemDescriptionColor;
}

/*--------------
    Sub Menu
---------------*/

.ui.dropdown .menu .menu {
  top: @subMenuTop !important;
  left: @subMenuLeft !important;
  right: @subMenuRight !important;
  margin: @subMenuMargin !important;
  border-radius: @subMenuBorderRadius !important;
  z-index: @subMenuZIndex !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}

/*******************************
            Coupling
*******************************/

/*--------------
   Sub Elements
---------------*/

/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: @textLineHeightOffset;
}
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img  {
  margin-top: @itemLineHeightOffset;
}

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img  {
  margin-left: 0em;
  margin-right: @itemElementDistance;
}

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

.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: @menuImageMaxHeight;
}

/*--------------
      Menu
---------------*/

/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}

/*--------------
     Button
---------------*/

/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
.ui.dropdown.button:not(.pointing):not(.floating).active,
.ui.dropdown.button:not(.pointing):not(.floating).visible {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

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

/*--------------
    Selection
---------------*/

/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  white-space: normal;
  outline: 0;
  transform: rotateZ(0deg);

  min-width: @selectionMinWidth;

  background: @selectionBackground;
  display: @selectionDisplay;
  padding: @selectionPadding;
  color: @selectionTextColor;
  box-shadow: @selectionBoxShadow;
  border: @selectionBorder;
  border-radius: @selectionBorderRadius;
  transition: @selectionTransition;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: @selectionZIndex;
}

select.ui.dropdown {
  height: 38px;
  padding: 0em;
  margin: 0em;
  visibility: hidden;
}
.ui.selection.dropdown > .text {
  margin-right: @selectionTextIconDistance;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  position: absolute;
  top: auto;
  margin: 0em;
  width: auto;
  right: @selectionHorizontalPadding;
  opacity: @selectionIconOpacity;
  transition: @selectionIconTransition;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width:  0px;
}

/* Remove Selection */
.ui.selection.dropdown > .delete.icon {
  opacity: 0.6;
}
.ui.selection.dropdown > .delete.icon:hover {
  opacity: 1;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top: none !important;
  width: auto;
  margin: 0px -1px;
  min-width: ~"calc(100% + 2px)";
  outline: none;

  box-shadow: @selectionMenuBoxShadow;
  transition: @selectionMenuTransition;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

@media only screen and (max-width : @largestMobileScreen) {
  .ui.selection.dropdown .menu {
    max-height: @selectionMobileMaxMenuHeight;
  }
}
@media only screen and (min-width: @tabletBreakpoint) {
  .ui.selection.dropdown .menu {
    max-height: @selectionTabletMaxMenuHeight;
  }
}
@media only screen and (min-width: @computerBreakpoint) {
  .ui.selection.dropdown .menu {
    max-height: @selectionComputerMaxMenuHeight;
  }
}
@media only screen and (min-width: @widescreenMonitorBreakpoint) {
  .ui.selection.dropdown .menu {
    max-height: @selectionWidescreenMaxMenuHeight;
  }
}

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: @selectionItemDivider;
  padding-left: @selectionHorizontalPadding !important;
  /* Add in spacing for scroll bar */
  padding-right: calc(@selectionHorizontalPadding + 1em) !important;
  white-space: normal;
  word-wrap: normal;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: @selectionHoverBorderColor;
  box-shadow: @selectionHoverBoxShadow;
}

/* Visible Hover */
.ui.selection.visible.dropdown:hover {
  border-color: @selectionVisibleHoverBorderColor;
  box-shadow: @selectionVisibleHoverBoxShadow;
}
.ui.selection.visible.dropdown:hover .menu {
  border: @selectionVisibleHoverMenuBorder;
  box-shadow: @selectionVisibleHoverMenuBoxShadow;
}

/* Visible */
.ui.selection.dropdown.visible {
  border-color: @selectionVisibleBorderColor;
  box-shadow: @selectionVisibleBoxShadow;
}
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: @selectionVisibleIconOpacity;
}

/* Active Item */
.ui.selection.active.dropdown > .text:not(.default),
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: @selectionVisibleTextFontWeight;
  color: @selectionVisibleTextColor;
}

/* Connecting Border */
.ui.active.selection.dropdown,
.ui.visible.selection.dropdown {
  border-bottom-left-radius: @selectionVisibleConnectingBorder !important;
  border-bottom-right-radius: @selectionVisibleConnectingBorder !important;
}

/*--------------
   Searchable
---------------*/

/* Search Selection */
.ui.search.dropdown {
  min-width: @searchMinWidth;
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  cursor: pointer;
  background: none transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  border-radius: 0em !important;
  top: 0em;
  left: 0em;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
  padding: inherit; /*Amazing trick */
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: @searchSelectionLineHeight;
}

.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.active.search.dropdown > input.search:focus + .text {
  color: @unselectedTextColor !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width : @largestMobileScreen) {
  .ui.search.dropdown .menu {
    max-height: @searchMobileMaxMenuHeight;
  }
}
@media only screen and (min-width: @tabletBreakpoint) {
  .ui.search.dropdown .menu {
    max-height: @searchTabletMaxMenuHeight;
  }
}
@media only screen and (min-width: @computerBreakpoint) {
  .ui.search.dropdown .menu {
    max-height: @searchComputerMaxMenuHeight;
  }
}
@media only screen and (min-width: @widescreenMonitorBreakpoint) {
  .ui.search.dropdown .menu {
    max-height: @searchWidescreenMaxMenuHeight;
  }
}

/*--------------
     Inline
---------------*/

.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: @inlineTextColor;
}
.ui.inline.dropdown .dropdown.icon {
  margin: @inlineIconMargin;
  vertical-align: top;
}
.ui.inline.dropdown > .text {
  font-weight: @inlineTextFontWeight;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: @inlineMenuDistance;
  border-radius: @inlineMenuBorderRadius;
}

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

/*--------------------
        Hover
----------------------*/

/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: @hoveredItemBackground;
  color: @hoveredItemColor;
  z-index: 12;
}

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

/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: @activeItemBackground;
  font-weight: @activeItemFontWeight;
  color: @activeItemColor;
  box-shadow: @activeItemBoxShadow;
  z-index: @activeItemZIndex;
}

/*--------------------
     Default Text
----------------------*/

.ui.dropdown > .default.text,
.ui.default.dropdown > .text {
  color: @defaultTextColor;
}
.ui.dropdown:hover > .default.text,
.ui.default.dropdown:hover > .text {
  color: @defaultTextHoverColor;
}

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

.ui.loading.dropdown > .text {
  transition: none;
}

/*--------------------
    Keyboard Select
----------------------*/

/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: @selectedBackground;
  color: @selectedColor;
}

/*--------------------
    Search Filtered
----------------------*/

/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none;
}

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

.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: @errorTextColor;
}

.ui.selection.dropdown.error {
  background: @errorBackgroundColor;
  border-color: @errorBorderColor;
}

.ui.selection.dropdown.error:hover {
  border-color: @errorBorderColor;
}

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: @errorBorderColor;
}

.ui.dropdown.error > .menu > .item {
  color: @errorItemTextColor;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: @errorItemHoverBackground;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: @errorItemActiveBackground;
}

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

/*--------------
    Direction
---------------*/

/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/*--------------
     Simple
---------------*/

/* Displays without javascript */

.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  transition: @simpleTransition;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

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

.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
    Floating
---------------*/

.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  margin-top: @floatingMenuDistance !important;
  box-shadow: @floatingMenuBoxShadow;
  border-radius: @floatingMenuBorderRadius;
}

/*--------------
     Pointing
---------------*/

.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: @pointingMenuDistance;
  border-radius: @pointingMenuBorderRadius;
}

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  transform: rotate(45deg);

  width: @pointingArrowSize;
  height: @pointingArrowSize;
  box-shadow: @pointingArrowBoxShadow;
  background: @pointingArrowBackground;
  z-index: @pointingArrowZIndex;
}

.ui.pointing.dropdown > .menu:after {
  top: @pointingArrowOffset;
  left: 50%;
  margin: 0em 0em 0em @pointingArrowOffset;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu:after {
  top: @pointingArrowOffset;
  left: @pointingArrowDistanceFromEdge;
  right: auto;
  margin: 0em;
  transform: rotate(45deg);
}
/* Top Right  Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.top.right.pointing.dropdown > .menu:after {
  top: @pointingArrowOffset;
  left: auto;
  right: @pointingArrowDistanceFromEdge;
  margin: 0em;
  transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em @pointingArrowDistanceFromEdge;
}
.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: @pointingArrowOffset;
  margin: 0em 0em 0em 0em;
  transform: rotate(-45deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: @pointingArrowOffset;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em @pointingArrowDistanceFromEdge ;
}
.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: @pointingArrowOffset;
  right: auto;
  margin: 0em;
  transform: rotate(-135deg);
}
/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
  left: @pointingArrowDistanceFromEdge;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: @pointingArrowDistanceFromEdge;
}

.loadUIOverrides();

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

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

@type    : 'module';
@element : 'dropdown';

@import '../../theme.config';

/*******************************
            Dropdown
*******************************/

.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 1em;
  tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  text-align: left;
  transition: @transition;
}

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

/*--------------
     Menu
---------------*/

.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  transition: @menuTransition;

  margin: @menuMargin;
  padding: @menuPadding;
  background: @menuBackground;
  min-width: 100%;

  white-space: @menuWrap;
  font-size: 1rem;
  text-shadow: none;
  text-align: @menuTextAlign;

  box-shadow: @menuBoxShadow;
  border: @menuBorder;
  border-radius: @menuBorderRadius;
  transition: @menuTransition;
  z-index: @menuZIndex;
  will-change: transform, opacity;
}

/*--------------
  Hidden Input
---------------*/

.ui.dropdown > input[type="hidden"],
.ui.dropdown > select {
  display: none !important;
}

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

.ui.dropdown > .dropdown.icon {
  width: auto;
  margin: @dropdownIconMargin;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: @itemDropdownIconFloat;
  margin: @itemDropdownIconMargin;
}

/*--------------
      Text
---------------*/

.ui.dropdown > .text {
  display: inline-block;
  transition: @textTransition;
}

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

.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: @itemBorder;
  height: @itemHeight;

  border-top: @itemDivider;
  line-height: @itemLineHeight;
  font-size: @itemFontSize;
  color: @itemColor;

  padding: @itemVerticalPadding @itemHorizontalPadding !important;
  font-size: @itemFontSize;
  text-transform: @itemTextTransform;
  font-weight: @itemFontWeight;
  box-shadow: @itemBoxShadow;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top: none;
}

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

.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right;
  margin-right: 0em;
  margin-left: @floatedDistance;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: right;
  margin-left: 0em;
  margin-right: @floatedDistance;
}

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: @itemLineHeightOffset;
}

/*--------------
  Menu Divider
---------------*/

.ui.dropdown .menu > .header {
  margin: @menuHeaderMargin;
  padding: @menuHeaderPadding;
  color: @menuHeaderColor;
  font-size: @menuHeaderFontSize;
  font-weight: @menuHeaderFontWeight;
  text-transform: @menuHeaderTextTransform;
}

.ui.dropdown .menu > .divider {
  border-top: @menuDividerBorder;
  height: 0em;
  margin: @menuDividerMargin;
}

.ui.dropdown .menu > .input {
  margin: @menuInputMargin;
  min-width: @menuInputMinWidth;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: @menuInputPadding;
}

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

.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  margin: @itemDescriptionMargin;
  color: @itemDescriptionColor;
}

/*--------------
    Sub Menu
---------------*/

.ui.dropdown .menu .menu {
  top: @subMenuTop !important;
  left: @subMenuLeft !important;
  right: @subMenuRight !important;
  margin: @subMenuMargin !important;
  border-radius: @subMenuBorderRadius !important;
  z-index: @subMenuZIndex !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}

/*******************************
            Coupling
*******************************/

/*--------------
   Sub Elements
---------------*/

/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: @textLineHeightOffset;
}
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img  {
  margin-top: @itemLineHeightOffset;
}

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img  {
  margin-left: 0em;
  margin-right: @itemElementDistance;
}

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

.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: @menuImageMaxHeight;
}

/*--------------
      Menu
---------------*/

/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}

/*--------------
     Button
---------------*/

/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
.ui.dropdown.button:not(.pointing):not(.floating).active,
.ui.dropdown.button:not(.pointing):not(.floating).visible {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

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

/*--------------
    Selection
---------------*/

/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  white-space: normal;
  outline: 0;
  transform: rotateZ(0deg);

  min-width: @selectionMinWidth;

  background: @selectionBackground;
  display: @selectionDisplay;
  padding: @selectionPadding;
  color: @selectionTextColor;
  box-shadow: @selectionBoxShadow;
  border: @selectionBorder;
  border-radius: @selectionBorderRadius;
  transition: @selectionTransition;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: @selectionZIndex;
}

select.ui.dropdown {
  height: 38px;
  padding: 0em;
  margin: 0em;
  visibility: hidden;
}
.ui.selection.dropdown > .text {
  margin-right: @selectionTextIconDistance;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  position: absolute;
  top: auto;
  margin: 0em;
  width: auto;
  right: @selectionHorizontalPadding;
  opacity: @selectionIconOpacity;
  transition: @selectionIconTransition;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width:  0px;
}

/* Remove Selection */
.ui.selection.dropdown > .delete.icon {
  opacity: 0.6;
}
.ui.selection.dropdown > .delete.icon:hover {
  opacity: 1;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top: none !important;
  width: auto;
  margin: 0px -1px;
  min-width: ~"calc(100% + 2px)";
  outline: none;

  box-shadow: @selectionMenuBoxShadow;
  transition: @selectionMenuTransition;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

@media only screen and (max-width : @largestMobileScreen) {
  .ui.selection.dropdown .menu {
    max-height: @selectionMobileMaxMenuHeight;
  }
}
@media only screen and (min-width: @tabletBreakpoint) {
  .ui.selection.dropdown .menu {
    max-height: @selectionTabletMaxMenuHeight;
  }
}
@media only screen and (min-width: @computerBreakpoint) {
  .ui.selection.dropdown .menu {
    max-height: @selectionComputerMaxMenuHeight;
  }
}
@media only screen and (min-width: @widescreenMonitorBreakpoint) {
  .ui.selection.dropdown .menu {
    max-height: @selectionWidescreenMaxMenuHeight;
  }
}

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: @selectionItemDivider;
  padding-left: @selectionHorizontalPadding !important;
  /* Add in spacing for scroll bar */
  padding-right: calc(@selectionHorizontalPadding + 1em) !important;
  white-space: normal;
  word-wrap: normal;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: @selectionHoverBorderColor;
  box-shadow: @selectionHoverBoxShadow;
}

/* Visible Hover */
.ui.selection.visible.dropdown:hover {
  border-color: @selectionVisibleHoverBorderColor;
  box-shadow: @selectionVisibleHoverBoxShadow;
}
.ui.selection.visible.dropdown:hover .menu {
  border: @selectionVisibleHoverMenuBorder;
  box-shadow: @selectionVisibleHoverMenuBoxShadow;
}

/* Visible */
.ui.selection.dropdown.visible {
  border-color: @selectionVisibleBorderColor;
  box-shadow: @selectionVisibleBoxShadow;
}
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: @selectionVisibleIconOpacity;
}

/* Active Item */
.ui.selection.active.dropdown > .text:not(.default),
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: @selectionVisibleTextFontWeight;
  color: @selectionVisibleTextColor;
}

/* Connecting Border */
.ui.active.selection.dropdown,
.ui.visible.selection.dropdown {
  border-bottom-left-radius: @selectionVisibleConnectingBorder !important;
  border-bottom-right-radius: @selectionVisibleConnectingBorder !important;
}

/*--------------
   Searchable
---------------*/

/* Search Selection */
.ui.search.dropdown {
  min-width: @searchMinWidth;
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  cursor: pointer;
  background: none transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  border-radius: 0em !important;
  top: 0em;
  left: 0em;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
  padding: inherit; /*Amazing trick */
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: @searchSelectionLineHeight;
}

.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.active.search.dropdown > input.search:focus + .text {
  color: @unselectedTextColor !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width : @largestMobileScreen) {
  .ui.search.dropdown .menu {
    max-height: @searchMobileMaxMenuHeight;
  }
}
@media only screen and (min-width: @tabletBreakpoint) {
  .ui.search.dropdown .menu {
    max-height: @searchTabletMaxMenuHeight;
  }
}
@media only screen and (min-width: @computerBreakpoint) {
  .ui.search.dropdown .menu {
    max-height: @searchComputerMaxMenuHeight;
  }
}
@media only screen and (min-width: @widescreenMonitorBreakpoint) {
  .ui.search.dropdown .menu {
    max-height: @searchWidescreenMaxMenuHeight;
  }
}

/*--------------
     Inline
---------------*/

.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: @inlineTextColor;
}
.ui.inline.dropdown .dropdown.icon {
  margin: @inlineIconMargin;
  vertical-align: top;
}
.ui.inline.dropdown > .text {
  font-weight: @inlineTextFontWeight;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: @inlineMenuDistance;
  border-radius: @inlineMenuBorderRadius;
}

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

/*--------------------
        Hover
----------------------*/

/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: @hoveredItemBackground;
  color: @hoveredItemColor;
  z-index: 12;
}

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

/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: @activeItemBackground;
  font-weight: @activeItemFontWeight;
  color: @activeItemColor;
  box-shadow: @activeItemBoxShadow;
  z-index: @activeItemZIndex;
}

/*--------------------
     Default Text
----------------------*/

.ui.dropdown > .default.text,
.ui.default.dropdown > .text {
  color: @defaultTextColor;
}
.ui.dropdown:hover > .default.text,
.ui.default.dropdown:hover > .text {
  color: @defaultTextHoverColor;
}

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

.ui.loading.dropdown > .text {
  transition: none;
}

/*--------------------
    Keyboard Select
----------------------*/

/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: @selectedBackground;
  color: @selectedColor;
}

/*--------------------
    Search Filtered
----------------------*/

/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none;
}

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

.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: @errorTextColor;
}

.ui.selection.dropdown.error {
  background: @errorBackgroundColor;
  border-color: @errorBorderColor;
}

.ui.selection.dropdown.error:hover {
  border-color: @errorBorderColor;
}

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: @errorBorderColor;
}

.ui.dropdown.error > .menu > .item {
  color: @errorItemTextColor;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: @errorItemHoverBackground;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: @errorItemActiveBackground;
}

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

/*--------------
    Direction
---------------*/

/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/*--------------
     Simple
---------------*/

/* Displays without javascript */

.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  transition: @simpleTransition;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

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

.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
    Floating
---------------*/

.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  margin-top: @floatingMenuDistance !important;
  box-shadow: @floatingMenuBoxShadow;
  border-radius: @floatingMenuBorderRadius;
}

/*--------------
     Pointing
---------------*/

.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: @pointingMenuDistance;
  border-radius: @pointingMenuBorderRadius;
}

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  transform: rotate(45deg);

  width: @pointingArrowSize;
  height: @pointingArrowSize;
  box-shadow: @pointingArrowBoxShadow;
  background: @pointingArrowBackground;
  z-index: @pointingArrowZIndex;
}

.ui.pointing.dropdown > .menu:after {
  top: @pointingArrowOffset;
  left: 50%;
  margin: 0em 0em 0em @pointingArrowOffset;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu:after {
  top: @pointingArrowOffset;
  left: @pointingArrowDistanceFromEdge;
  right: auto;
  margin: 0em;
  transform: rotate(45deg);
}
/* Top Right  Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.top.right.pointing.dropdown > .menu:after {
  top: @pointingArrowOffset;
  left: auto;
  right: @pointingArrowDistanceFromEdge;
  margin: 0em;
  transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em @pointingArrowDistanceFromEdge;
}
.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: @pointingArrowOffset;
  margin: 0em 0em 0em 0em;
  transform: rotate(-45deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em @pointingArrowDistanceFromEdge 0em 0em;
}
.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: @pointingArrowOffset;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em @pointingArrowDistanceFromEdge ;
}
.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: @pointingArrowOffset;
  right: auto;
  margin: 0em;
  transform: rotate(-135deg);
}
/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
  left: @pointingArrowDistanceFromEdge;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: @pointingArrowDistanceFromEdge;
}

.loadUIOverrides();


Damn css rules.

Damn css rules.

.yui3-browser-charm-slider-content {
    white-space: nowrap;
}

.yui3-browser-charm-slider-content ul {
    margin: 0;
}

.yui3-browser-charm-slider-content li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.yui3-browser-charm-slider .navigate {
    cursor: pointer;
    list-style-type: none;
}

.yui3-browser-charm-slider .navigate li {
    display: inline;
}

.yui3-charmslider-content {
    white-space: nowrap;
}

.yui3-charmslider-content ul {
    margin: 0;
}

.yui3-charmslider-content li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.yui3-charmslider .navigate {
    cursor: pointer;
    list-style-type: none;
}

.yui3-charmslider .navigate li {
    display: inline;
}


removed Mark Otto, Jacob Thornton credis added font-size and font-family defaults

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


Simplifying motion fill on interactive text

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


Add 25px padding bottom to app.less

Add 25px padding bottom to app.less

@import "vendor/bootstrap/bootstrap.less";
@import "navlist.less";

#content{padding:0 0 25px 0;}

html {
	overflow-x: hidden;
}

ul.comment {
	padding-left: 0;
}

.gallery-row {
	padding: (@grid-gutter-width / 2) 0;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	.pull-left;
}

.alignright {
	.pull-right;
}

figure.alignnone {
	margin-left: 0;
	margin-right: 0;
}

.wrap.main-section .content .bg {
	padding-top: (@grid-gutter-width / 2);
}

// styling the bottom left corner button
#shoestrap_icon {
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 9999;
	a {
		width: 30px;
		height: 30px;
		line-height: 20px;
		display: block;
		background: @brand-primary;
		color: @body-bg;
		font-size: 20px;
		text-decoration: none;
		padding: 3px 5px;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
		-webkit-border-radius: 4px 0 0px 4px;
		border-radius: 4px 0px 0px 4px;
		&:hover {
			background: @brand-primary;
		}
	}
}

// Adding bootstrap btn styles to wordpress's .button elements
.button {
	.btn;
	.btn-default;
}

// make sure that images do don exceed the maximum width of their parent element
.thumbnail {
	max-width: 100%;
	height: auto;
}

// Styling the '.label-tag' tag
.label {
	&.label-tag {
		margin-right: 0.5em;
		background: @gray-lighter;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.3s linear;
		transition:all 0.3s linear;
		a {
			color: @text-color;
			-webkit-transition:all 0.3s linear;
			-moz-transition:all 0.3s linear;
			-o-transition:all 0.3s linear;
			transition:all 0.3s linear;
			&:hover {
				text-decoration: none;
			}
		}
		&:hover {
			background: @gray;
			a {
				color: @body-bg;
			}
		}
	}
}

//
@media (min-width: @screen-sm) {
	.meta-row {
		height: 1.7em;
		overflow: hidden;
	 &:hover {
			overflow: visible;
		}
		.tags-container {
			background: @body-bg;
			position: absolute;
			line-height: 1.7em;
			z-index: 99;
		}
		i.icon {
			color: @brand-info;
			&.icon-comment {
				color: @brand-warning;
			}
		}
	}
}

@media (max-width: @container-tablet) {
	.dropdown-menu {
		position: inherit;
		float: none;
		top: auto;
	}
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: @border-radius-base;
}

@media screen and (min-width: (@container-desktop + @grid-gutter-width)) {
	.main-float-right main.main {
		float: right;
	}
}

img {
	max-width: 100%;
	height: auto;
}

.tags-container {
	ul.post-categories {
		margin-left: 0;
		padding-left: 0;
		.clearfix;
		li {
			list-style: none;
			list-style-type: none;
			margin-left: 0;
			padding-left: 0;
			float: left;
			margin-bottom: 0.2em;
			margin-right: 0.2em;
		}
	}
	a {
		.label;
		.label-tag;
	}
}

table {
	.table;
}

iframe.twitter-tweet.twitter-tweet-rendered {
	width: 100%;
}

.contact-form {
	.pushbutton-wide {
		.btn;
		.btn-primary;
	}
}

.page-header {
	padding-top: ((@line-height-computed / 2) - 1);
}

.featured-image {
	margin: 1em 1em 1em 0;
}

.entry-summary,
.entry-content {
	margin-top: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select,
input[type="date"],
input[type="email"] {
    .form-control;
}

textrea {
	min-height: 10em;
}

input[type="submit"] {
    .btn;
    .btn-primary;
}

@import "vendor/bootstrap/bootstrap.less";
@import "navlist.less";

html {
	overflow-x: hidden;
}

ul.comment {
	padding-left: 0;
}

.gallery-row {
	padding: (@grid-gutter-width / 2) 0;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	.pull-left;
}

.alignright {
	.pull-right;
}

figure.alignnone {
	margin-left: 0;
	margin-right: 0;
}

.wrap.main-section .content .bg {
	padding-top: (@grid-gutter-width / 2);
}

// styling the bottom left corner button
#shoestrap_icon {
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 9999;
	a {
		width: 30px;
		height: 30px;
		line-height: 20px;
		display: block;
		background: @brand-primary;
		color: @body-bg;
		font-size: 20px;
		text-decoration: none;
		padding: 3px 5px;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
		-webkit-border-radius: 4px 0 0px 4px;
		border-radius: 4px 0px 0px 4px;
		&:hover {
			background: @brand-primary;
		}
	}
}

// Adding bootstrap btn styles to wordpress's .button elements
.button {
	.btn;
	.btn-default;
}

// make sure that images do don exceed the maximum width of their parent element
.thumbnail {
	max-width: 100%;
	height: auto;
}

// Styling the '.label-tag' tag
.label {
	&.label-tag {
		margin-right: 0.5em;
		background: @gray-lighter;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.3s linear;
		transition:all 0.3s linear;
		a {
			color: @text-color;
			-webkit-transition:all 0.3s linear;
			-moz-transition:all 0.3s linear;
			-o-transition:all 0.3s linear;
			transition:all 0.3s linear;
			&:hover {
				text-decoration: none;
			}
		}
		&:hover {
			background: @gray;
			a {
				color: @body-bg;
			}
		}
	}
}

//
@media (min-width: @screen-sm) {
	.meta-row {
		height: 1.7em;
		overflow: hidden;
	 &:hover {
			overflow: visible;
		}
		.tags-container {
			background: @body-bg;
			position: absolute;
			line-height: 1.7em;
			z-index: 99;
		}
		i.icon {
			color: @brand-info;
			&.icon-comment {
				color: @brand-warning;
			}
		}
	}
}

@media (max-width: @container-tablet) {
	.dropdown-menu {
		position: inherit;
		float: none;
		top: auto;
	}
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: @border-radius-base;
}

@media screen and (min-width: (@container-desktop + @grid-gutter-width)) {
	.main-float-right main.main {
		float: right;
	}
}

img {
	max-width: 100%;
	height: auto;
}

.tags-container {
	ul.post-categories {
		margin-left: 0;
		padding-left: 0;
		.clearfix;
		li {
			list-style: none;
			list-style-type: none;
			margin-left: 0;
			padding-left: 0;
			float: left;
			margin-bottom: 0.2em;
			margin-right: 0.2em;
		}
	}
	a {
		.label;
		.label-tag;
	}
}

table {
	.table;
}

iframe.twitter-tweet.twitter-tweet-rendered {
	width: 100%;
}

.contact-form {
	.pushbutton-wide {
		.btn;
		.btn-primary;
	}
}

.page-header {
	padding-top: ((@line-height-computed / 2) - 1);
}

.featured-image {
	margin: 1em 1em 1em 0;
}

.entry-summary,
.entry-content {
	margin-top: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select,
input[type="date"],
input[type="email"] {
    .form-control;
}

textrea {
	min-height: 10em;
}

input[type="submit"] {
    .btn;
    .btn-primary;
}


Add border-bottom for selected transaction

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


Add margin to StoryLoading

Add margin to StoryLoading

@import "../../styles/custom.less";

@width: 520px;

.StoryLoading {
  position: relative;
  max-width: @width;
  border-radius: 4px;
  background-color: @white;
  color: #353535;
  border: solid 1px #e9e7e7;

  &:not(:nth-child(1)) {
    margin-top: 10px;
  }

  &__header {
    padding: 16px;
    display: flex;

    &__avatar {
      min-width: 40px !important;
      width: 40px !important;
      height: 40px !important;
    }

    &__text {
      margin: 0 12px;
    }
  }

  &__content {
    padding: 4px 16px 16px;
  }
}

@import "../../styles/custom.less";

@width: 520px;

.StoryLoading {
  position: relative;
  max-width: @width;
  border-radius: 4px;
  background-color: @white;
  color: #353535;
  border: solid 1px #e9e7e7;

  &__header {
    padding: 16px;
    display: flex;

    &__avatar {
      min-width: 40px !important;
      width: 40px !important;
      height: 40px !important;
    }

    &__text {
      margin: 0 12px;
    }
  }

  &__content {
    padding: 4px 16px 16px;
  }
}


changed the code/cleaned it up...

changed the code/cleaned it up...

fatal: unable to access 'https://github.com/DellGDC/dell-ui-components.git/': The requested URL returned error: 403


fix #82, hide the right sidebar

fix #82, hide the right sidebar

.sidebar {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;

  .translate3d(0, 0, 0);
  .transition-transform(~"400ms ease");
}

.sidebar-left {
  background: @sidebar-left-background;
  width: @sidebar-left-width;
  left: 0;
  right: auto;
  .transition(~"width 400ms ease");
}

.sidebar-right {
  background: @sidebar-right-background;
  width: @sidebar-right-width;
  left: auto;
  right: 0;
  .opacity(1);
  .transition(~"opacity  600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
}

.sidebar-left-in .sidebar-right {
  z-index: -100;
  .opacity(0);
  .transition(~"opacity  600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
  width: 0;
}

.sidebar-left-in .app {
  width: 100%;
  .translate3d(@sidebar-left-width, 0, 0);
  .transition-transform(~"400ms ease");
}

.sidebar-right-in .app {
  width: 100%;
  .translate3d(-@sidebar-right-width, 0, 0);
  .transition-transform(~"400ms ease");
}

.sidebar-header, .app-name {
  position: relative;
  width: 100%;
  line-height: @sidebar-header-height;
  padding: @sidebar-header-padding;
  font-size: @sidebar-header-font-size;
  color: @sidebar-header-color;
  margin: 0;
  z-index: @zindex-sidebar-header;
}

.sidebar {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;

  .translate3d(0, 0, 0);
  .transition-transform(~"400ms ease");
}

.sidebar-left {
  background: @sidebar-left-background;
  width: @sidebar-left-width;
  left: 0;
  right: auto;
  .transition(~"width 400ms ease");
}

.sidebar-right {
  background: @sidebar-right-background;
  width: @sidebar-right-width;
  left: auto;
  right: 0;
  .opacity(1);
  .transition(~"opacity  600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
}

.sidebar-left-in .sidebar-right {
  z-index: -100;
  .opacity(0);
  .transition(~"opacity  600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
}

.sidebar-left-in .app {
  width: 100%;
  .translate3d(@sidebar-left-width, 0, 0);
  .transition-transform(~"400ms ease");
}

.sidebar-right-in .app {
  width: 100%;
  .translate3d(-@sidebar-right-width, 0, 0);
  .transition-transform(~"400ms ease");
}

.sidebar-header, .app-name {
  position: relative;
  width: 100%;
  line-height: @sidebar-header-height;
  padding: @sidebar-header-padding;
  font-size: @sidebar-header-font-size;
  color: @sidebar-header-color;
  margin: 0;
  z-index: @zindex-sidebar-header;
}


convert the report.css to report.less

convert the report.css to report.less

.extra-large-input{
	width:350px;
}

.vertical-centered-div {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}

.report-label{
	display:inline-block;
	width: 200px;
}

.report-data{
    display:inline-block;
    width: 100px;
}

error: pathspec 'modules/openlmis-web/src/main/webapp/public/less/report.less' did not match any file(s) known to git


Change post image max width (900px > 860px)

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


Delete 768.less

Delete 768.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/roxdubois/roxdubois.github.io.git/'


Ensure tooltips do not have rounded corners

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/matthewlucock/really-black-ui.git/'


Create stacked.less

Create stacked.less

// Stacked Icons
// -------------------------

.@{fa-css-prefix}-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }

error: pathspec 'font-awesome/less/stacked.less' did not match any file(s) known to git


Fixes typo.

Fixes typo.

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


added branding colours

added branding colours

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


reducing opacity of code block labels

reducing opacity of code block labels

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/pradeepmurugesan/incubator-freemarker-docgen.git/'


Update

Update

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


Add mixins.less

Add mixins.less

@import '../../../bower_components/bootstrap/less/mixins.less';
@import 'variables.less';

.blink-keyframe() {
    @-webkit-keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
}
.border-radius (@radius: 5px) {
    .border-top-radius(@radius);
    .border-bottom-radius(@radius);
}

.box-shadow (@string) {
    -webkit-box-shadow: @string;
    -moz-box-shadow: @string;
    box-shadow: @string;
}

.register-font(@name; @file; @version: 1; @font-weight: normal; @font-style: normal;) {
    @font-face {
        font-family: '@{name}';
        src: url('../fonts/@{file}.eot?v=@{version}');
        src: url('../fonts/@{file}.eot?#iefix&v=@{version}') format('embedded-opentype'),
        url('../fonts/@{file}.woff?v=@{version}') format('woff'),
        url('../fonts/@{file}.ttf?v=@{version}') format('truetype'),
        url('../fonts/@{file}.svg?v=@{version}#opensansregular') format('svg');
        font-weight: @font-weight;
        font-style: @font-style;
    }
}

.animate-appear (@speed: 200ms; @max-height:50px) {
    .ng-enter,
    .ng-leave
    {
        transition: max-height @speed linear, opacity @speed linear @speed;
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: clip;
        white-space:nowrap;
    }

    .ng-leave.ng-leave-active,
    .ng-enter {
        opacity: .5;
        max-height: 0;
    }

    .ng-enter.ng-enter-active,
    .ng-leave {
        opacity: 1;
        max-height: @max-height;
    }
}

.animate-fade (@speed: .3s) {
    .ng-enter,
    .ng-leave.ng-leave-active {
        opacity:0;
        transition:opacity @speed linear;
    }

    .ng-leave,
    .ng-enter.ng-enter-active {
        opacity:1;
        transition:opacity @speed linear;
    }
}

.transform(@transform) {
    -ms-transform: @transform;
    -webkit-transform: @transform;
    -moz-transform: @transform;
    transform: @transform;
}

.center-y() {
    position: absolute;
    top: 50%;
    .transform(translateY(-50%));
}

.center-x() {
    position: absolute;
    left: 50%;
    .transform(translateX(-50%));
}

.text(@font-size; @line-height:@font-size) {
    font-size: @font-size * 1rem;
    line-height: @line-height * 1rem
}

// TEXT
// ========================================
.text-standard {
    .text(@dash-text-standard-size, @dash-text-standard-line-height);
    font-weight: 600;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.text-standard-lg {
    .text(1.7, 2.25);
}

.text-standard-date {
    .text(1.2, 2);
    color: #aaa;
}

.text-lg {
    .text(1.7, 2.25);
}

.text-1x {
    .text(1, 2);
}

.text-2x {
    .text(2, 3.5);
}

.text-2x-bold {
    .text(2.5, 3);
    font-weight: bold;
    vertical-align: middle;
}

error: pathspec 'UI/src/app/css/mixins.less' did not match any file(s) known to git


removed unnecessary css classes

removed unnecessary css classes

@import "/static/css/defaults/common.less";

#entry-editor fieldset {
  margin-bottom: 20px;
}

#entry-editor fieldset p {
  margin-bottom: 10px;
}

#entry-editor fieldset label {
  width: 80px;
}

#entry-title {
  width: 620px;
  margin-left: 6px;
}

#wmd-input-brief {
  height: 120px;
}

#entry-preview {
  margin-top: 30px;
}

#entry-preview .blog-entry-title h1.empty {
  border-bottom: 1px solid transparent;
}

#entry-editor-buttons {
  margin-top: 10px;
  text-align: right;
}

@import "/static/css/defaults/common.less";

#entry-editor fieldset {
  margin-bottom: 20px;
}

#entry-editor fieldset p {
  margin-bottom: 10px;
}

#entry-editor fieldset label {
  width: 80px;
}

#entry-title {
  width: 620px;
  margin-left: 6px;
}

.entry-brief {
  height: 120px;
}

#entry-preview {
  margin-top: 30px;
}

#entry-preview .blog-entry-title h1.empty {
  border-bottom: 1px solid transparent;
}

#entry-editor-buttons {
  margin-top: 10px;
  text-align: right;
}


Add dark theme

Add dark theme

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