fix inline FormItem margin, close #1141

fix inline FormItem margin, close #1141

@import "../mixins/index";

.reset-form();

label {
  position: relative;

  > .@{iconfont-css-prefix} {
    vertical-align: top;
    font-size: @font-size-base;
  }
}

.@{css-prefix}form-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  font-size: @font-size-base;
  color: @label-required-color;
}

// Input styles
.@{css-prefix}input {
  .input;
}

//== Input type: with extra icon
.has-feedback {
  .input-with-icon();
}

//== Style for input-group: input with label, with button or dropdown...
.@{css-prefix}input-group {
  .input-group(~"@{css-prefix}input");
}

// Radio && Checkbox
input[type="radio"],
input[type="checkbox"] {
  &[disabled],
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used directly on <label>s
.@{css-prefix}radio-inline,
.@{css-prefix}radio-vertical,
.@{css-prefix}checkbox-inline,
.@{css-prefix}checkbox-vertical {
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used on elements with <label> descendants
.@{css-prefix}radio,
.@{css-prefix}checkbox {
  &.disabled,
  fieldset[disabled] & {
    label {
      cursor: @cursor-disabled;
    }
  }
}

// Form items
// You should wrap labels and controls in .@{css-prefix}form-item for optimum spacing
.@{css-prefix}form-item {
  font-size: @font-size-base;
  margin-bottom: @form-item-margin-bottom;
  color: #666;

  &-control {
    line-height: 32px;
  }

  &.@{css-prefix}form-item-with-help {
    margin-bottom: @form-item-margin-bottom - @font-size-base * @line-height-base;
  }

  > label {
    color: @label-color;
    text-align: right;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;

    &:lang(en) {
      padding-right: 8px;
    }
  }

  .@{css-prefix}switch {
    margin: 4px 0;
  }
}

.@{css-prefix}form-explain {
  line-height: 1.5;
  margin-top: 3px;
}

.@{css-prefix}form-text {
  display: inline-block;
  padding-right: 8px;
}

.@{css-prefix}form-split {
  display: block;
  text-align: center;
}

// 表单下的输入框尺寸唯一: 大尺寸
form {
  .has-feedback {
    .@{iconfont-css-prefix} {
      .square(@input-height-lg);
      line-height: @input-height-lg;
    }
  }
  .@{css-prefix}input,
  .@{css-prefix}input-group .@{css-prefix}input,
  .@{css-prefix}input-group .@{css-prefix}input-group-addon {
    .input-lg();
  }

  textarea.@{css-prefix}input {
    height: auto;
  }

  // input[type=file]
  .@{css-prefix}upload {
    background: transparent;
  }

  input[type="radio"],
  input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  // Radios and checkboxes on same line
  .@{css-prefix}radio-inline,
  .@{css-prefix}checkbox-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    margin-left: 16px;

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

  .@{css-prefix}checkbox-vertical,
  .@{css-prefix}radio-vertical {
    display: block;
  }

  .@{input-number-prefix-cls} {
    margin-top: -1px;
    margin-right: 8px;
  }

  .@{select-prefix-cls} {
    width: 100%;
  }
}

// Input combined with select
.@{css-prefix}input-group-wrap {
  .@{select-prefix-cls}-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    &:hover {
      border-color: @border-color-base;
    }
  }

  .@{select-prefix-cls}-selection--single {
    margin-left: -1px;
    height: @input-height-lg;
    background-color: #eee;
    .@{select-prefix-cls}-selection__rendered {
      padding-left: 8px;
      padding-right: 25px;
      line-height: 30px;
    }
  }

  .@{select-prefix-cls}-open .@{select-prefix-cls}-selection {
    border-color: @border-color-base;
    box-shadow: none;
  }
}

.ant-search-input {
  &.ant-input-group .ant-input:first-child {
    border-radius: @border-radius-base;
  }
  .ant-search-btn {
    .btn-default;
    border-radius: 0 @border-radius-base - 1 @border-radius-base - 1 0;
    margin-left: -30px;
    position: relative;
    border-width: 0 0 0 1px;
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px;
    &:hover {
      border-color: @border-color-base;
    }
    form & {
      padding-top: 6px;
      padding-bottom: 6px;
    }
  }
  &&-focus .ant-search-btn-noempty,
  &:hover .ant-search-btn-noempty {
    .btn-primary;
  }
}

// Form layout
//== Horizontal Form
.@{css-prefix}form-horizontal {
  .@{css-prefix}form-item {
    .make-row;
  }

  .@{css-prefix}radio-inline,
  .@{css-prefix}checkbox-inline {
    vertical-align: top;
  }
}

//== Inline Form
.@{css-prefix}form-inline {
  .@{css-prefix}form-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;

    &-with-help {
      margin-bottom: 24px;
    }

    > div {
      display: inline-block;
    }
  }

  .@{css-prefix}input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .@{css-prefix}form-text {
    display: inline-block;
  }

  .has-feedback {
    display: inline-block;
  }

  // Fix https://github.com/ant-design/ant-design/issues/1040
  .@{css-prefix}form-explain {
    position: absolute;
  }
}

.@{css-prefix}form-horizontal,
.@{css-prefix}form-inline {
  label {
    > input[type="radio"],
    > input[type="checkbox"] {
      margin-right: 4px;
    }
  }
}

// Validation state
.has-success,
.has-warning,
.has-error,
.is-validating {
  &.has-feedback:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "anticon" !important;
    .square(@input-height-lg);
    line-height: @input-height-lg;
    text-align: center;
    font-size: 14px;
    .animation(zoomIn .3s @ease-out-back);
  }
}

.has-success {
  &.has-feedback:after {
    animation-name: diffZoomIn1 !important;
  }
}

.has-error {
  &.has-feedback:after {
    animation-name: diffZoomIn2 !important;
  }
}

.has-warning {
  &.has-feedback:after {
    animation-name: diffZoomIn3 !important;
  }
}

.has-success {
  .form-control-validation(@success-color; @input-hover-border-color;);
  .@{css-prefix}input {
    border-color: @input-border-color;
    box-shadow: none;
  }

  &.has-feedback:after {
    content: '\e62f';
    color: @success-color;
  }
}

.has-warning {
  .form-control-validation(@warning-color; @warning-color;);

  &.has-feedback:after {
    content: '\e634';
    color: @warning-color;
  }

  // ant-select
  .@{select-prefix-cls} {
    &-selection {
      border-color: @warning-color;
      box-shadow: 0 0 0 2px tint(@warning-color, 80%);
    }
    &-arrow {
      color: @warning-color;
    }
  }

  // ant-datepicker
  .@{calendar-prefix-cls}-picker-icon:after {
    color: @warning-color;
  }

  // ant-timepicker
  .@{timepicker-prefix-cls}-picker-icon:after {
    color: @warning-color;
  }

  // ant-input-number
  .@{input-number-prefix-cls} {
    border-color: @warning-color;
    box-shadow: 0 0 0 2px tint(@warning-color, 80%);
    &:not([disabled]):hover {
      border-color: @warning-color;
    }
  }
}

.has-error {
  .form-control-validation(@error-color; @error-color;);

  &.has-feedback:after {
    content: '\e634';
    color: @error-color;
  }

  // ant-select
  .@{select-prefix-cls} {
    &-selection {
      border-color: @error-color;
      box-shadow: 0 0 0 2px tint(@error-color, 80%);
    }

    &-arrow {
      color: @error-color;
    }
  }

  // ant-datepicker
  .@{calendar-prefix-cls}-picker-icon:after {
    color: @error-color;
  }

  // ant-timepicker
  .@{timepicker-prefix-cls}-picker-icon:after {
    color: @error-color;
  }

  // ant-input-number
  .@{input-number-prefix-cls} {
    border-color: @error-color;
    box-shadow: 0 0 0 2px tint(@error-color, 80%);
    &:not([disabled]):hover {
      border-color: @error-color;
    }
  }
}

.is-validating {
  &.has-feedback:after {
    display: inline-block;
    .animation(loadingCircle 1s infinite linear);
    content: "\e6a1";
  }
}

// need there different zoom animation
// otherwise won't trigger anim
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@import "../mixins/index";

.reset-form();

label {
  position: relative;

  > .@{iconfont-css-prefix} {
    vertical-align: top;
    font-size: @font-size-base;
  }
}

.@{css-prefix}form-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  font-size: @font-size-base;
  color: @label-required-color;
}

// Input styles
.@{css-prefix}input {
  .input;
}

//== Input type: with extra icon
.has-feedback {
  .input-with-icon();
}

//== Style for input-group: input with label, with button or dropdown...
.@{css-prefix}input-group {
  .input-group(~"@{css-prefix}input");
}

