Show "reply" action in discussion menu on mobile

.Dropdown {
  position: relative;
}
.Dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: @zindex-dropdown;
  display: none;
  min-width: 160px;
  padding: 8px 0;
  margin: 7px 0;
  background: @body-bg;
  border-radius: @border-radius;
  .box-shadow(0 2px 6px @shadow-color);
  list-style: none;
  text-align: left;
  color: @text-color;
  font-size: 13px;
  line-height: 1.5;

  .open & {
    display: block;
  }

  > li {
    > a, > button, > span {
      padding: 8px 15px;
      display: block;
      width: 100%;
      color: @text-color;
      border-radius: 0;
      border: 0;
      background: none;
      white-space: nowrap;
      .box-shadow(none);
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      text-decoration: none;

      &.hasIcon {
        padding-left: 40px;
      }

      .Button-icon {
        float: left;
        margin-left: -25px;
        margin-top: 2px;
      }

      &.disabled {
        opacity: 0.4;
        background: none !important;
      }
    }
    > a, > button {
      &:hover {
        background: @control-bg;
      }
      &:focus {
        outline: none;
      }
    }
    &.active {
      > a, > button {
        background: @control-bg;
      }
    }
  }
}
.Dropdown-menu--top {
  top: auto;
  bottom: 100%;
}
.Dropdown-menu--right {
  left: auto;
  right: 0;
}
.Dropdown-header {
  padding: 10px 15px;
  color: @heading-color;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-top: 8px;
  border-top: 1px solid @control-bg;
  white-space: nowrap;

  &:first-child {
    margin-top: -8px;
    border-top: 0;
  }
}
.Dropdown-separator {
  margin: 8px 0;
  background-color: @control-bg;
  height: 1px;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: (@zindex-dropdown - 10);
}

.Dropdown--split {
  .Dropdown-toggle .Button-icon {
    display: none;
  }
  .Dropdown-toggle .Button-caret {
    display: inline;
    margin: 0;
  }

  &.itemCount1 {
    .Button {
      border-radius: @border-radius !important;
    }
    .Dropdown-toggle {
      display: none;
    }
  }

  @media @tablet-up {
    .Dropdown-menu li:first-child {
      &, + li.Dropdown-separator {
        display: none;
      }
    }
  }
}

.Dropdown--expanded() {
  .Dropdown-toggle {
    display: none;
  }
  .Dropdown-menu {
    display: block;
    border: 0;
    width: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
    float: none;
    position: static;
    background: none;
    .box-shadow(none);
  }
}

@media @phone {
  .Dropdown.open {
    z-index: @zindex-modal;
  }
  .Dropdown .Dropdown-menu {
    margin: 0;
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    bottom: 0;
    top: auto;
    padding: 0;
    padding-bottom: 40px !important;
    display: block;
    max-height: 70vh;
    border-radius: 0;
    .box-shadow(0 2px 6px @shadow-color);
    visibility: hidden;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    .translate3d(0, 70vh, 0);
    .transition-transform(~" 0.3s, visibility 0s 0.3s");

    > li {
      > a, > button {
        background: @body-bg;
        font-size: 16px;
        padding: 15px 20px;

        &.hasIcon {
          padding-left: 50px;
        }
        .Button-icon {
          font-size: 16px;
          margin-left: -30px;
        }
        &:hover {
          background: @control-bg;
        }
      }
    }
    > .active {
      > a, > button {
        &, &:hover {
          background: @primary-color !important;
          color: #fff !important;
        }
      }
    }
    .open& {
      -webkit-transform: none;
              transform: none;
      visibility: visible;
      transition-delay: 0s;
    }
  }
  .Dropdown-separator {
    margin: 0;
  }
  .dropdown-backdrop {
    background: fade(@secondary-color, 90%);
    opacity: 0;
    .transition(~"opacity 0.3s");
    .translate3d(0, 0, 0);

    .open & {
      opacity: 1;
    }
  }
}

.Dropdown {
  position: relative;
}
.Dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: @zindex-dropdown;
  display: none;
  min-width: 160px;
  padding: 8px 0;
  margin: 7px 0;
  background: @body-bg;
  border-radius: @border-radius;
  .box-shadow(0 2px 6px @shadow-color);
  list-style: none;
  text-align: left;
  color: @text-color;
  font-size: 13px;
  line-height: 1.5;

  .open & {
    display: block;
  }

  > li {
    > a, > button, > span {
      padding: 8px 15px;
      display: block;
      width: 100%;
      color: @text-color;
      border-radius: 0;
      border: 0;
      background: none;
      white-space: nowrap;
      .box-shadow(none);
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      text-decoration: none;

      &.hasIcon {
        padding-left: 40px;
      }

      .Button-icon {
        float: left;
        margin-left: -25px;
        margin-top: 2px;
      }

      &.disabled {
        opacity: 0.4;
        background: none !important;
      }
    }
    > a, > button {
      &:hover {
        background: @control-bg;
      }
      &:focus {
        outline: none;
      }
    }
    &.active {
      > a, > button {
        background: @control-bg;
      }
    }
  }
}
.Dropdown-menu--top {
  top: auto;
  bottom: 100%;
}
.Dropdown-menu--right {
  left: auto;
  right: 0;
}
.Dropdown-header {
  padding: 10px 15px;
  color: @heading-color;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-top: 8px;
  border-top: 1px solid @control-bg;
  white-space: nowrap;

  &:first-child {
    margin-top: -8px;
    border-top: 0;
  }
}
.Dropdown-separator {
  margin: 8px 0;
  background-color: @control-bg;
  height: 1px;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: (@zindex-dropdown - 10);
}

.Dropdown--split {
  .Dropdown-toggle .Button-icon {
    display: none;
  }
  .Dropdown-toggle .Button-caret {
    display: inline;
    margin: 0;
  }

  &.itemCount1 {
    .Button {
      border-radius: @border-radius !important;
    }
    .Dropdown-toggle {
      display: none;
    }
  }

  .Dropdown-menu li:first-child {
    &, + li.Dropdown-separator {
      display: none;
    }
  }
}

.Dropdown--expanded() {
  .Dropdown-toggle {
    display: none;
  }
  .Dropdown-menu {
    display: block;
    border: 0;
    width: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
    float: none;
    position: static;
    background: none;
    .box-shadow(none);
  }
}

@media @phone {
  .Dropdown.open {
    z-index: @zindex-modal;
  }
  .Dropdown .Dropdown-menu {
    margin: 0;
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    bottom: 0;
    top: auto;
    padding: 0;
    padding-bottom: 40px !important;
    display: block;
    max-height: 70vh;
    border-radius: 0;
    .box-shadow(0 2px 6px @shadow-color);
    visibility: hidden;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    .translate3d(0, 70vh, 0);
    .transition-transform(~" 0.3s, visibility 0s 0.3s");

    > li {
      > a, > button {
        background: @body-bg;
        font-size: 16px;
        padding: 15px 20px;

        &.hasIcon {
          padding-left: 50px;
        }
        .Button-icon {
          font-size: 16px;
          margin-left: -30px;
        }
        &:hover {
          background: @control-bg;
        }
      }
    }
    > .active {
      > a, > button {
        &, &:hover {
          background: @primary-color !important;
          color: #fff !important;
        }
      }
    }
    .open& {
      -webkit-transform: none;
              transform: none;
      visibility: visible;
      transition-delay: 0s;
    }
  }
  .Dropdown-separator {
    margin: 0;
  }
  .dropdown-backdrop {
    background: fade(@secondary-color, 90%);
    opacity: 0;
    .transition(~"opacity 0.3s");
    .translate3d(0, 0, 0);

    .open & {
      opacity: 1;
    }
  }
}


make parralax images fluid

make parralax images fluid

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/MerlinBB/atp-marketing.git/'


adding the css for fitbit

adding the css for fitbit

@font-face {
  font-family: "Lato";
  src: url('/fonts/Lato/Lato-Regular.ttf');
}
@font-face
{
font-family: "Lato-Light";
src: url('/fonts/Lato/Lato-Light.ttf'),
}
div.main * {
  font-family:'Lato', 'helvetica neue', 'helvetica';
  font-weight:200;
  box-sizing:border-box;
}
h1, h2, h3, h4 {
  font-weight:100 !important;
  text-align:left;
}

div.main {
  padding:20px;
  max-width:500px;
  margin-left:auto;
  margin-right:auto;
  td {
    padding:12px 12px 12px 0px;
    &:first-child {
      width:200px;
      padding-right:20px;
    }
    * { width:100%; }
  }
  .auth, .security, .params, .submits {
    width:100%;
    border-top:1px solid #eef;
  }
  .submits {
    padding:12px;
    div {
      display:inline-block;
      vertical-align:middle;
      margin-right:12px;
    }
  }
  .granted {
    padding:12px;
    background-color:#aaffaa;
    color:black;
  }
}

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