// Radio && Checkbox
input[type="radio"],
input[type="checkbox"] {
  &[disabled],
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used directly on <label>s
.@{css-prefix}radio-inline,
.@{css-prefix}radio-vertical,
.@{css-prefix}checkbox-inline,
.@{css-prefix}checkbox-vertical {
  &.disabled,
  fieldset[disabled] & {
    cursor: @cursor-disabled;
  }
}
// These classes are used on elements with <label> descendants
.@{css-prefix}radio,
.@{css-prefix}checkbox {
  &.disabled,
  fieldset[disabled] & {
    label {
      cursor: @cursor-disabled;
    }
  }
}

// Form items
// You should wrap labels and controls in .@{css-prefix}form-item for optimum spacing
.@{css-prefix}form-item {
  font-size: @font-size-base;
  margin-bottom: @form-item-margin-bottom;
  color: #666;

  &-control {
    line-height: 32px;
  }

  &.@{css-prefix}form-item-with-help {
    margin-bottom: @form-item-margin-bottom - @font-size-base * @line-height-base;
  }

  > label {
    color: @label-color;
    text-align: right;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;

    &:lang(en) {
      padding-right: 8px;
    }
  }

  .@{css-prefix}switch {
    margin: 4px 0;
  }
}

.@{css-prefix}form-explain {
  line-height: 1.5;
  margin-top: 3px;
}

.@{css-prefix}form-text {
  display: inline-block;
  padding-right: 8px;
}

.@{css-prefix}form-split {
  display: block;
  text-align: center;
}

// 表单下的输入框尺寸唯一: 大尺寸
form {
  .has-feedback {
    .@{iconfont-css-prefix} {
      .square(@input-height-lg);
      line-height: @input-height-lg;
    }
  }
  .@{css-prefix}input,
  .@{css-prefix}input-group .@{css-prefix}input,
  .@{css-prefix}input-group .@{css-prefix}input-group-addon {
    .input-lg();
  }

  textarea.@{css-prefix}input {
    height: auto;
  }

  // input[type=file]
  .@{css-prefix}upload {
    background: transparent;
  }

  input[type="radio"],
  input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  // Radios and checkboxes on same line
  .@{css-prefix}radio-inline,
  .@{css-prefix}checkbox-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    margin-left: 16px;

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

  .@{css-prefix}checkbox-vertical,
  .@{css-prefix}radio-vertical {
    display: block;
  }

  .@{input-number-prefix-cls} {
    margin-top: -1px;
    margin-right: 8px;
  }

  .@{select-prefix-cls} {
    width: 100%;
  }
}

// Input combined with select
.@{css-prefix}input-group-wrap {
  .@{select-prefix-cls}-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    &:hover {
      border-color: @border-color-base;
    }
  }

  .@{select-prefix-cls}-selection--single {
    margin-left: -1px;
    height: @input-height-lg;
    background-color: #eee;
    .@{select-prefix-cls}-selection__rendered {
      padding-left: 8px;
      padding-right: 25px;
      line-height: 30px;
    }
  }

  .@{select-prefix-cls}-open .@{select-prefix-cls}-selection {
    border-color: @border-color-base;
    box-shadow: none;
  }
}

.ant-search-input {
  &.ant-input-group .ant-input:first-child {
    border-radius: @border-radius-base;
  }
  .ant-search-btn {
    .btn-default;
    border-radius: 0 @border-radius-base - 1 @border-radius-base - 1 0;
    margin-left: -30px;
    position: relative;
    border-width: 0 0 0 1px;
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px;
    &:hover {
      border-color: @border-color-base;
    }
    form & {
      padding-top: 6px;
      padding-bottom: 6px;
    }
  }
  &&-focus .ant-search-btn-noempty,
  &:hover .ant-search-btn-noempty {
    .btn-primary;
  }
}

// Form layout
//== Horizontal Form
.@{css-prefix}form-horizontal {
  .@{css-prefix}form-item {
    .make-row;
  }

  .@{css-prefix}radio-inline,
  .@{css-prefix}checkbox-inline {
    vertical-align: top;
  }
}

//== Inline Form
.@{css-prefix}form-inline {
  .@{css-prefix}form-item {
    display: inline-block;
    margin-right: 10px;
    > div {
      display: inline-block;
    }
  }

  .@{css-prefix}input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .@{css-prefix}form-text {
    display: inline-block;
  }

  .has-feedback {
    display: inline-block;
  }

  // Fix https://github.com/ant-design/ant-design/issues/1040
  .@{css-prefix}form-explain {
    position: absolute;
  }
}

.@{css-prefix}form-horizontal,
.@{css-prefix}form-inline {
  label {
    > input[type="radio"],
    > input[type="checkbox"] {
      margin-right: 4px;
    }
  }
}

// Validation state
.has-success,
.has-warning,
.has-error,
.is-validating {
  &.has-feedback:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "anticon" !important;
    .square(@input-height-lg);
    line-height: @input-height-lg;
    text-align: center;
    font-size: 14px;
    .animation(zoomIn .3s @ease-out-back);
  }
}

.has-success {
  &.has-feedback:after {
    animation-name: diffZoomIn1 !important;
  }
}

.has-error {
  &.has-feedback:after {
    animation-name: diffZoomIn2 !important;
  }
}

.has-warning {
  &.has-feedback:after {
    animation-name: diffZoomIn3 !important;
  }
}

.has-success {
  .form-control-validation(@success-color; @input-hover-border-color;);
  .@{css-prefix}input {
    border-color: @input-border-color;
    box-shadow: none;
  }

  &.has-feedback:after {
    content: '\e62f';
    color: @success-color;
  }
}

.has-warning {
  .form-control-validation(@warning-color; @warning-color;);

  &.has-feedback:after {
    content: '\e634';
    color: @warning-color;
  }

  // ant-select
  .@{select-prefix-cls} {
    &-selection {
      border-color: @warning-color;
      box-shadow: 0 0 0 2px tint(@warning-color, 80%);
    }
    &-arrow {
      color: @warning-color;
    }
  }

  // ant-datepicker
  .@{calendar-prefix-cls}-picker-icon:after {
    color: @warning-color;
  }

  // ant-timepicker
  .@{timepicker-prefix-cls}-picker-icon:after {
    color: @warning-color;
  }

  // ant-input-number
  .@{input-number-prefix-cls} {
    border-color: @warning-color;
    box-shadow: 0 0 0 2px tint(@warning-color, 80%);
    &:not([disabled]):hover {
      border-color: @warning-color;
    }
  }
}

.has-error {
  .form-control-validation(@error-color; @error-color;);

  &.has-feedback:after {
    content: '\e634';
    color: @error-color;
  }

  // ant-select
  .@{select-prefix-cls} {
    &-selection {
      border-color: @error-color;
      box-shadow: 0 0 0 2px tint(@error-color, 80%);
    }

    &-arrow {
      color: @error-color;
    }
  }

  // ant-datepicker
  .@{calendar-prefix-cls}-picker-icon:after {
    color: @error-color;
  }

  // ant-timepicker
  .@{timepicker-prefix-cls}-picker-icon:after {
    color: @error-color;
  }

  // ant-input-number
  .@{input-number-prefix-cls} {
    border-color: @error-color;
    box-shadow: 0 0 0 2px tint(@error-color, 80%);
    &:not([disabled]):hover {
      border-color: @error-color;
    }
  }
}

.is-validating {
  &.has-feedback:after {
    display: inline-block;
    .animation(loadingCircle 1s infinite linear);
    content: "\e6a1";
  }
}

// need there different zoom animation
// otherwise won't trigger anim
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}


Update static/vendors/bootstrap/less/badges.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

//
// Badges
// --------------------------------------------------

// Base class
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: @font-size-small;
  font-weight: @badge-font-weight;
  color: @badge-color;
  line-height: @badge-line-height;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: @badge-bg;
  border-radius: @badge-border-radius;

  // Empty badges collapse automatically (not available in IE8)
  &:empty {
    display: none;
  }

  // Quick fix for badges in buttons
  .btn & {
    position: relative;
    top: -1px;
  }

  .btn-xs &,
  .btn-group-xs > .btn & {
    top: 0;
    padding: 1px 5px;
  }

  // Hover state, but only for links
  a& {
    &:hover,
    &:focus {
      color: @badge-link-hover-color;
      text-decoration: none;
      cursor: pointer;
    }
  }

  // Account for badges in navs
  .list-group-item.active > &,
  .nav-pills > .active > a > & {
    color: @badge-active-color;
    background-color: @badge-active-bg;
  }

  .list-group-item > & {
    float: right;
  }

  .list-group-item > & + & {
    margin-right: 5px;
  }

  .nav-pills > li > a > & {
    margin-left: 3px;
  }
}

error: pathspec 'static/vendors/bootstrap/less/badges.less' did not match any file(s) known to git


Change image format

Change image format

from jpg to png

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


Make borders less harsh

Make borders less harsh

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


fix(fe): add borders to pagination links on desktop

fatal: unable to access 'https://github.com/fassake/bdd-security.git/': The requested URL returned error: 403


Also adjust title width

Also adjust title width

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


updates to center tabs overflow positioning..

///*
// * Tabs component theme overrides
// *------------------------------------------------------------------------------------------
// */

@media (min-width: 520px) and (max-width: @screen-xs-max) {
    .nav-tabs {
        display: block;
        //width: 100%;
        width: 105%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                //                margin-bottom: 0;
                border-bottom: 1px solid @nav-tabs-border-color;
                //                margin-bottom: 0px;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                //                color: @dell-blue !important;
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }

            &.active > a:after,
            a:after {
                font-family:    'icon-ui';
                content: "\e601";
                right: 2%;
                position: absolute;
            }
        }

        &.nav-justified,
        &.nav-centered {
            width: 105%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        padding: 10px 15px;
                        width: 100%;
                        margin-left: -1px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                &.active > a:after,
                a:after {
                    font-family:    'icon-ui';
                    content: "\e601";
                    right: 2%;
                    position: absolute;
                }
            }
        }
    }
}

@media (min-width: 100px) and (max-width: 520px) {
    .nav-tabs {
        display: block;
        width: 112%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                //                margin-bottom: 0;
                border-bottom: 1px solid @nav-tabs-border-color;
                //                margin-bottom: 0px;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                //                color: @dell-blue !important;
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }

            &.active > a:after,
            a:after {
                font-family:    'icon-ui';
                content: "\e601";
                right: 7%;
                position: absolute;
            }
        }

        &.nav-justified,
        &.nav-centered {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        padding: 10px 15px;
                        width: 100%;
                        margin-left: -1px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                &.active > a:after,
                a:after {
                    font-family:    'icon-ui';
                    content: "\e601";
                    right: 7%;
                    position: absolute;
                }
            }
        }
    }
}

.nav-center-rule {
    border-bottom: 1px solid #ccc;
    bottom: -42px;
    position: relative;
}
.nav-center-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width: @screen-xs-max) {
    .nav-center-rule {
        border-bottom: none;
        bottom:0;
        position: relative;
    }
    .nav-center-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

}

    /*
     * Tab Off Canvas
     * --------------------------------------------------
     */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-right {
            right: 0;
        }

        .row-offcanvas-left {
            left: 0;
        }

        .row-offcanvas-right
        .sidebar-offcanvas {
            //        right: -50%; /* 6 columns */
            right: 108%;
            position: fixed;
            top: 0;
            width: 102%;
            left: -100%;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -50%; /* 6 columns */
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            left: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                left: 0;
            }
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            right: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                right: 0;
            }
        }

        .row-offcanvas-left.active {
            left: 50%; /* 6 columns */
        }
        .tab-content .row {
            margin-left: 15px;
            margin-right: 15px;
        }
        .offcanvas-back-btn {
            &.well {
                height: 45px;
                padding: 5px 20px 10px 30px;
            }
            &:before, {
                color: @dell-blue;
                font-family:    'icon-ui';
                content: "\e600";
                position: absolute;
                left: 30px;
                padding-top: 7px;
            }
            > .btn-link {
                text-decoration: none;
            }
            .btn {
                padding: 6px 20px;
            }
        }
    }

///*
// * Tabs component theme overrides
// *------------------------------------------------------------------------------------------
// */

@media (min-width: 520px) and (max-width: @screen-xs-max) {
    .nav-tabs {
        display: block;
        //width: 100%;
        width: 105%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                //                margin-bottom: 0;
                border-bottom: 1px solid @nav-tabs-border-color;
                //                margin-bottom: 0px;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                //                color: @dell-blue !important;
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }

            &.active > a:after,
            a:after {
                font-family:    'icon-ui';
                content: "\e601";
                right: 20px;
                position: absolute;
            }
        }

        &.nav-justified,
        &.nav-centered {
            width: 105%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        padding: 10px 15px;
                        width: 100%;
                        margin-left: -1px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                &.active > a:after,
                a:after {
                    font-family:    'icon-ui';
                    content: "\e601";
                    right: 20px;
                    position: absolute;
                }
            }
        }
    }
}

@media (min-width: 100px) and (max-width: 520px) {
    .nav-tabs {
        display: block;
        width: 112%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                //                margin-bottom: 0;
                border-bottom: 1px solid @nav-tabs-border-color;
                //                margin-bottom: 0px;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                //                color: @dell-blue !important;
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }

            &.active > a:after,
            a:after {
                font-family:    'icon-ui';
                content: "\e601";
                right: 20px;
                position: absolute;
            }
        }

        &.nav-justified,
        &.nav-centered {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        padding: 10px 15px;
                        width: 100%;
                        margin-left: -1px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                &.active > a:after,
                a:after {
                    font-family:    'icon-ui';
                    content: "\e601";
                    right: 20px;
                    position: absolute;
                }
            }
        }
    }
}

.nav-center-rule {
    border-bottom: 1px solid #ccc;
    bottom: -42px;
    position: relative;
}
.nav-center-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width: @screen-xs-max) {
    .nav-center-rule {
        border-bottom: none;
        bottom:0;
        position: relative;
    }
    .nav-center-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

}

    /*
     * Tab Off Canvas
     * --------------------------------------------------
     */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-right {
            right: 0;
        }

        .row-offcanvas-left {
            left: 0;
        }

        .row-offcanvas-right
        .sidebar-offcanvas {
            //        right: -50%; /* 6 columns */
            right: 108%;
            position: fixed;
            top: 0;
            width: 102%;
            left: -100%;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -50%; /* 6 columns */
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            left: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                left: 0;
            }
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            right: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                right: 0;
            }
        }

        .row-offcanvas-left.active {
            left: 50%; /* 6 columns */
        }
        .tab-content .row {
            margin-left: 15px;
            margin-right: 15px;
        }
        .offcanvas-back-btn {
            &.well {
                height: 45px;
                padding: 5px 20px 10px 30px;
            }
            &:before, {
                color: @dell-blue;
                font-family:    'icon-ui';
                content: "\e600";
                position: absolute;
                left: 30px;
                padding-top: 7px;
            }
            > .btn-link {
                text-decoration: none;
            }
            .btn {
                padding: 6px 20px;
            }
        }
    }


improve input number handler

improve input number handler

@input-number-prefix-cls: ant-input-number;

@import "../mixins/iconfont";
@import "../mixins/input";

.@{input-number-prefix-cls} {
  .input();
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D9D9D9;
  border-radius: @border-radius-base;
  overflow: hidden;

  &-handler {
    text-align: center;
    line-height: 0;
    height: 14px;
    overflow: hidden;
    color: #999;
    transition: all 0.2s linear;
    position: relative;
    &:hover {
      background: #fefefe;
    }
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: tint(@primary-color, 20%);
    }
  }

  &-handler-up-inner, &-handler-down-inner {
    .iconfont-mixin();
    line-height: 12px;
    user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all 0.2s linear;
    .iconfont-size-under-12px(7px);
    right: 4px;
    color: #999;
  }

  &:hover {
    .hover();
  }

  &-focused {
    .active();
  }

  &-disabled {
    .disabled();
  }

  &-input-wrap {
    overflow: hidden;
    height: 28px;
  }

  &-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    line-height: 28px;
    height: 28px;
    transition: all 0.3s linear;
    color: #666;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 7px;

    &[disabled] {
      .disabled();
    }
  }

  &-lg {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 32px;
    }
    .@{input-number-prefix-cls}-handler {
      height: 16px;
    }

    input {
      height: 32px;
      line-height: 32px;
      font-size: 14px;
    }

    .@{input-number-prefix-cls}-handler-up-inner {
      top: 2px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 2px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 18px;
    }
  }

  &-sm {
    padding: 0;
    .@{input-number-prefix-cls}-handler-wrap {
      height: 22px;
    }
    .@{input-number-prefix-cls}-input-wrap {
      height: 22px;
      overflow: hidden;
      position: relative;
    }
    .@{input-number-prefix-cls}-handler {
      height: 11px;
    }

    input {
      height: 22px;
      line-height: 22px;
      position: absolute;
      top: 0;
    }
    .@{input-number-prefix-cls}-handler-up-inner {
      top: -1px;
    }
    .@{input-number-prefix-cls}-handler-down-inner {
      bottom: -1px;
    }
    .@{input-number-prefix-cls}-handler-up:hover {
      height: 13px;
    }
    .@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
      bottom: 4px;
    }
  }

  &-handler-wrap {
    float: right;
    border-left: 1px solid #D9D9D9;
    width: 22px;
    height: 28px;
    position: relative;
    opacity: 0;
    transition: opacity 0.2s linear;
  }

  &:hover &-handler-wrap {
    opacity: 1;
  }

  &-handler-up {
    cursor: pointer;
    &-inner {
      top: 1px;
      transition: all 0.2s linear;
      .ie-rotate(2);
      &:before {
        text-align: center;
        content: "\e600";
        transform: rotate(180deg);
        -webkit-transform-origin: 47.5% 51%; /* fix chrome position */
      }
    }
    &:hover {
      height: 16px;
    }
    &:hover &-inner {
      margin-top: 2px;
    }
  }

  &-handler-down {
    border-top: 1px solid #D9D9D9;
    top: -1px;
    cursor: pointer;
    &-inner {
      &:before {
        text-align: center;
        content: "\e600";
      }
    }
    &:hover {
      height: 16px;
      margin-top: -2px;
    }
  }

  .handler-disabled() {
    opacity: 0.72;
    color: #ccc !important;
    cursor: default;
    &:hover {
      color: #ccc;
      cursor: default;
    }
  }

  &-handler-down-disabled, &-handler-up-disabled, &-disabled {
    .@{input-number-prefix-cls}-handler-down-inner,
    .@{input-number-prefix-cls}-handler-up-inner {
      .handler-disabled();
    }
  }

  &-disabled {
    .@{input-number-prefix-cls}-input {
      opacity: 0.72;
      cursor: not-allowed;
      background-color: #f3f3f3;
    }
    .@{input-number-prefix-cls}-handler-wrap {
      display: none;
    }
    .@{input-number-prefix-cls}-handler {
      .handler-disabled();
    }
  }
}