Make smaller footer

Make smaller footer

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


fix position and width of desktop search suggestions (bug 819302)

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
    h1 {
        display: none;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions,
    #site-search-suggestions .wrap,
    #site-search-suggestions ul,
    #site-search-suggestions li:only-child a {
        .border-radius(3px);
    }
    #site-search-suggestions {
        .box-shadow(0 0 1px);
        height: auto;
        position: static;
        float: right;
        width: 205px;
        margin: -24px 47px 0 0;
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            top: 0;
            a {
                font-size: 12px;
                line-height: 30px;
                span {
                    .ellipsis;
                    width: 175px;
                }
            }
        }
        li:first-child a {
            .border-radius(3px 3px 0 0);
        }
        li:last-child a {
            .border-radius(0 0 3px 3px);
            border-bottom: 0;
        }
        li:only-child a {
            border-bottom: 0;
        }
    }
    #site-header.suggestions {
        #search, #search-q {
            width: 175px;
        }
        h1 {
            display: inline-block;
        }
    }
}

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
    h1 {
        display: none;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions,
    #site-search-suggestions .wrap,
    #site-search-suggestions ul,
    #site-search-suggestions li:only-child a {
        .border-radius(3px);
    }
    #site-search-suggestions {
        .box-shadow(0 0 1px);
        height: auto;
        position: static;
        float: right;
        width: 175px;
        margin: -24px 47px 0 0;
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            top: 0;
            a {
                font-size: 12px;
                line-height: 30px;
                span {
                    width: 275px;
                    .ellipsis();
                }
            }
        }
        li:first-child a {
            .border-radius(3px 3px 0 0);
        }
        li:last-child a {
            .border-radius(0 0 3px 3px);
            border-bottom: 0;
        }
        li:only-child a {
            border-bottom: 0;
        }
    }
    #site-header.suggestions {
        #search, #search-q {
            width: 175px;
        }
        h1 {
            display: inline-block;
        }
    }
}


adding CSS to set black background on body:fullscreen

/*************/
/* Container */
/*************/

html.remark-container, body.remark-container {
  height: 100%;
  width: 100%;
  -webkit-print-color-adjust: exact;
}
.remark-container {
  background: #d7d8d2;
  margin: 0;
  overflow: hidden;
}
.remark-container:focus {
  outline-style: solid;
  outline-width: 1px;
}
.remark-container:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

body:-webkit-full-screen {
    background: #000000;
}

body:-moz-full-screen {
    background: #000000;
}

body:fullscreen{
    background: #000000;
}

/**********/
/* Slides */
/**********/

.remark-slides-area {
  position: relative;
  height: 100%;
  width: 100%;
}
.remark-slide-container {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  page-break-after: always;
}
.remark-slide-scaler {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  transform-origin: top-left;
  -moz-box-shadow: 0 0 30px #888;
  -webkit-box-shadow: 0 0 30px #888;
  box-shadow: 0 0 30px #888;
}
.remark-slide {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;

  > .left {
    text-align: left;
  }

  > .center {
    text-align: center;
  }

  > .right {
    text-align: right;
  }

  > .top {
    vertical-align: top;
  }

  > .middle {
    vertical-align: middle;
  }

  > .bottom {
    vertical-align: bottom;
  }
}

.remark-slide-content {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  display: table-cell;
  font-size: 20px;
  padding: 1em 4em 1em 4em;

  h1 { font-size: 55px; }
  h2 { font-size: 45px; }
  h3 { font-size: 35px; }

  .left {
    display: block;
    text-align: left;
  }

  .center {
    display: block;
    text-align: center;
  }

  .right {
    display: block;
    text-align: right;
  }
}

.remark-slide-number {
  bottom: 12px;
  opacity: 0.5;
  position: absolute;
  right: 20px;
}

.remark-slide-notes {
  border-top: 3px solid black;
  position: absolute;
  display: none;
}

.remark-code {
  font-size: 18px;
}
.remark-code-line {
  min-height: 1em;
}
.remark-code-line-highlighted {
  background-color: rgba(255, 255, 0, 0.5);
}
.remark-code-span-highlighted {
  background-color: rgba(255, 255, 0, 0.5);
  padding: 1px 2px 2px 2px;
}