@input-number-prefix-cls: ant-input-number;

@import "../mixins/iconfont";
@import "../mixins/input";

.@{input-number-prefix-cls} {
  .input();
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D9D9D9;
  border-radius: @border-radius-base;
  overflow: hidden;

  &-handler {
    text-align: center;
    line-height: 0;
    height: 14px;
    overflow: hidden;
    color: #999;
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: tint(@primary-color, 20%);
    }
  }

  &-handler-up-inner, &-handler-down-inner {
    .iconfont-mixin();
    line-height: 12px;
    user-select: none;
    -webkit-user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    .iconfont-size-under-12px(8px);
    right: 4px;
    color: #999;
  }

  &:hover {
    .hover();
  }

  &-focused {
    .active();
  }

  &-disabled {
    .disabled();
  }

  &-input-wrap {
    overflow: hidden;
    height: 28px;
  }

  &-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    line-height: 28px;
    height: 28px;
    transition: all 0.3s ease;
    color: #666;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 7px;

    &[disabled] {
      .disabled();
    }
  }

  &-lg {
    padding: 0;
    .ant-input-number-handler-wrap {
      height: 32px;
    }
    .ant-input-number-input-wrap {
      height: 32px;
    }
    .ant-input-number-handler {
      height: 16px;
    }

    input {
      height: 32px;
      line-height: 32px;
      font-size: 14px;
    }

    .ant-input-number-handler-up-inner {
      top: 2px;
    }
    .ant-input-number-handler-down-inner {
      top: 18px;
    }
  }

  &-sm {
    padding: 0;
    .ant-input-number-handler-wrap {
      height: 22px;
    }
    .ant-input-number-input-wrap {
      height: 22px;
      overflow: hidden;
      position: relative;
    }
    .ant-input-number-handler {
      height: 11px;
    }

    input {
      height: 22px;
      line-height: 22px;
      position: absolute;
      top: 0;
    }
    .ant-input-number-handler-up-inner {
      top: -1px;
    }
    .ant-input-number-handler-down-inner {
      top: 10px;
    }
  }

  &-handler-wrap {
    float: right;
    border-left: 1px solid #D9D9D9;
    width: 22px;
    height: 28px;
    position: relative;
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  &:hover &-handler-wrap {
    opacity: 1;
  }

  &-handler-up {
    border-bottom: 1px solid #D9D9D9;
    cursor: pointer;
    &-inner {
      top: 1px;
      .ie-rotate(2);
      &:before {
        text-align: center;
        content: "\e600";
        transform: rotate(180deg);
        -webkit-transform-origin: 47.5% 51%; /* fix chrome position */
      }
    }
  }

  &-handler-down {
    cursor: pointer;
    &-inner {
      &:before {
        text-align: center;
        content: "\e600";
      }
    }
  }

  .handler-disabled() {
    opacity: 0.72;
    color: #ccc !important;
    cursor: default;
    &:hover {
      color: #ccc;
      cursor: default;
    }
  }

  &-handler-down-disabled, &-handler-up-disabled, &-disabled {
    .@{input-number-prefix-cls}-handler-down-inner,
    .@{input-number-prefix-cls}-handler-up-inner {
      .handler-disabled();
    }
  }

  &-disabled {
    .@{input-number-prefix-cls}-input {
      opacity: 0.72;
      cursor: not-allowed;
      background-color: #f3f3f3;
    }
    .@{input-number-prefix-cls}-handler {
      .handler-disabled();
    }
  }
}


Improve visual separation of 'popular templates' heading by uppercasing it

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


Slightly less padding on blockquotes

Slightly less padding on blockquotes

// ------------------------------------
// Posts

.Post {
  padding: 30px 0;
  transition: 0.2s box-shadow, top 0.2s, opacity 0.2s;
  position: relative;
  top: 0;

  &.editing {
    top: 5px;
    opacity: 0.5;
  }
}
.Post-controls {
  float: right;
  margin-top: -8px;
  margin-left: 10px;
}

.Post-header {
  margin-bottom: 10px;
  color: @muted-color;

  &, a {
    color: @muted-color;
  }
  > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    > li {
      display: inline;
      margin-right: 10px;
    }
  }
}
.PostUser {
  margin: 0;
  display: inline;
  font-weight: normal;
  position: relative;

  h3 {
    display: inline;
  }
  h3, h3 a {
    color: @heading-color;
    font-weight: bold;
    font-size: 15px;
  }

  .UserCard {
    position: absolute;
    top: -10px;
    left: -100px;
    z-index: @zindex-dropdown;
    .transition(~"opacity 0.2s, transform 0.2s");
    transform: scale(0.95);
    transform-origin: left top;
    opacity: 0;

    &.in {
      transform: scale(1);
      opacity: 1;
    }
  }
}
.PostUser-badges {
  text-align: right;
  white-space: nowrap;
  pointer-events: none;

  .Badge {
    margin-left: -15px;
    position: relative;
    pointer-events: auto;
  }
}

.Post-body {
  font-size: 14px;
  line-height: 1.7;
  position: relative;

  p, ul, ol, blockquote {
    margin-bottom: 1em;
  }
  a {
    border-bottom: 1px solid @control-bg;
    font-weight: 600;

    &:hover, &:focus, &:active {
      text-decoration: none;
      border-color: @link-color;
    }
  }
  blockquote {
    font-size: inherit;
    border: 0;
    background: @control-bg;
    color: @control-color;
    border-radius: @border-radius;
    padding: 8px 15px;
    border-top: 2px dotted @body-bg;
    border-bottom: 2px dotted @body-bg;
    margin: 1em 0;
  }
  pre {
    border: 0;
    padding: 15px;
    background: darken(@body-bg, 3%);
    color: #666;
    font-size: 90%;
    border-radius: @border-radius;
  }
  h1 {
    font-size: 160%;
  }
  h2 {
    font-size: 120%;
    font-weight: bold;
  }
  h3 {
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
  }
  h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
  }
  img {
    max-width: 100%;
  }
}

.Post.hidden {
  .Post-header, .Post-header a, .Post-user h3, .Post-user h3 a {
    color: @muted-more-color;
  }
  .Post-body, .Post-footer, h3 .Avatar, .PostUser-badges {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    margin-top: -5px;
    .transition(~"margin-top 0.2s, opacity 0.2s");
  }
  &.revealContent {
    .Post-body, .Post-footer, h3 .Avatar, .PostUser-badges {
      position: static;
      visibility: visible;
      opacity: 0.5;
      margin-top: 0;
    }
  }
  .Post-header .Button--more {
    background: fade(@muted-more-color, 30%);
    color: @muted-more-color;
  }
}
.PostMeta {
  display: inline;
}
.PostMeta .Dropdown-menu {
  width: 400px;
  padding: 10px;
  color: @muted-color;

  @media @phone {
    padding: 15px !important;
  }
}
.PostMeta-number {
  color: @text-color;
  font-weight: bold;
}
.PostMeta-time {
  margin-left: 5px;
}
.PostMeta-permalink {
  margin-top: 10px;

  a& {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.EventPost-icon {
  float: left;
}
.EventPost {
  &, a {
    color: @muted-color;
  }
  a {
    font-weight: bold;
  }
}
.EventPost-info {
  font-size: 15px;
}

.DiscussionRenamedPost-old, .DiscussionRenamedPost-new {
  font-weight: normal;
  font-style: italic;
}

.Post-footer, .Post-actions {
  > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  &, a {
    color: @muted-color;
  }
  a {
    display: inline-block;

    .icon {
      display: none;
    }
  }
}
.Post-footer {
  > ul {
    > li {
      margin-bottom: 5px;
    }
  }
  .icon {
    font-size: 14px;
    margin-right: 5px;
  }
}
.Post-actions {
  margin-top: 10px;
  .transition(opacity 0.2s);

  @media @tablet-up {
    margin-bottom: -10px;
    opacity: 0;
  }

  > ul {
    > li {
      margin-right: 10px;
      display: inline-block;
    }
  }
  .Post:hover & {
    opacity: 1;
  }
}
.PostStream-timeGap {
  text-transform: uppercase;
  font-weight: bold;
  color: @muted-color;
  padding: 20px 20px 20px 90px;
  background: @control-bg;
  font-size: 12px;

  @media @phone {
    margin: 0 -15px;
    padding: 20px 15px;
  }
}

.PostPreview {
  color: @muted-color;
  padding-left: 50px;
  line-height: 1.7em;

  .Avatar {
    float: left;
    margin-left: -50px;
    .Avatar--size(32px);
  }
  .username {
    color: @text-color;
    font-weight: bold;
    margin-right: 5px;
  }
  time {
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
  }
}

@media @phone {
  .Post-controls {
    margin-top: -6px;
    margin-right: -8px;

    .Dropdown-toggle {
      opacity: 0.5;
    }
  }
  .Post-header {
    .Avatar {
      .Avatar--size(32px);
      vertical-align: middle;
      margin-right: 5px;
    }
  }
  .PostUser-badges {
    position: absolute;
    top: -12px;
    left: 6px;
    width: 32px;

    .Badge {
      .Badge--size(20px);
      margin-left: -13px;
    }
  }
  .EventPost {
    padding-left: 30px;
  }
  .EventPost-icon {
    font-size: 18px;
    margin-left: -30px;
    margin-top: 2px;
  }
}

@media @tablet-up {
  .Post {
    padding-left: 90px;

    .Post-controls {
      opacity: 0;
      transition: opacity 0.2s;
    }
    &:hover .Post-controls, .Post-controls.open {
      opacity: 1;
    }
  }
  .PostUser-avatar {
    margin-left: -90px;
    float: left;
    .Avatar--size(64px);
  }
  .PostUser-badges {
    float: left;
    position: relative;
    margin-left: -85px;
    margin-top: -3px;
    width: 64px;
  }
  .EventPost-icon {
    text-align: right;
    margin-left: -90px;
    width: 64px;
    font-size: 22px;
  }
}

.ReplyPlaceholder {
  font-size: 15px;
  cursor: text;
  overflow: hidden;
  margin-top: 50px;
  border: 2px dashed @control-bg;
  color: @muted-color;
  border-radius: 10px;
  padding: 20px;

  .Post-header {
    margin: 0;
    color: inherit;
  }
}
@media @tablet-up {
  .ReplyPlaceholder {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 110px;
    border-color: transparent;
    transition: border-color 0.2s;

    .Post-header {
      padding-top: 18px;
    }
    .Avatar {
      margin-top: -18px;
    }
    &:hover {
      border-color: @control-bg;
    }
  }
}

// ------------------------------------
// Posts

.Post {
  padding: 30px 0;
  transition: 0.2s box-shadow, top 0.2s, opacity 0.2s;
  position: relative;
  top: 0;

  &.editing {
    top: 5px;
    opacity: 0.5;
  }
}
.Post-controls {
  float: right;
  margin-top: -8px;
  margin-left: 10px;
}

.Post-header {
  margin-bottom: 10px;
  color: @muted-color;

  &, a {
    color: @muted-color;
  }
  > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    > li {
      display: inline;
      margin-right: 10px;
    }
  }
}
.PostUser {
  margin: 0;
  display: inline;
  font-weight: normal;
  position: relative;

  h3 {
    display: inline;
  }
  h3, h3 a {
    color: @heading-color;
    font-weight: bold;
    font-size: 15px;
  }

  .UserCard {
    position: absolute;
    top: -10px;
    left: -100px;
    z-index: @zindex-dropdown;
    .transition(~"opacity 0.2s, transform 0.2s");
    transform: scale(0.95);
    transform-origin: left top;
    opacity: 0;

    &.in {
      transform: scale(1);
      opacity: 1;
    }
  }
}
.PostUser-badges {
  text-align: right;
  white-space: nowrap;
  pointer-events: none;

  .Badge {
    margin-left: -15px;
    position: relative;
    pointer-events: auto;
  }
}

.Post-body {
  font-size: 14px;
  line-height: 1.7;
  position: relative;

  p, ul, ol, blockquote {
    margin-bottom: 1em;
  }
  a {
    border-bottom: 1px solid @control-bg;
    font-weight: 600;

    &:hover, &:focus, &:active {
      text-decoration: none;
      border-color: @link-color;
    }
  }
  blockquote {
    font-size: inherit;
    border: 0;
    background: @control-bg;
    color: @control-color;
    border-radius: @border-radius;
    padding: 10px 15px;
    border-top: 2px dotted @body-bg;
    border-bottom: 2px dotted @body-bg;
    margin: 1em 0;
  }
  pre {
    border: 0;
    padding: 15px;
    background: darken(@body-bg, 3%);
    color: #666;
    font-size: 90%;
    border-radius: @border-radius;
  }
  h1 {
    font-size: 160%;
  }
  h2 {
    font-size: 120%;
    font-weight: bold;
  }
  h3 {
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
  }
  h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
  }
  img {
    max-width: 100%;
  }
}