.remark-visible {
  display: block;
  z-index: 2;
}
.remark-fading {
  display: block;
  z-index: 1;
  .remark-slide-scaler {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/************/
/* Backdrop */
/************/

.remark-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  background: #000;
  z-index: 2;
}

/*****************/
/* Pause overlay */
/*****************/

.remark-pause {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  position: absolute;
  z-index: 1000;

  .remark-pause-lozenge {
    margin-top: 30%;
    text-align: center;

    span {
      color: white;
      background: black;
      border: 2px solid black;
      border-radius: 20px;
      padding: 20px 30px;
      font-family: Helvetica, arial, freesans, clean, sans-serif;
      font-size: 42pt;
      font-weight: bold;
    }
  }
}

.remark-container.remark-presenter-mode.remark-pause-mode {
  .remark-pause {
    display: block;
  }
  .remark-backdrop {
    display: block;
    opacity: 0.5;
  }
}

/********/
/* Help */
/********/

.remark-help {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  position: absolute;
  z-index: 1000;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  transform-origin: top-left;

  .remark-help-content {
    color: white;
    font-family: Helvetica, arial, freesans, clean, sans-serif;
    font-size: 12pt;
    position: absolute;
    top: 5%;
    bottom: 10%;
    height: 10%;
    left: 5%;
    width: 90%;

    h1 {
      font-size: 36px;
    }

    td {
      color: white;
      font-size: 12pt;
      padding: 10px;
    }
    td:first-child {
      padding-left: 0;
    }
    .key {
      background: white;
      color: black;
      min-width: 1em;
      display: inline-block;
      padding: 3px 6px;
      text-align: center;
      border-radius: 4px;
      font-size: 14px,
    }
  }

  .dismiss {
    top: 85%;
  }
}

.remark-container.remark-help-mode {
  .remark-help {
    display: block;
  }
  .remark-backdrop {
    display: block;
    opacity: 0.95;
  }
}

/******************/
/* Presenter mode */
/******************/

.remark-preview-area {
  bottom: 2%;
  left: 2%;
  display: none;
  opacity: 0.5;
  position: absolute;
  height: 47.25%;
  width: 48%;

  .remark-slide-container {
    display: block;
  }
}

.remark-notes-area {
  background: #fff;
  bottom: 0;
  color: black;
  display: none;
  left: 52%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;

  .remark-top-area {
    height: 50px;
    left: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .remark-bottom-area {
    position: absolute;
    top: 75px;
    bottom: 10px;
    left: 20px;
    right: 10px;

    .remark-toggle {
      display: block;
      text-decoration: none;
      font-family: Helvetica,arial,freesans,clean,sans-serif;
      height: 21px;
      font-size: 0.75em;
      text-transform: uppercase;
      color: #ccc;
    }

    .remark-notes-current-area {
      height: 70%;
      position: relative;

      .remark-notes {
        clear:both;
        border-top: 1px solid #f5f5f5;
        position: absolute;
        top: 22px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow-y: auto;
        margin-bottom: 20px;
        padding-top: 10px;
      }
    }

    .remark-notes-preview-area {
      height: 30%;
      position: relative;

      .remark-notes-preview {
        border-top: 1px solid #f5f5f5;
        position: absolute;
        top: 22px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow-y: auto;
      }
    }

    .remark-notes > *:first-child,
    .remark-notes-preview > *:first-child {
      margin-top: 5px;
    }
    .remark-notes > *:last-child,
    .remark-notes-preview > *:last-child {
      margin-bottom: 0;
    }
  }
}

.remark-toolbar {
  color: #979892;
  vertical-align: middle;

  .remark-toolbar-link {
    border: 2px solid #d7d8d2;
    color: #979892;
    display: inline-block;
    padding: 2px 2px;
    text-decoration: none;
    text-align: center;
    min-width: 20px;

    &:hover {
      border-color: #979892;
      color: #676862;
    }
  }

  .remark-toolbar-timer {
    border: 2px solid black;
    border-radius: 10px;
    background: black;
    color: white;
    display: inline-block;
    float: right;
    padding: 5px 10px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 175%;
    text-decoration: none;
    text-align: center;
  }
}

.remark-container.remark-presenter-mode {
  .remark-slides-area {
    top: 2%;
    left: 2%;
    height: 47.25%;
    width: 48%;
  }
  .remark-preview-area {
    display: block;
  }
  .remark-notes-area {
    display: block;
  }
}

/************/
/* Blackout */
/************/

.remark-container.remark-blackout-mode:not(.remark-presenter-mode) {
  .remark-backdrop {
    display: block;
    opacity: 0.99;
  }
}

/************/
/* Mirrored */
/************/

.remark-container.remark-mirrored-mode:not(.remark-presenter-mode) {
  .remark-slides-area {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
  }
}

/************/
/* Printing */
/************/

@media print {
  .remark-container {
    overflow: visible;
    background-color: #fff;
  }
  .remark-container.remark-presenter-mode {
    .remark-slides-area {
      top: 0px;
      left: 0px;
      height: 100%;
      /*
        NOTE: 100% doesn't match @page size width or height
              681px matching @page size/width does, however
      */
      width: 681px;
    }
    .remark-preview-area,
    .remark-notes-area {
      display: none;
    }
    .remark-slide-notes {
      display: block;
      margin-left: 30px;
      width: 621px;
    }
  }
  .remark-slide-container {
    display: block;
    position: relative;
  }
  .remark-slide-scaler {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@page {
  margin: 0;
}

/*************/
/* Container */
/*************/

html.remark-container, body.remark-container {
  height: 100%;
  width: 100%;
  -webkit-print-color-adjust: exact;
}
.remark-container {
  background: #d7d8d2;
  margin: 0;
  overflow: hidden;
}
.remark-container:focus {
  outline-style: solid;
  outline-width: 1px;
}
:-webkit-full-screen .remark-container {
  width: 100%;
  height: 100%;
}

/**********/
/* Slides */
/**********/

.remark-slides-area {
  position: relative;
  height: 100%;
  width: 100%;
}
.remark-slide-container {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  page-break-after: always;
}
.remark-slide-scaler {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  transform-origin: top-left;
  -moz-box-shadow: 0 0 30px #888;
  -webkit-box-shadow: 0 0 30px #888;
  box-shadow: 0 0 30px #888;
}
.remark-slide {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;

  > .left {
    text-align: left;
  }

  > .center {
    text-align: center;
  }

  > .right {
    text-align: right;
  }

  > .top {
    vertical-align: top;
  }

  > .middle {
    vertical-align: middle;
  }

  > .bottom {
    vertical-align: bottom;
  }
}

.remark-slide-content {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  display: table-cell;
  font-size: 20px;
  padding: 1em 4em 1em 4em;

  h1 { font-size: 55px; }
  h2 { font-size: 45px; }
  h3 { font-size: 35px; }

  .left {
    display: block;
    text-align: left;
  }

  .center {
    display: block;
    text-align: center;
  }

  .right {
    display: block;
    text-align: right;
  }
}

.remark-slide-number {
  bottom: 12px;
  opacity: 0.5;
  position: absolute;
  right: 20px;
}

.remark-slide-notes {
  border-top: 3px solid black;
  position: absolute;
  display: none;
}

.remark-code {
  font-size: 18px;
}
.remark-code-line {
  min-height: 1em;
}
.remark-code-line-highlighted {
  background-color: rgba(255, 255, 0, 0.5);
}
.remark-code-span-highlighted {
  background-color: rgba(255, 255, 0, 0.5);
  padding: 1px 2px 2px 2px;
}

.remark-visible {
  display: block;
  z-index: 2;
}
.remark-fading {
  display: block;
  z-index: 1;
  .remark-slide-scaler {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/************/
/* Backdrop */
/************/

.remark-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  background: #000;
  z-index: 2;
}

/*****************/
/* Pause overlay */
/*****************/

.remark-pause {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  position: absolute;
  z-index: 1000;

  .remark-pause-lozenge {
    margin-top: 30%;
    text-align: center;

    span {
      color: white;
      background: black;
      border: 2px solid black;
      border-radius: 20px;
      padding: 20px 30px;
      font-family: Helvetica, arial, freesans, clean, sans-serif;
      font-size: 42pt;
      font-weight: bold;
    }
  }
}

.remark-container.remark-presenter-mode.remark-pause-mode {
  .remark-pause {
    display: block;
  }
  .remark-backdrop {
    display: block;
    opacity: 0.5;
  }
}

/********/
/* Help */
/********/

.remark-help {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  position: absolute;
  z-index: 1000;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  transform-origin: top-left;

  .remark-help-content {
    color: white;
    font-family: Helvetica, arial, freesans, clean, sans-serif;
    font-size: 12pt;
    position: absolute;
    top: 5%;
    bottom: 10%;
    height: 10%;
    left: 5%;
    width: 90%;

    h1 {
      font-size: 36px;
    }

    td {
      color: white;
      font-size: 12pt;
      padding: 10px;
    }
    td:first-child {
      padding-left: 0;
    }
    .key {
      background: white;
      color: black;
      min-width: 1em;
      display: inline-block;
      padding: 3px 6px;
      text-align: center;
      border-radius: 4px;
      font-size: 14px,
    }
  }

  .dismiss {
    top: 85%;
  }
}

.remark-container.remark-help-mode {
  .remark-help {
    display: block;
  }
  .remark-backdrop {
    display: block;
    opacity: 0.95;
  }
}

/******************/
/* Presenter mode */
/******************/

.remark-preview-area {
  bottom: 2%;
  left: 2%;
  display: none;
  opacity: 0.5;
  position: absolute;
  height: 47.25%;
  width: 48%;

  .remark-slide-container {
    display: block;
  }
}

.remark-notes-area {
  background: #fff;
  bottom: 0;
  color: black;
  display: none;
  left: 52%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;

  .remark-top-area {
    height: 50px;
    left: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .remark-bottom-area {
    position: absolute;
    top: 75px;
    bottom: 10px;
    left: 20px;
    right: 10px;

    .remark-toggle {
      display: block;
      text-decoration: none;
      font-family: Helvetica,arial,freesans,clean,sans-serif;
      height: 21px;
      font-size: 0.75em;
      text-transform: uppercase;
      color: #ccc;
    }

    .remark-notes-current-area {
      height: 70%;
      position: relative;

      .remark-notes {
        clear:both;
        border-top: 1px solid #f5f5f5;
        position: absolute;
        top: 22px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow-y: auto;
        margin-bottom: 20px;
        padding-top: 10px;
      }
    }

    .remark-notes-preview-area {
      height: 30%;
      position: relative;

      .remark-notes-preview {
        border-top: 1px solid #f5f5f5;
        position: absolute;
        top: 22px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow-y: auto;
      }
    }

    .remark-notes > *:first-child,
    .remark-notes-preview > *:first-child {
      margin-top: 5px;
    }
    .remark-notes > *:last-child,
    .remark-notes-preview > *:last-child {
      margin-bottom: 0;
    }
  }
}

.remark-toolbar {
  color: #979892;
  vertical-align: middle;

  .remark-toolbar-link {
    border: 2px solid #d7d8d2;
    color: #979892;
    display: inline-block;
    padding: 2px 2px;
    text-decoration: none;
    text-align: center;
    min-width: 20px;

    &:hover {
      border-color: #979892;
      color: #676862;
    }
  }

  .remark-toolbar-timer {
    border: 2px solid black;
    border-radius: 10px;
    background: black;
    color: white;
    display: inline-block;
    float: right;
    padding: 5px 10px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 175%;
    text-decoration: none;
    text-align: center;
  }
}

.remark-container.remark-presenter-mode {
  .remark-slides-area {
    top: 2%;
    left: 2%;
    height: 47.25%;
    width: 48%;
  }
  .remark-preview-area {
    display: block;
  }
  .remark-notes-area {
    display: block;
  }
}

/************/
/* Blackout */
/************/

.remark-container.remark-blackout-mode:not(.remark-presenter-mode) {
  .remark-backdrop {
    display: block;
    opacity: 0.99;
  }
}

/************/
/* Mirrored */
/************/

.remark-container.remark-mirrored-mode:not(.remark-presenter-mode) {
  .remark-slides-area {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
  }
}

/************/
/* Printing */
/************/

@media print {
  .remark-container {
    overflow: visible;
    background-color: #fff;
  }
  .remark-container.remark-presenter-mode {
    .remark-slides-area {
      top: 0px;
      left: 0px;
      height: 100%;
      /*
        NOTE: 100% doesn't match @page size width or height
              681px matching @page size/width does, however
      */
      width: 681px;
    }
    .remark-preview-area,
    .remark-notes-area {
      display: none;
    }
    .remark-slide-notes {
      display: block;
      margin-left: 30px;
      width: 621px;
    }
  }
  .remark-slide-container {
    display: block;
    position: relative;
  }
  .remark-slide-scaler {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@page {
  margin: 0;
}


started new branch

started new branch

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


Fix various CSS bugs

Fix various CSS bugs

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/nesk/jpardanaud-website.git/'


Change how I use @import in less

Change how I use @import in less

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


upgrade some site style

upgrade some site style

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


Really add css3.less

Really add css3.less

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


Kb style ;) er igang med resultatListe

Kb style ;) er igang med resultatListe

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


fix(loan-options): set width on expandable parent to constrain image widths

fatal: unable to access 'https://github.com/contolini/owning-a-home.git/': The requested URL returned error: 403


Fix form label padding on mobile device

Fix form label padding on mobile device

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

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

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

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

.form-horizontal {
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline {
        padding-bottom: (@padding-base-vertical + 1); // Default padding plus a border
    }
}

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

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

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

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

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

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

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

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

            &:before {
                content: "\f00c";
                position: absolute;
                padding: 0 3px;
                margin-top: 3px;
            }
        }
    }
}

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

            &:before {
                padding: 0 4px;
                margin-top: 5px;
            }
        }
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            &:before {
                content: "\f00c";
                position: absolute;
                padding: 0 3px;
                margin-top: 3px;
            }
        }
    }
}

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

            &:before {
                padding: 0 4px;
                margin-top: 5px;
            }
        }
    }
}

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

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

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

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

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

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

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

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

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

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

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

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