.Post.hidden {
  .Post-header, .Post-header a, .Post-user h3, .Post-user h3 a {
    color: @muted-more-color;
  }
  .Post-body, .Post-footer, h3 .Avatar, .PostUser-badges {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    margin-top: -5px;
    .transition(~"margin-top 0.2s, opacity 0.2s");
  }
  &.revealContent {
    .Post-body, .Post-footer, h3 .Avatar, .PostUser-badges {
      position: static;
      visibility: visible;
      opacity: 0.5;
      margin-top: 0;
    }
  }
  .Post-header .Button--more {
    background: fade(@muted-more-color, 30%);
    color: @muted-more-color;
  }
}
.PostMeta {
  display: inline;
}
.PostMeta .Dropdown-menu {
  width: 400px;
  padding: 10px;
  color: @muted-color;

  @media @phone {
    padding: 15px !important;
  }
}
.PostMeta-number {
  color: @text-color;
  font-weight: bold;
}
.PostMeta-time {
  margin-left: 5px;
}
.PostMeta-permalink {
  margin-top: 10px;

  a& {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.EventPost-icon {
  float: left;
}
.EventPost {
  &, a {
    color: @muted-color;
  }
  a {
    font-weight: bold;
  }
}
.EventPost-info {
  font-size: 15px;
}

.DiscussionRenamedPost-old, .DiscussionRenamedPost-new {
  font-weight: normal;
  font-style: italic;
}

.Post-footer, .Post-actions {
  > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  &, a {
    color: @muted-color;
  }
  a {
    display: inline-block;

    .icon {
      display: none;
    }
  }
}
.Post-footer {
  > ul {
    > li {
      margin-bottom: 5px;
    }
  }
  .icon {
    font-size: 14px;
    margin-right: 5px;
  }
}
.Post-actions {
  margin-top: 10px;
  .transition(opacity 0.2s);

  @media @tablet-up {
    margin-bottom: -10px;
    opacity: 0;
  }

  > ul {
    > li {
      margin-right: 10px;
      display: inline-block;
    }
  }
  .Post:hover & {
    opacity: 1;
  }
}
.PostStream-timeGap {
  text-transform: uppercase;
  font-weight: bold;
  color: @muted-color;
  padding: 20px 20px 20px 90px;
  background: @control-bg;
  font-size: 12px;

  @media @phone {
    margin: 0 -15px;
    padding: 20px 15px;
  }
}

.PostPreview {
  color: @muted-color;
  padding-left: 50px;
  line-height: 1.7em;

  .Avatar {
    float: left;
    margin-left: -50px;
    .Avatar--size(32px);
  }
  .username {
    color: @text-color;
    font-weight: bold;
    margin-right: 5px;
  }
  time {
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
  }
}

@media @phone {
  .Post-controls {
    margin-top: -6px;
    margin-right: -8px;

    .Dropdown-toggle {
      opacity: 0.5;
    }
  }
  .Post-header {
    .Avatar {
      .Avatar--size(32px);
      vertical-align: middle;
      margin-right: 5px;
    }
  }
  .PostUser-badges {
    position: absolute;
    top: -12px;
    left: 6px;
    width: 32px;

    .Badge {
      .Badge--size(20px);
      margin-left: -13px;
    }
  }
  .EventPost {
    padding-left: 30px;
  }
  .EventPost-icon {
    font-size: 18px;
    margin-left: -30px;
    margin-top: 2px;
  }
}

@media @tablet-up {
  .Post {
    padding-left: 90px;

    .Post-controls {
      opacity: 0;
      transition: opacity 0.2s;
    }
    &:hover .Post-controls, .Post-controls.open {
      opacity: 1;
    }
  }
  .PostUser-avatar {
    margin-left: -90px;
    float: left;
    .Avatar--size(64px);
  }
  .PostUser-badges {
    float: left;
    position: relative;
    margin-left: -85px;
    margin-top: -3px;
    width: 64px;
  }
  .EventPost-icon {
    text-align: right;
    margin-left: -90px;
    width: 64px;
    font-size: 22px;
  }
}

.ReplyPlaceholder {
  font-size: 15px;
  cursor: text;
  overflow: hidden;
  margin-top: 50px;
  border: 2px dashed @control-bg;
  color: @muted-color;
  border-radius: 10px;
  padding: 20px;

  .Post-header {
    margin: 0;
    color: inherit;
  }
}
@media @tablet-up {
  .ReplyPlaceholder {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 110px;
    border-color: transparent;
    transition: border-color 0.2s;

    .Post-header {
      padding-top: 18px;
    }
    .Avatar {
      margin-top: -18px;
    }
    &:hover {
      border-color: @control-bg;
    }
  }
}


Update forms.less

Update forms.less

Account for issues found during a test rendering reworking

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


added some styles to discovery module

added some styles to discovery module

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


More margins

More margins

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

.forum-post {
  @_reply-xs-top-margin: 4px;

  .default-box-shadow();
  background-color: #fff;

  margin-bottom: 5px;
  padding: 0;

  display: flex;
  flex-direction: column;

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

  &--reply {
    backface-visibility: hidden;
    transition: opacity 120ms;
    box-shadow: none;
    width: 100%;
    margin-bottom: 0;
  }

  .js-forum-post--hidden & {
    opacity: 0.5;
  }

  &__actions {
    .desktop-position() {
      @media @desktop {
        justify-content: flex-start;
        width: 0;
        right: 0;
        top: 20px;

        opacity: 0;
        will-change: opacity;

        .forum-post:hover & {
          opacity: 1;
        }
      }
    }

    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 120ms ease-in-out;

    right: 30px;
    bottom: 20px;
    .desktop-position();

    &--reply {
      top: (-@_reply-xs-top-margin);
      height: 0;
      .desktop-position();
    }
  }

  &__body {
    flex: none;
    @media @desktop {
      flex: 1 0 auto;
    }

    display: flex;
    flex-direction: column;

    // to prevent child from overflowing
    // reference: https://bugzilla.mozilla.org/show_bug.cgi?id=1108514#c2
    min-width: 0;

    &--reply-form {
      flex: 1 0 auto;
    }
  }

  &__content {
    font-size: 12px;
    flex: none;

    padding: 20px 30px;

    &--edit-bar {
      background-color: @gray-lighter;
      display: flex;
      justify-content: space-between;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    &--edit-bar-create {
      background-color: #444;
    }

    &--edit-body {
      flex: 1 0 auto;
      display: flex;
    }

    &--footer {
      order: 2;
      font-weight: bold;
      color: #777;

      padding-top: 0;
      padding-bottom: 20px;
      @media @desktop {
        order: 0;
        padding-top: 20px;
      }
    }

    &--header {
      font-weight: bold;
      order: 1;

      padding-top: 0;

      @media @desktop {
        order: 0;
        padding-top: 20px;
        padding-bottom: 0;
      }
    }

    &--main {
      flex: 1 0 auto;
      order: 0;

      padding-top: 20px;
      padding-bottom: 20px;
    }

    &--poll-create {
      background-color: #555;
      color: #fff;
    }

    &--reply-tabs {
      background-color: @gray-lighter;
      display:flex;
      padding-top: 0;
      padding-bottom: 0;
    }

    &--signature {
      background-color: #eee;

      padding-top: 20px;
      padding-bottom: 20px;

      .bbcode {
        max-height: 150px;
        overflow: hidden;
      }
    }
  }

  &__info-panel {
    flex: none;
    width: 180px;
    background-color: @user-color-default;
    display: flex;
    flex-direction: column;

    &--reply {
      background-color: transparent;
    }
  }

  &__info-panel-extra {
    background-color: fade(#fff, 90%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 auto;
    padding: 10px;
    text-align: center;
  }

  &__info-panel-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    background-image: linear-gradient(to bottom, transparent, fade(#000, 20%));

    &::before {
      position: absolute;
      content: ' ';
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url("/images/backgrounds/button.svg");
      background-size: 300px;
      opacity: 0.5;
    }
  }

  &__info-panel-xs {
    .default-border-radius;
    background-color: @blue-darker;
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 20px;
  }

  &__info-panel-xs-flag {
    margin-left: 5px;
  }

  &__info-panel-xs-main {
    flex: 1 0 auto;
  }

  &__info-panel-xs-title {
    font-size: 10px;
    color: #fff;
  }

  &__info-panel-xs-name {
    font-size: 14px;
    display: flex;
  }

  &__info-row {
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
    color: #555;
    margin-bottom: 5px;

    &--user-title {
      color: #333;
    }
  }

  &__overlay {
    .full-size();
  }

  &__reply-body {
    .default-box-shadow();
    background-color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  &__reply-container {
    background-color: fade(#333, 90%);
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    padding-top: @_reply-xs-top-margin;

    @media @desktop {
      padding-top: 10px;
    }
  }

  &__reply-content {
    display: flex;
    height: 100%;
  }

  &__reply-stick {
    flex: 1 0 auto;
    display: flex;
    align-self: center;
    justify-content: flex-end;
  }

  &__stripe {
    position: absolute;
    height: 100%;
    right: 100%;
    top: 0;
    width: 10px;

    display: none;

    @media @desktop {
      display: block;
    }
  }

  &__username {
    .default-text-shadow();
    display: block;
    font-weight: 600;
    font-style: italic;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #fff;

    &:hover {
      color: #fff;
      text-decoration: none;
      width: auto;
      overflow: visible;
    }

    &:focus,
    &:active {
      color: #fff;
      text-decoration: none;
    }
  }
}

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

.forum-post {
  @_reply-xs-top-margin: 4px;

  .default-box-shadow();
  background-color: #fff;

  margin-bottom: 5px;
  padding: 0;

  display: flex;
  flex-direction: column;

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

  &--reply {
    backface-visibility: hidden;
    transition: opacity 120ms;
    box-shadow: none;
    width: 100%;
    margin-bottom: 0;
  }

  .js-forum-post--hidden & {
    opacity: 0.5;
  }

  &__actions {
    .desktop-position() {
      @media @desktop {
        justify-content: flex-start;
        width: 0;
        right: 0;
        top: 20px;

        opacity: 0;
        will-change: opacity;

        .forum-post:hover & {
          opacity: 1;
        }
      }
    }

    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 120ms ease-in-out;

    right: 30px;
    bottom: 20px;
    .desktop-position();

    &--reply {
      top: (-@_reply-xs-top-margin);
      height: 0;
      .desktop-position();
    }
  }

  &__body {
    flex: none;
    @media @desktop {
      flex: 1 0 auto;
    }

    display: flex;
    flex-direction: column;

    // to prevent child from overflowing
    // reference: https://bugzilla.mozilla.org/show_bug.cgi?id=1108514#c2
    min-width: 0;

    &--reply-form {
      flex: 1 0 auto;
    }
  }

  &__content {
    font-size: 12px;
    flex: none;

    padding: 20px 30px;

    &--edit-bar {
      background-color: @gray-lighter;
      display: flex;
      justify-content: space-between;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    &--edit-bar-create {
      background-color: #444;
    }

    &--edit-body {
      flex: 1 0 auto;
      display: flex;
    }

    &--footer {
      order: 2;
      font-weight: bold;
      color: #777;

      padding-top: 0;
      padding-bottom: 20px;
      @media @desktop {
        order: 0;
        padding-top: 20px;
      }
    }

    &--header {
      font-weight: bold;
      order: 1;

      padding-top: 0;

      @media @desktop {
        order: 0;
        padding-top: 20px;
        padding-bottom: 0;
      }
    }

    &--main {
      flex: 1 0 auto;
      order: 0;

      padding-top: 20px;
      padding-bottom: 20px;
    }

    &--poll-create {
      background-color: #555;
      color: #fff;
    }

    &--reply-tabs {
      background-color: @gray-lighter;
      display:flex;
      padding-top: 0;
      padding-bottom: 0;
    }

    &--signature {
      background-color: #eee;

      padding-top: 20px;
      padding-bottom: 20px;

      .bbcode {
        max-height: 150px;
        overflow: hidden;
      }
    }
  }

  &__info-panel {
    flex: none;
    width: 180px;
    background-color: @user-color-default;
    display: flex;
    flex-direction: column;

    &--reply {
      background-color: transparent;
    }
  }

  &__info-panel-extra {
    background-color: fade(#fff, 90%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 auto;
    padding: 10px;
    text-align: center;
  }

  &__info-panel-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    background-image: linear-gradient(to bottom, transparent, fade(#000, 20%));

    &::before {
      position: absolute;
      content: ' ';
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url("/images/backgrounds/button.svg");
      background-size: 300px;
      opacity: 0.5;
    }
  }

  &__info-panel-xs {
    .default-border-radius;
    background-color: @blue-darker;
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 20px;
  }

  &__info-panel-xs-flag {
    margin-left: 5px;
  }

  &__info-panel-xs-main {
    flex: 1 0 auto;
  }

  &__info-panel-xs-title {
    font-size: 10px;
    color: #fff;
  }

  &__info-panel-xs-name {
    font-size: 14px;
    display: flex;
  }

  &__info-row {
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
    color: #555;
    margin-bottom: 5px;

    &--user-title {
      color: #333;
    }
  }

  &__overlay {
    .full-size();
  }

  &__reply-body {
    .default-box-shadow();
    background-color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  &__reply-container {
    background-color: fade(#333, 90%);
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
    padding-top: @_reply-xs-top-margin;

    @media @desktop {
      padding-top: 10px;
    }
  }

  &__reply-content {
    display: flex;
    height: 100%;
  }

  &__reply-stick {
    flex: 1 0 auto;
    display: flex;
    align-self: center;
    justify-content: flex-end;
  }

  &__stripe {
    position: absolute;
    height: 100%;
    right: 100%;
    top: 0;
    width: 10px;

    display: none;

    @media @desktop {
      display: block;
    }
  }

  &__username {
    .default-text-shadow();
    display: block;
    font-weight: 600;
    font-style: italic;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #fff;

    &:hover {
      color: #fff;
      text-decoration: none;
      width: auto;
      overflow: visible;
    }

    &:focus,
    &:active {
      color: #fff;
      text-decoration: none;
    }
  }
}


cleanup card title + header

cleanup card title + header

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


Add horizontal margin of badge in dropdown item

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


Fix delay rendering on the scrolling of the parent

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


Adding border-width to list item style to ensure it is not overidden by li selector.

@import '..\..\less\valenceui.less';

.vui-list {
	padding: 0px;
	list-style: none outside none;
}

.vui-list > li {
	padding: 7px 10px;
	border-width: 0;
	border-bottom: 1px solid @itemSeparatorColor;
	list-style: none outside none;
}

.vui-list > .vui-checkbox,
.vui-list > .vui-radio {
	margin: 0;
	padding-left: 30px;
}

.vui-list > .vui-selected {
	background-color: @itemSelectedBackgroundColor;
}

.vui-list > .vui-active {
	background-color: @itemHoverBackgroundColor;
}

.vui-list > .vui-selected.vui-active {
	background-color: @itemSelectedHoverBackgroundColor;
}

.vui-list > li:last-child {
	border-bottom: 1px solid transparent;
}

[dir='rtl'] .vui-list > .vui-checkbox,
[dir='rtl'] .vui-list > .vui-radio {
	padding-left: 10px;
	padding-right: 30px;
}

@import '..\..\less\valenceui.less';

.vui-list {
	padding: 0px;
	list-style: none outside none;
}

.vui-list > li {
	padding: 7px 10px;
	border-bottom: 1px solid @itemSeparatorColor;
	list-style: none outside none;
}

.vui-list > .vui-checkbox,
.vui-list > .vui-radio {
	margin: 0;
	padding-left: 30px;
}

.vui-list > .vui-selected {
	background-color: @itemSelectedBackgroundColor;
}

.vui-list > .vui-active {
	background-color: @itemHoverBackgroundColor;
}

.vui-list > .vui-selected.vui-active {
	background-color: @itemSelectedHoverBackgroundColor;
}

.vui-list > li:last-child {
	border-bottom: 1px solid transparent;
}

[dir='rtl'] .vui-list > .vui-checkbox,
[dir='rtl'] .vui-list > .vui-radio {
	padding-left: 10px;
	padding-right: 30px;
}


Add block choice horizontal style

Add block choice horizontal style


Add underline style for link tags in panel cell


Add panel block-control choice style

Add panel block-control choice style


Fix loading spinner being AWSM (100% width + spinning = ???)

fatal: unable to access 'https://github.com/Xyloo/osu-web.git/': The requested URL returned error: 403


Updated overlay borders.

Updated overlay borders.

/* ==========================================================================
   "Form explainer" custom styles
   ========================================================================== */

.form-explainer {
    .webfont-regular();
}

.image-map {
    display: block;
    .u-clearfix();
    min-width: 290px;

    .respond-to-max(599px, {
        display: none;
    });
}

.image-map_wrapper {
    float: left;
    position: relative;
}

.image-map_image {
    box-sizing: border-box;
    display: block;
    border: 1px solid @black;
}

.image-map_overlay {
    position: absolute;
    border: 2px solid transparent;
    background: transparent;
    transition: border 100ms ease-out;
}

.image-map_overlay__checklist {
    & {
        background: rgba(209,65,36,0.2);
    }
    &:hover,
    &:focus,
    &.has-attention  {
        border-color: @redorange-80;
    }
    &:focus {
        outline: 1px dotted @redorange;
        outline-offset: 1px;
    }
}
.image-map_overlay__alerts {
    & {
        background: rgba(255,147,27,0.2);
    }
    &:hover,
    &:focus,
    &.has-attention  {
        border-color: @gold-80;
    }
    &:focus {
        outline: 1px dotted @gold;
        outline-offset: 1px;
    }
}
.image-map_overlay__definitions {
    & {
        background: rgba(0,45,114,0.2);
    }
    &:hover,
    &:focus,
    &.has-attention  {
        border-color: @navy-80;
    }
    &:focus {
        outline: 1px dotted @navy;
        outline-offset: 1px;
    }
}

.expandable__form-explainer {
    margin: 0;
    transition: transform 100ms ease-out;
    & + & {
        margin-top: unit(3px / @base-font-size-px, em);
    }
    &.has-attention {
        transform: translateX(-(@grid_gutter-width / 2));
    }
    .expandable_header-left {
        max-width: 90%;
    }
    .expandable_header {
        // Eyeballed to 30px when including line-height
        padding: unit((@grid_gutter-width - 3) / @base-font-size-px, em)
                 unit(@grid_gutter-width / @base-font-size-px, em)
                 unit((@grid_gutter-width - 4) / @base-font-size-px, em);
    }
    .expandable_link {
        color: @gray;
    }
    .expandable_content {
        margin: 0 unit(@grid_gutter-width / @base-font-size-px, em) 0;
    }
    .expandable_content p {
        // Eyeballed to 30px when including line-height
        margin: 0 0 unit((@grid_gutter-width - 2) / @base-font-size-px, em);
    }
    .expandable_content:before {
        // Eyeballed to 30px when including line-height
        margin-bottom: unit((@grid_gutter-width - 4) / @base-font-size-px, em);
    }
    .expandable_category {
        .cf-icon();
    }
}

.expandable__form-explainer-checklist {
    &,
    &:hover,
    &.expandable__expanded,
    &.has-attention {
        background: @redorange-20;
    }
    .expandable_category:before {
        content: "\e101"; // .cf-icon-approved-round
        color: @redorange-80;
    }
    .expandable_content:before {
        background: @redorange-50;
    }
}

.expandable__form-explainer-alerts {
    &,
    &:hover,
    &.expandable__expanded,
    &.has-attention {
        background: @gold-20;
    }
    .expandable_category:before {
        content: "\e103"; // .cf-icon-error-round
        color: @gold-80;
    }
    .expandable_content:before {
        background: @gold-50;
    }
}

.expandable__form-explainer-definitions {
    &,
    &:hover,
    &.expandable__expanded,
    &.has-attention {
        background: @navy-20;
    }
    .expandable_category:before {
        content: "\e105"; // .cf-icon-help-round
        color: @navy-80;
    }
    .expandable_content:before {
        background: @navy-50;
    }
}

.explain {
    // Eyeballed to top margin of 30px when including line height of text above
    margin: unit(24px / @base-font-size-px, em)
            auto
            unit(60px / @base-font-size-px, em);
    .respond-to-min(600px, {
        .grid_nested-col-group();
        &_tabs {
            .grid_column(12);
        }
        &_image-map {
            .grid_column(8);
        }
        &_terms {
            .grid_column(4);
        }
        &_pagination {
            .grid_column(8);
        }
    });
}

.explain_tabs {
    margin: 0 0 unit(@grid_gutter-width / @base-font-size-px, em);
}

.explain_page {
    // Position is needed to allow .explain_image-map to stick to the bottom of
    // .explain_page.
    position: relative;
    display: none;
}

// Show the first page by default
#explain_page-1 {
    display: block;
}

.js-sticky-bottom {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: auto !important;
}

.explain_pagination .pagination_form {
    padding-top: unit(11px / @base-font-size-px, em);
    padding-bottom: unit(10px / @base-font-size-px, em);
}

/* ==========================================================================
   "Form explainer" custom styles
   ========================================================================== */

.form-explainer {
    .webfont-regular();
}

.image-map {
    display: block;
    .u-clearfix();
    min-width: 290px;

    .respond-to-max(599px, {
        display: none;
    });
}

.image-map_wrapper {
    float: left;
    position: relative;
}

.image-map_image {
    box-sizing: border-box;
    display: block;
    border: 1px solid @black;
}

.image-map_overlay {
    position: absolute;
    border: 4px solid transparent;
    background: transparent;
    transition: border 100ms ease-out;
}

.image-map_overlay__checklist {
    & {
        background: rgba(209,65,36,0.2);
    }
    &:hover,
    &:focus,
    &.has-attention  {
        border-color: @redorange-80;
    }
    &:focus {
        outline: 1px dotted @redorange;
        outline-offset: 1px;
    }
}
.image-map_overlay__alerts {
    & {
        background: rgba(255,147,27,0.2);
    }
    &:hover,
    &:focus,
    &.has-attention  {
        border-color: @gold-80;
    }
    &:focus {
        outline: 1px dotted @gold;
        outline-offset: 1px;
    }
}
.image-map_overlay__definitions {
    & {
        background: rgba(0,45,114,0.2);
    }
    &:hover,
    &:focus,
    &.has-attention  {
        border-color: @navy-80;
    }
    &:focus {
        outline: 1px dotted @navy;
        outline-offset: 1px;
    }
}

.expandable__form-explainer {
    margin: 0;
    transition: transform 100ms ease-out;
    & + & {
        margin-top: unit(3px / @base-font-size-px, em);
    }
    &.has-attention {
        transform: translateX(-(@grid_gutter-width / 2));
    }
    .expandable_header-left {
        max-width: 90%;
    }
    .expandable_header {
        // Eyeballed to 30px when including line-height
        padding: unit((@grid_gutter-width - 3) / @base-font-size-px, em)
                 unit(@grid_gutter-width / @base-font-size-px, em)
                 unit((@grid_gutter-width - 4) / @base-font-size-px, em);
    }
    .expandable_link {
        color: @gray;
    }
    .expandable_content {
        margin: 0 unit(@grid_gutter-width / @base-font-size-px, em) 0;
    }
    .expandable_content p {
        // Eyeballed to 30px when including line-height
        margin: 0 0 unit((@grid_gutter-width - 2) / @base-font-size-px, em);
    }
    .expandable_content:before {
        // Eyeballed to 30px when including line-height
        margin-bottom: unit((@grid_gutter-width - 4) / @base-font-size-px, em);
    }
    .expandable_category {
        .cf-icon();
    }
}

.expandable__form-explainer-checklist {
    &,
    &:hover,
    &.expandable__expanded,
    &.has-attention {
        background: @redorange-20;
    }
    .expandable_category:before {
        content: "\e101"; // .cf-icon-approved-round
        color: @redorange-80;
    }
    .expandable_content:before {
        background: @redorange-50;
    }
}

.expandable__form-explainer-alerts {
    &,
    &:hover,
    &.expandable__expanded,
    &.has-attention {
        background: @gold-20;
    }
    .expandable_category:before {
        content: "\e103"; // .cf-icon-error-round
        color: @gold-80;
    }
    .expandable_content:before {
        background: @gold-50;
    }
}

.expandable__form-explainer-definitions {
    &,
    &:hover,
    &.expandable__expanded,
    &.has-attention {
        background: @navy-20;
    }
    .expandable_category:before {
        content: "\e105"; // .cf-icon-help-round
        color: @navy-80;
    }
    .expandable_content:before {
        background: @navy-50;
    }
}

.explain {
    // Eyeballed to top margin of 30px when including line height of text above
    margin: unit(24px / @base-font-size-px, em)
            auto
            unit(60px / @base-font-size-px, em);
    .respond-to-min(600px, {
        .grid_nested-col-group();
        &_tabs {
            .grid_column(12);
        }
        &_image-map {
            .grid_column(8);
        }
        &_terms {
            .grid_column(4);
        }
        &_pagination {
            .grid_column(8);
        }
    });
}

.explain_tabs {
    margin: 0 0 unit(@grid_gutter-width / @base-font-size-px, em);
}

.explain_page {
    // Position is needed to allow .explain_image-map to stick to the bottom of
    // .explain_page.
    position: relative;
    display: none;
}

// Show the first page by default
#explain_page-1 {
    display: block;
}

.js-sticky-bottom {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: auto !important;
}

.explain_pagination .pagination_form {
    padding-top: unit(11px / @base-font-size-px, em);
    padding-bottom: unit(10px / @base-font-size-px, em);
}


removed outline from btn-icon:focus

removed outline from btn-icon:focus

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


Minor tree-view adjustments

Minor tree-view adjustments

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


Fixed height on button

Fixed height on button

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


Fix settings heading styles

Fix settings heading styles

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


Version 2.0.0

Version 2.0.0

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


Themes: Fixed - Added bg color to statusbar

fatal: unable to access 'https://github.com/dmikey/OS.js-v2.git/': The requested URL returned error: 403


Delete bordered-pulled.less

Delete bordered-pulled.less

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


Add height for body element

Add height for body element

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


fix pre font

fix pre font

remote: Repository unavailable due to DMCA takedown.
remote: See the takedown notice for more details:
remote:   https://github.com/github/dmca/blob/master/2022/01/2022-01-27-jetbrains-2.md.
fatal: unable to access 'https://github.com/qbbr/source.qbbr.github.io.git/': The requested URL returned error: 403


overflow

overflow

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


add crud style

add crud style

.crud-head {
  margin: 0px; // reset bootstrap
}
.crud-head, .crud-row {
  padding: 10px 10px;
}

.crud-row {
  height: 1.5em;
  overflow: hidden;

  border-bottom: 1px solid lightgray;
  cursor: pointer;
}
.crud-row:hover {
  background-color: rgba(0, 136, 204, 0.2);
}

.crud-column.id,
.crud-modal-column.id
{
    display: none;
}
.crud-column {
    width: 100px;
    display: inline-block;
}

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


Fix dropdown toggle in Firefox

Fix dropdown toggle in Firefox

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


removed some extraneous color and shadow styling from header

fatal: unable to access 'https://github.com/YoungElPaso/accn-static.git/': The requested URL returned error: 403


fix(css): <pre> no longer spans width of container

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


Create grille.less

Create grille.less

// Nom de la classe voulu
@grid-name: .grid;

/* -- Général -------------------- */
/* Structure en tableau */
@{grid-name} {
	display: table;
	margin-top: 20px;
	width: 100%;
}

/* Cellules */
@{grid-name} > * {
	display: table-cell;
	padding: 0 20px;
	vertical-align: top; /* Fixes issues w/ images */
}

/* Harmonie générale */
@{grid-name} > *:first-child {padding-left:0;}
@{grid-name} > *:last-child, @{grid-name}__last_item {padding-right:0;} /* Dépend du niveau de compatibilité demandé */

/* -- Dimensions ---------- */
/* Grilles égales */
@{grid-name}2 > * {width: 50%;}
@{grid-name}3 > * {width: 33.333%;}
@{grid-name}4 > * {width: 25%;}
@{grid-name}5 > * {width: 20%;}

/* Grilles inégales */
@{grid-name}1-2 > *:first-child {width: 33.333%;}
@{grid-name}1-2 > * {width: 66.666%;}

@{grid-name}2-1 > *:first-child {width: 66.666%;}
@{grid-name}2-1 > * {width: 33.333%;}

@{grid-name}3-1 > *:first-child {width: 75%;}
@{grid-name}3-1 > * {width: 25%;}

@{grid-name}1-3 > *:first-child {width: 25%;}
@{grid-name}1-3 > * {width: 75%;}

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


Create slick.less

Create slick.less

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}

error: pathspec 'Day-8/slick/slick.less' did not match any file(s) known to git


Remove selection on touch.

Remove selection on touch.

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


Create font-awesome.less

Create font-awesome.less

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


Includes Roboto font face prior to Arial


Error bubbles have red notch

Error bubbles have red notch

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


Create measured.less

Create measured.less

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