Combine style selectors

Combine style selectors

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/nawatts/dotfiles.git/'


Add -with-gutter option to the content-container

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/sfi0zy/muilessium.git/'


removed typo

removed typo

fatal: unable to access 'https://github.com/dieface/Semantic-UI.git/': The requested URL returned error: 403


removed text decoration from btn-link to match that of default nodebb anchors

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


closes #166

closes #166


Fix shake bug fo Button loading with icon, close #4913

@import "../../style/themes/default";
@import "../../style/mixins/index";
@import "./mixin";

@btn-prefix-cls: ~"@{ant-prefix}-btn";

// for compatibile
@btn-ghost-color        : @text-color;
@btn-ghost-bg           : transparent;
@btn-ghost-border       : @border-color-base;

// Button styles
// -----------------------------
.@{btn-prefix-cls} {
  .btn;
  .btn-default;

  &-primary {
    .btn-primary;

    .@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
      border-right-color: @btn-group-border;
      border-left-color: @btn-group-border;

      &:disabled {
        border-color: @btn-default-border;
      }
    }

    .@{btn-prefix-cls}-group &:first-child {
      &:not(:last-child) {
        border-right-color: @btn-group-border;
        &[disabled] {
          border-right-color: @btn-default-border;
        }
      }
    }

    .@{btn-prefix-cls}-group &:last-child:not(:first-child),
    .@{btn-prefix-cls}-group & + & {
      border-left-color: @btn-group-border;
      &[disabled] {
        border-left-color: @btn-default-border;
      }
    }
  }

  &-ghost {
    .btn-ghost;
  }

  &-dashed {
    .btn-dashed;
  }

  &-danger {
    .btn-danger;
  }

  &-circle,
  &-circle-outline {
    .btn-circle(@btn-prefix-cls);
  }

  &:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #fff;
    opacity: 0.35;
    content: '';
    border-radius: inherit;
    z-index: 1;
    transition: opacity .2s;
    pointer-events: none;
    display: none;
  }

  &&-loading:before {
    display: block;
  }

  .@{iconfont-css-prefix} {
    transition: all .3s @ease-in-out;
  }

  &&-loading:not(&-circle):not(&-circle-outline) {
    padding-left: 29px;
    pointer-events: none;
    position: relative;
    .@{iconfont-css-prefix} {
      margin-left: -14px;
    }
  }

  &-sm&-loading:not(&-circle):not(&-circle-outline) {
    padding-left: 24px;
    .@{iconfont-css-prefix} {
      margin-left: -17px;
    }
  }

  &-group {
    .btn-group(@btn-prefix-cls);
  }

  &:not(&-circle):not(&-circle-outline)&-icon-only {
    padding-left: 8px;
    padding-right: 8px;
  }

  // To ensure that a space will be placed between character and `Icon`.
  > .@{iconfont-css-prefix} + span,
  > span + .@{iconfont-css-prefix} {
    margin-left: 0.5em;
  }

  &-clicked:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: inherit;
    border: 1.5px solid @primary-color;
    opacity: 0.4;
    animation: buttonEffect 0.4s ease-in-out forwards;
    display: block;
  }

  &-danger&-clicked:after {
    border-color: @btn-danger-bg;
  }

  &-background-ghost {
    background: transparent!important;
    border-color: #fff;
    color: #fff;
  }

  &-background-ghost&-primary {
    .button-variant-other(@primary-color; transparent; @primary-color);
  }
}

@keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";
@import "./mixin";

@btn-prefix-cls: ~"@{ant-prefix}-btn";

// for compatibile
@btn-ghost-color        : @text-color;
@btn-ghost-bg           : transparent;
@btn-ghost-border       : @border-color-base;

// Button styles
// -----------------------------
.@{btn-prefix-cls} {
  .btn;
  .btn-default;

  &-primary {
    .btn-primary;

    .@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
      border-right-color: @btn-group-border;
      border-left-color: @btn-group-border;

      &:disabled {
        border-color: @btn-default-border;
      }
    }

    .@{btn-prefix-cls}-group &:first-child {
      &:not(:last-child) {
        border-right-color: @btn-group-border;
        &[disabled] {
          border-right-color: @btn-default-border;
        }
      }
    }

    .@{btn-prefix-cls}-group &:last-child:not(:first-child),
    .@{btn-prefix-cls}-group & + & {
      border-left-color: @btn-group-border;
      &[disabled] {
        border-left-color: @btn-default-border;
      }
    }
  }

  &-ghost {
    .btn-ghost;
  }

  &-dashed {
    .btn-dashed;
  }

  &-danger {
    .btn-danger;
  }

  &-circle,
  &-circle-outline {
    .btn-circle(@btn-prefix-cls);
  }

  &:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #fff;
    opacity: 0.35;
    content: '';
    border-radius: inherit;
    z-index: 1;
    transition: opacity .2s;
    pointer-events: none;
    display: none;
  }

  &&-loading:before {
    display: block;
  }

  &&-loading:not(&-circle):not(&-circle-outline) {
    padding-left: 29px;
    pointer-events: none;
    position: relative;
    .@{iconfont-css-prefix} {
      margin-left: -14px;
      transition: all .3s @ease-in-out;
    }
  }

  &-sm&-loading:not(&-circle):not(&-circle-outline) {
    padding-left: 24px;
    .@{iconfont-css-prefix} {
      margin-left: -17px;
    }
  }

  &-group {
    .btn-group(@btn-prefix-cls);
  }

  &:not(&-circle):not(&-circle-outline)&-icon-only {
    padding-left: 8px;
    padding-right: 8px;
  }

  // To ensure that a space will be placed between character and `Icon`.
  > .@{iconfont-css-prefix} + span,
  > span + .@{iconfont-css-prefix} {
    margin-left: 0.5em;
  }

  &-clicked:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: inherit;
    border: 1.5px solid @primary-color;
    opacity: 0.4;
    animation: buttonEffect 0.4s ease-in-out forwards;
    display: block;
  }

  &-danger&-clicked:after {
    border-color: @btn-danger-bg;
  }

  &-background-ghost {
    background: transparent!important;
    border-color: #fff;
    color: #fff;
  }

  &-background-ghost&-primary {
    .button-variant-other(@primary-color; transparent; @primary-color);
  }
}

@keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
  }
}


tweaked css

tweaked css

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


and css changes

and css changes

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


Create path.less

Create path.less

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
    url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
  // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

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


feature complete

feature complete

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


Add a grid system for floated content

Add a grid system for floated content

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/metao1/chat.git/'


display: table-row prevents the font anchor tag <a> expanding to fill the <li>.

fatal: unable to access 'https://github.com/dedalozzo/pit-bootstrap.git/': The requested URL returned error: 403


fixed an usage typo

fixed an usage typo

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


Add more padding to the top of the form footers.

fatal: unable to access 'https://github.com/jaredjj3/string-sync.git/': The requested URL returned error: 403


feat(less): atualizar less principal

feat(less): atualizar less principal

adicionar style para checkbox desabilitado do md-data-table
adicionar .center, .right e .left

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/wesleifreitas/px-project-a1.git/'


Reduce text stroke, so that small fonts look better

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/ylansegal/dotfiles.git/'


Fix newline at end

Fix newline at end

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


Add margin to icon

Add margin to icon

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

.Sidenav {
  & > li {
    & > a {
      color: #99aab5;
      font-weight: 500;

      & > i {
        margin-right: 5px;
        vertical-align: -4px;
      }
    }
  }
}

.Sidenav__item--active {
  & > a {
    color: @purple;

    & > i {
      color: @purple;
    }
  }
}

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

.Sidenav {
  & > li {
    & > a {
      color: #99aab5;
      font-weight: 500;

      & > i {
        vertical-align: -4px;
      }
    }
  }
}

.Sidenav__item--active {
  & > a {
    color: @purple;

    & > i {
      color: @purple;
    }
  }
}


Update frontend.less

Update frontend.less

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