fix(style): wrong .external media query directive

// Global variables
@base-font-size: 2vw;
@base-line-height: (20 / 14); // ~ 1.428571429
@link-color: #a212d1;
@background-color: #fff;
@text-color: #000;
@code-color: spin(@link-color, 180);
@sans-serif: "Helvetica Neue", Arial, "Hiragino Sans GB", sans-serif;
@serif: Georgia, "Hiragino Mincho ProN", serif;
@monospace: Menlo, monospace;

// Invert color switcher for images and videos
// :root { filter: invert(100%); }

// http://nicolasgallagher.com/micro-clearfix-hack/
.cf {

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

  &:after {
    clear: both;
  }
}

// Basic reset
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  padding: 0 16%;
  margin: 0 auto 0;
  font-family: @sans-serif;
  font-size: @base-font-size;
  line-height: @base-line-height;
  color: @text-color;
  text-rendering: optimizelegibility;
  background: @background-color;
  image-rendering: optimizequality;
  transition: all .3s ease .2s;

  @media (max-width: 1000px) {
    padding-left: 8%;
    padding-right: 8%;
    font-size: (@base-font-size * 1.4);
  }

  @media (max-width: 640px) {
    padding-left: 4%;
    padding-right: 4%;
    font-size: (@base-font-size * 2);
  }

  @media (max-width: 400px) {
    font-size: (@base-font-size * 2.8);
  }

  // All iOS devices, the easiest way
  @media (max-device-width: 480px), (max-device-width: 1024px) {
    -webkit-text-size-adjust: none;
  }

  // A semitranslucent bar at the top of the page
  &:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: 1vmax;
    pointer-events: none;
    background: @link-color;
    content: "";
    opacity: .2;
  }
}

// Essential mixins
.heading {
  font-family: @sans-serif;
  font-size: 330%;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  letter-spacing: -.06em;
}

.sub-heading {
  font-family: @sans-serif;
  font-size: 72%;
  font-weight: normal;
  letter-spacing: .08em;
  opacity: .5;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

// Reset unusual Firefox-on-Android default style.
// See https://github.com/necolas/normalize.css/issues/214
button,
input,
select[multiple],
textarea {
  background-image: none;
}

// Reset common elements
a, button {
  color: @text-color;
  text-decoration: none;
  transition: color .5s ease, border-color .5s ease, background .5s ease, opacity 1.5s ease;

  &:hover,
  &:focus {
    border-bottom: .1em solid;
    transition: color .1s ease, border-color .1s ease, background .1s ease, opacity .1s ease;
  }
}

img, hr {
  border: 0;
}

del {
  text-decoration: line-through;
}

::selection {
  color: @link-color;
  background: fade(@text-color, 2%);
}

::-webkit-input-placeholder {
  color: @text-color;
  opacity: .1;
}

// Site logo
.logo {
  display: block;
  height: 1vmax;
  margin: 0 0 1.4vmax;
  background: @link-color;
  opacity: 0;

  &:hover,
  &:focus {
    border-bottom: none !important;
    background: @text-color;
    opacity: 1;
  }

  h1 {
    height: 0;
    text-indent: -99999em;
  }
}

// Main navigation
.navigation {
  margin: 0 0 16vmin;
  margin-right: -1.1em;
  margin-left: -1.1em;
  font-size: 50%;
  font-weight: bold;
  letter-spacing: .45em;
  text-transform: uppercase;

  li {
    display: inline-block;
    line-height: 2;
    list-style: none;

    a {
      padding: .5em 1.2em;

      &:hover,
      &:focus {
        color: @link-color;
        border: none;
      }
    }
  }
}

// Currently activated page or category class
.current {

  a {
    color: @link-color;
  }
}

// Latest work link
body:hover .latest {
  color: @link-color !important;
}

// Pserson status
.content .status {
  margin: 1vmin 0 0;
  font-size: 75%;
  font-weight: bold;

  &:before {
    @size: .8em;
    display: inline-block;
    width: @size;
    height: @size;
    margin-right: .8vw;
    background: fade(@text-color, 20%);
    border-radius: 50%;
    content: "";
  }

  &.available {

    &:before {
      background: #0cf;
    }

    a {
      color: #0cf;
    }
  }

  &.unavailable {

    &:before {
      background: #ccc;
    }

    a {
      color: #ccc;
    }
  }
}

// Main content
.content {
  margin-bottom: 16vmin;
  hyphens: auto;
  // For some specified posts in work category
  .cf;

  // Remove extra space for the last paragraph in the container
  article {

    // article > p
    > *:last-child {
      margin-bottom: 0 !important;

      // article > ul > li, article > .footnotes > ol
      > *:last-child {
        margin-bottom: 0 !important;

        // article > ul > li > p, article > .footnotes > ol > li
        > *:last-child {
          margin-bottom: 0 !important;

          // article > .footnotes > ol > li > p
          > *:last-child {
            margin-bottom: 0 !important;
          }
        }
      }
    }
  }

  // Post / page content first element fix
  .post-content,
  .page-content {

    > *:first-child {
      margin-top: 0;

      > *:first-child {
        margin-top: 0;
      }
    }
  }

  a {
    font-weight: bold;
  }

  p {
    margin: 0 0 1.1em;
    line-height: (@base-line-height * 1.2);
  }

  header {
    padding-bottom: 16vmin;

    h1 {
      margin: 0 0 .1em;
      .heading;
      hyphens: none;
      line-height: 1.1;

      @media (max-width: 640px) {
        // Override viewport units defined in post.html
        font-size: 280%;
      }

      svg {
        display: block;
        max-width: 100%;
      }

      // Override margin from article img
      svg,
      img {
        margin-bottom: .3em;

        @media (max-width: 640px) {
          width: 100% !important;
          height: 100% !important;
        }
      }
    }

    .latest-post {
      margin-top: 16vmin;
      font-size: 80%;
      font-weight: normal;
      line-height: 1.2;

      a {
        font-weight: bold;
      }
    }

    small {
      display: block;
      margin: 2vmin 0 0;
      letter-spacing: .1em;
    }

  }

  h2, h3, h4, h5, h6 {
    margin: 10vmin 0 1rem;
    .sub-heading;
  }

  ul, ol {
    margin: 0 0 1em 1.5em;

    li {
      line-height: (@base-line-height * 1.2);

      > ul, ol {
        margin-bottom: 0;
      }
    }
  }

  ol {
    margin-left: 1.75em;
  }

  img, video, iframe {
    display: block;
    max-width: 100%;
    margin: 0 0 4vmin;
  }

  blockquote {
    position: relative;
    margin-bottom: 2em;

    > p {
      padding-left: .8em;
      border-left: 2px solid;
    }

    footer {
      .cf;
    }

    cite {
      float: right;
      font-size: 90%;
      font-style: normal;

      &:before {
        // http://www.fileformat.info/info/unicode/char/2500/index.htm
        content: "\2500\2500\00a0"
      }
    }
  }

  sup {
    font-size: 75%;
  }

  abbr {
    border-bottom: 1px dashed;
  }

  code, pre {
    font-family: @monospace;
    color: @code-color;
  }

  pre {
    padding: 1em;
    margin: 0 0 1em;
    overflow-x: scroll;
    font-size: 90%;
    line-height: (@base-line-height * 1.2);
    background: fade(#08f, 4%);
  }

  // Newsletter subscription form in page "store"
  form {

    input {
      display: block;
      width: 100%;
      padding: 1vmin 0;
      margin: 0 0 1vmin;
      border: none;
      border-bottom: 1px solid fade(@text-color, 20%);
      // Remove border-radius for iOS devices
      border-radius: 0;
      outline: none;
      transition: padding .2s ease;

      &:focus {
        padding: 1vmin;
        background: fade(@text-color, 2%);
        border-color: @text-color;
      }
    }
  }

  // Rest form validation styles, borrowed from Bootstrap
  input, textarea, select {

    &:focus:required:invalid {

      &:focus {
        background: fade(@link-color, 5%);
        border-color: @link-color;
        // Override Firefox default styles
        box-shadow: none;
      }
    }
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 90%;
    width: 100%;
    margin: 0 0 1em;

    th,
    td {
      padding: .6em;
    }

    th {
      border-bottom: 2px solid fade(@text-color, 6%);
      // Override default user agent stylesheet
      text-align: left;
    }

    td {
      border-top: 1px solid fade(@text-color, 4%);
    }
  }
}

// Posts with Asian characters
[lang=zh],
[lang=ja] {
  text-align: justify;

  header {
    text-align: start;
  }
}

// Fix empty space when a paragraph starts with some asian punctuation marks
.margin-fix:first-letter {
  margin-left: -.6em;
}

// Tweet button margin fix
.tweet {
  margin-top: 10vmin;
}

// Largetype styles (replaces button styles)
.largetype {
  .heading;
  font-size: 200%;
  margin-bottom: .5em !important;
}

// Broser frame for images in category "work"
.browser {
  position: relative;
  padding-top: 24px;
  margin: 0 0 4vmin !important;
  background: rgba(255, 255, 255, .1);
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);

  &:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 8px;
    height: 8px;
    background: lighten(#f24e59, 30%);
    border-radius: 50%;
    content: "";
    box-shadow:
        16px 0 0 0   fade(lighten(#fac536, 30%), 96%)
      , 32px 0 0 0   fade(lighten(#26e93d, 30%), 96%)
      ,    0 0 0 1px fade(darken(#f24e59, 30%), 30%)
      , 16px 0 0 1px fade(darken(#fac536, 30%), 30%)
      , 32px 0 0 1px fade(darken(#26e93d, 30%), 30%)
    ;
  }

  img {
    margin: 0;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .05);
  }
}

// Special paragraph with border line
.note,
.store,
.download {
  padding-left: .8em;
  border-left: 2px solid @link-color;
}

// Reference notes and links in post
.footnotes {
  font-size: 90%;
  font-style: italic;
}

:target {

  [rev=footnote],
  [rel=footnote] {
    color: @link-color;
  }
}

// Post list in "work" and "note"
.list {
  display: block;
  margin: 0 0 1.4vmin;

  h1 {
    .heading;
    font-size: 200%;
    line-height: 1.2;
    // Override heading defines in .content
    opacity: 1;
    margin: 0;
  }

  .external {

    &:hover,
    &:focus {
      border: none;
    }

    @media (max-width: 640px) {
      // Hide external link for post list
      display: none;
    }
  }
}

.external {
  line-height: 1;

  span {
    display: inline-block;
    width: .2em;
    height: .2em;
    margin: 0 .1em;
    vertical-align: middle;
    background: @text-color;
    border-radius: 50%;
    transition: transform .4s ease;
  }

  &:hover,
  &:focus {

    span {
      transform: scale(1.4);
    }
  }
}

.footer {
  padding: 0 0 16vmin;
  font-size: 72%;
  text-transform: lowercase;

  ul {

    li {
      display: inline;

      &:after {
        padding: 0 .6vw;
        content: " / ";
        opacity: .3;
      }

      &:last-child {

        &:after {
          content: none;
        }
      }
    }
  }
}

// Import custom styles
@import "custom";

// Global variables
@base-font-size: 2vw;
@base-line-height: (20 / 14); // ~ 1.428571429
@link-color: #a212d1;
@background-color: #fff;
@text-color: #000;
@code-color: spin(@link-color, 180);
@sans-serif: "Helvetica Neue", Arial, "Hiragino Sans GB", sans-serif;
@serif: Georgia, "Hiragino Mincho ProN", serif;
@monospace: Menlo, monospace;

// Invert color switcher for images and videos
// :root { filter: invert(100%); }

// http://nicolasgallagher.com/micro-clearfix-hack/
.cf {

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

  &:after {
    clear: both;
  }
}

// Basic reset
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  padding: 0 16%;
  margin: 0 auto 0;
  font-family: @sans-serif;
  font-size: @base-font-size;
  line-height: @base-line-height;
  color: @text-color;
  text-rendering: optimizelegibility;
  background: @background-color;
  image-rendering: optimizequality;
  transition: all .3s ease .2s;

  @media (max-width: 1000px) {
    padding-left: 8%;
    padding-right: 8%;
    font-size: (@base-font-size * 1.4);
  }

  @media (max-width: 640px) {
    padding-left: 4%;
    padding-right: 4%;
    font-size: (@base-font-size * 2);
  }

  @media (max-width: 400px) {
    font-size: (@base-font-size * 2.8);
  }

  // All iOS devices, the easiest way
  @media (max-device-width: 480px), (max-device-width: 1024px) {
    -webkit-text-size-adjust: none;
  }

  // A semitranslucent bar at the top of the page
  &:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: 1vmax;
    pointer-events: none;
    background: @link-color;
    content: "";
    opacity: .2;
  }
}

// Essential mixins
.heading {
  font-family: @sans-serif;
  font-size: 330%;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  letter-spacing: -.06em;
}

.sub-heading {
  font-family: @sans-serif;
  font-size: 72%;
  font-weight: normal;
  letter-spacing: .08em;
  opacity: .5;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

// Reset unusual Firefox-on-Android default style.
// See https://github.com/necolas/normalize.css/issues/214
button,
input,
select[multiple],
textarea {
  background-image: none;
}

// Reset common elements
a, button {
  color: @text-color;
  text-decoration: none;
  transition: color .5s ease, border-color .5s ease, background .5s ease, opacity 1.5s ease;

  &:hover,
  &:focus {
    border-bottom: .1em solid;
    transition: color .1s ease, border-color .1s ease, background .1s ease, opacity .1s ease;
  }
}

img, hr {
  border: 0;
}

del {
  text-decoration: line-through;
}

::selection {
  color: @link-color;
  background: fade(@text-color, 2%);
}

::-webkit-input-placeholder {
  color: @text-color;
  opacity: .1;
}

// Site logo
.logo {
  display: block;
  height: 1vmax;
  margin: 0 0 1.4vmax;
  background: @link-color;
  opacity: 0;

  &:hover,
  &:focus {
    border-bottom: none !important;
    background: @text-color;
    opacity: 1;
  }

  h1 {
    height: 0;
    text-indent: -99999em;
  }
}

// Main navigation
.navigation {
  margin: 0 0 16vmin;
  margin-right: -1.1em;
  margin-left: -1.1em;
  font-size: 50%;
  font-weight: bold;
  letter-spacing: .45em;
  text-transform: uppercase;

  li {
    display: inline-block;
    line-height: 2;
    list-style: none;

    a {
      padding: .5em 1.2em;

      &:hover,
      &:focus {
        color: @link-color;
        border: none;
      }
    }
  }
}

// Currently activated page or category class
.current {

  a {
    color: @link-color;
  }
}

// Latest work link
body:hover .latest {
  color: @link-color !important;
}

// Pserson status
.content .status {
  margin: 1vmin 0 0;
  font-size: 75%;
  font-weight: bold;

  &:before {
    @size: .8em;
    display: inline-block;
    width: @size;
    height: @size;
    margin-right: .8vw;
    background: fade(@text-color, 20%);
    border-radius: 50%;
    content: "";
  }

  &.available {

    &:before {
      background: #0cf;
    }

    a {
      color: #0cf;
    }
  }

  &.unavailable {

    &:before {
      background: #ccc;
    }

    a {
      color: #ccc;
    }
  }
}

// Main content
.content {
  margin-bottom: 16vmin;
  hyphens: auto;
  // For some specified posts in work category
  .cf;

  // Remove extra space for the last paragraph in the container
  article {

    // article > p
    > *:last-child {
      margin-bottom: 0 !important;

      // article > ul > li, article > .footnotes > ol
      > *:last-child {
        margin-bottom: 0 !important;

        // article > ul > li > p, article > .footnotes > ol > li
        > *:last-child {
          margin-bottom: 0 !important;

          // article > .footnotes > ol > li > p
          > *:last-child {
            margin-bottom: 0 !important;
          }
        }
      }
    }
  }

  // Post / page content first element fix
  .post-content,
  .page-content {

    > *:first-child {
      margin-top: 0;

      > *:first-child {
        margin-top: 0;
      }
    }
  }

  a {
    font-weight: bold;
  }

  p {
    margin: 0 0 1.1em;
    line-height: (@base-line-height * 1.2);
  }

  header {
    padding-bottom: 16vmin;

    h1 {
      margin: 0 0 .1em;
      .heading;
      hyphens: none;
      line-height: 1.1;

      @media (max-width: 640px) {
        // Override viewport units defined in post.html
        font-size: 280%;
      }

      svg {
        display: block;
        max-width: 100%;
      }

      // Override margin from article img
      svg,
      img {
        margin-bottom: .3em;

        @media (max-width: 640px) {
          width: 100% !important;
          height: 100% !important;
        }
      }
    }

    .latest-post {
      margin-top: 16vmin;
      font-size: 80%;
      font-weight: normal;
      line-height: 1.2;

      a {
        font-weight: bold;
      }
    }

    small {
      display: block;
      margin: 2vmin 0 0;
      letter-spacing: .1em;
    }

  }

  h2, h3, h4, h5, h6 {
    margin: 10vmin 0 1rem;
    .sub-heading;
  }

  ul, ol {
    margin: 0 0 1em 1.5em;

    li {
      line-height: (@base-line-height * 1.2);

      > ul, ol {
        margin-bottom: 0;
      }
    }
  }

  ol {
    margin-left: 1.75em;
  }

  img, video, iframe {
    display: block;
    max-width: 100%;
    margin: 0 0 4vmin;
  }

  blockquote {
    position: relative;
    margin-bottom: 2em;

    > p {
      padding-left: .8em;
      border-left: 2px solid;
    }

    footer {
      .cf;
    }

    cite {
      float: right;
      font-size: 90%;
      font-style: normal;

      &:before {
        // http://www.fileformat.info/info/unicode/char/2500/index.htm
        content: "\2500\2500\00a0"
      }
    }
  }

  sup {
    font-size: 75%;
  }

  abbr {
    border-bottom: 1px dashed;
  }

  code, pre {
    font-family: @monospace;
    color: @code-color;
  }

  pre {
    padding: 1em;
    margin: 0 0 1em;
    overflow-x: scroll;
    font-size: 90%;
    line-height: (@base-line-height * 1.2);
    background: fade(#08f, 4%);
  }

  // Newsletter subscription form in page "store"
  form {

    input {
      display: block;
      width: 100%;
      padding: 1vmin 0;
      margin: 0 0 1vmin;
      border: none;
      border-bottom: 1px solid fade(@text-color, 20%);
      // Remove border-radius for iOS devices
      border-radius: 0;
      outline: none;
      transition: padding .2s ease;

      &:focus {
        padding: 1vmin;
        background: fade(@text-color, 2%);
        border-color: @text-color;
      }
    }
  }

  // Rest form validation styles, borrowed from Bootstrap
  input, textarea, select {

    &:focus:required:invalid {

      &:focus {
        background: fade(@link-color, 5%);
        border-color: @link-color;
        // Override Firefox default styles
        box-shadow: none;
      }
    }
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 90%;
    width: 100%;
    margin: 0 0 1em;

    th,
    td {
      padding: .6em;
    }

    th {
      border-bottom: 2px solid fade(@text-color, 6%);
      // Override default user agent stylesheet
      text-align: left;
    }

    td {
      border-top: 1px solid fade(@text-color, 4%);
    }
  }
}

// Posts with Asian characters
[lang=zh],
[lang=ja] {
  text-align: justify;

  header {
    text-align: start;
  }
}

// Fix empty space when a paragraph starts with some asian punctuation marks
.margin-fix:first-letter {
  margin-left: -.6em;
}

// Tweet button margin fix
.tweet {
  margin-top: 10vmin;
}

// Largetype styles (replaces button styles)
.largetype {
  .heading;
  font-size: 200%;
  margin-bottom: .5em !important;
}

// Broser frame for images in category "work"
.browser {
  position: relative;
  padding-top: 24px;
  margin: 0 0 4vmin !important;
  background: rgba(255, 255, 255, .1);
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);

  &:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 8px;
    height: 8px;
    background: lighten(#f24e59, 30%);
    border-radius: 50%;
    content: "";
    box-shadow:
        16px 0 0 0   fade(lighten(#fac536, 30%), 96%)
      , 32px 0 0 0   fade(lighten(#26e93d, 30%), 96%)
      ,    0 0 0 1px fade(darken(#f24e59, 30%), 30%)
      , 16px 0 0 1px fade(darken(#fac536, 30%), 30%)
      , 32px 0 0 1px fade(darken(#26e93d, 30%), 30%)
    ;
  }

  img {
    margin: 0;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .05);
  }
}

// Special paragraph with border line
.note,
.store,
.download {
  padding-left: .8em;
  border-left: 2px solid @link-color;
}

// Reference notes and links in post
.footnotes {
  font-size: 90%;
  font-style: italic;
}

:target {

  [rev=footnote],
  [rel=footnote] {
    color: @link-color;
  }
}

// Post list in "work" and "note"
.list {
  display: block;
  margin: 0 0 1.4vmin;

  h1 {
    .heading;
    font-size: 200%;
    line-height: 1.2;
    // Override heading defines in .content
    opacity: 1;
    margin: 0;
  }

  .external {

    &:hover,
    &:focus {
      border: none;
    }
  }
}

.external {
  line-height: 1;

  @media (max-width: 640px) {
    // Hide external link for post list
    display: none;
  }

  span {
    display: inline-block;
    width: .2em;
    height: .2em;
    margin: 0 .1em;
    vertical-align: middle;
    background: @text-color;
    border-radius: 50%;
    transition: transform .4s ease;
  }

  &:hover,
  &:focus {

    span {
      transform: scale(1.4);
    }
  }
}

.footer {
  padding: 0 0 16vmin;
  font-size: 72%;
  text-transform: lowercase;

  ul {

    li {
      display: inline;

      &:after {
        padding: 0 .6vw;
        content: " / ";
        opacity: .3;
      }

      &:last-child {

        &:after {
          content: none;
        }
      }
    }
  }
}

// Import custom styles
@import "custom";


Reverted broken list optimizations in messageBody

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/MenesesEvandro/WCF.git/'


Generalized this variable highlighting

Generalized this variable highlighting

fatal: unable to access 'https://github.com/rkalis/monokalis-syntax.git/': The requested URL returned error: 403


Added a scrollable box and tweaks for lists

Ooops, missed the .less file

@import (once) '../mixins/littlemixins.less';

.lb-scrollable {
  .positionAbsolute();
  .scrollable();
}

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


added a padding of 20 pixels

added a padding of 20 pixels

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


adjust margin after link

adjust margin after link

.QS-grid {
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-areas:
  "os sidebar1"
  "k8 sidebar2"
  "helm sidebar3"
  "blank manual"
  "blackbird spins"
  "main main";
  grid-gap: 15px;
  margin-left: -125px;
  margin-bottom: -30px;
  align-items: start;
  cursor: default;
  overflow: hidden;
}
a#QS-moreInstallOptions {
  color: darkgrey;
  text-decoration: underline;
}
a#QS-moreInstallOptions:hover {
  text-decoration: none;
}
.QS-main {
  grid-area: main;
  padding: 5px;
  margin-left: 60px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  cursor: default;
}
#QS-mainTextSmall {
  color:black;
  font-size: 1.2em;
  line-height: 1.1em;
}
#QS-mainTextSmall li {
  margin-bottom: 0.3em;
}
p.bulletText {
  font-size: 1.2em;
}
#QS-showMac, #QS-showLinux, #QS-showWindows {
  display: none;
}
#QS-showMacAside1, #QS-showLinuxAside1, #QS-showWindowsAside1 {
  display: none;
}
.QS-aside {
  border: 0.1em solid #8e77ff;
  background: rgba(95,62,255,.05);
  border-radius: 7px;
  height: auto;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  display: block;
  z-index: 2;
}
#QS-asideBullets {
  list-style-type: square;
  display: visible;
  margin-bottom: 5px;
}
li.QS-asideNoBullets {
  list-style-type: none;
  font-size: .85em;
}
.QS-os {
  grid-area: os;
  font-size: .9em;
  font-weight: 600;
  width: auto;
  font-style: italic;
  position: relative;
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: -10px;
  z-index: 2;
  display: flex;
}
.QS-OStype {
  font-size: 1.5em;
  font-weight: 600;
  font-style: italic;
  width: auto;
  position: relative;
  margin-left: 5px;
  margin-right: 10px;
  z-index: 2;
}
.QS-osLogo {
  width: 30px;
  margin: 0 0 -4px 4px;
}
.QS-aside1 {
  grid-area: sidebar1;
  padding-bottom: 5px;
  overflow: hidden;
}
.QS-k8 {
  grid-area: k8;
}
.QS-aside2 {
  grid-area: sidebar2;
  overflow: hidden;
}
.QS-helm {
  grid-area: helm;
}
.QS-aside3 {
  grid-area: sidebar3;
  overflow: hidden;
}
details summary { list-style-type: none; }
summary::-webkit-details-marker {display: none; }
details summary::before { content:"►"; font-size: .5em;}
details[open] summary::before { content:"▼" }

summary#helmVersions {
  font-size: .7em;
}
.QS-codeblockInstall {
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 13px;
  font-weight: 300;
  padding: 5px 5px;
  margin: 0.5em 0.5em;
  margin-top: 5px;
  background-color: white;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  letter-spacing: 0.2px;
  overflow: hidden;
  display: flex;
}
.QSAside1-codeblockInstall {
  height: 20px;
}
.QS-asideText {
  font-weight: 600;
  font-size: 22px;
  width: 100%;
}
.QS-copyButton {
  display: contents;
}
.QS-copyButton .styles-module--CopyButton--3-6vF {
  background: white;
  border-radius: 5px;
  border: thin solid gray;
  font-size: 90%;
}
.QS-token-function {
  color: #FF4329;
}
.QS-windowsDownloadButton {
  color: black;
}
.QS-blackbird-image {
  grid-area: blackbird;
  width: 30px;
  margin: 0 0 -4px 4px;
}
.QS-spin {
  grid-area: spins;
}
.QS-spinText {
  font-size: 16px;
}
#QS-blank {
  grid-area: blank;
}
#QS-customLink {
  padding-bottom: 10px;
}
#QS-fullManual {
  grid-area: manual;
  display: flex;
  font-size: 1.2em;
  font-weight: 600;
}
#QS-fullManual a{
  color: darkgrey;
  text-decoration: underline;
  padding-bottom: 10px;
}
#QS-fullManual:hover a {
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .QS-osLogo {
    display: none;
  }
}
@media screen and (max-width: 995px) {
  .QS-osLogo {
    display: inline;
  }
  .QS-grid {
    margin-left: 10px;
  }
}
@media screen and (max-width: 900px) {
  .QS-grid {
    width: 100%;
    margin-left: -20px;
  }
}
@media screen and (max-width: 380px) {
  .QS-asideText {
    font-size: 90%;
  }
  .QS-osLogo, .QS-helm, .QS-k8 {
    width: 70%;
  }
  .QS-codeblockInstall {
    font-size: 50%;
  }
  #k8Code {
    font-size: 90%;
  }
  .QS-aside {
    margin-left: -10px;
    padding: 5px 10px 0px;
  }
}

.QS-grid {
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-areas:
  "os sidebar1"
  "k8 sidebar2"
  "helm sidebar3"
  "blank manual"
  "blackbird spins"
  "main main";
  grid-gap: 15px;
  margin-left: -125px;
  margin-bottom: -30px;
  align-items: start;
  cursor: default;
  overflow: hidden;
}
a#QS-moreInstallOptions {
  color: darkgrey;
  text-decoration: underline;
}
a#QS-moreInstallOptions:hover {
  text-decoration: none;
}
.QS-main {
  grid-area: main;
  padding: 5px;
  margin-left: 60px;
  margin-top: -50px;
  position: relative;
  z-index: 2;
  cursor: default;
}
#QS-mainTextSmall {
  color:black;
  font-size: 1.2em;
  line-height: 1.1em;
}
#QS-mainTextSmall li {
  margin-bottom: 0.3em;
}
p.bulletText {
  font-size: 1.2em;
}
#QS-showMac, #QS-showLinux, #QS-showWindows {
  display: none;
}
#QS-showMacAside1, #QS-showLinuxAside1, #QS-showWindowsAside1 {
  display: none;
}
.QS-aside {
  border: 0.1em solid #8e77ff;
  background: rgba(95,62,255,.05);
  border-radius: 7px;
  height: auto;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  display: block;
  z-index: 2;
}
#QS-asideBullets {
  list-style-type: square;
  display: visible;
  margin-bottom: 5px;
}
li.QS-asideNoBullets {
  list-style-type: none;
  font-size: .85em;
}
.QS-os {
  grid-area: os;
  font-size: .9em;
  font-weight: 600;
  width: auto;
  font-style: italic;
  position: relative;
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: -10px;
  z-index: 2;
  display: flex;
}
.QS-OStype {
  font-size: 1.5em;
  font-weight: 600;
  font-style: italic;
  width: auto;
  position: relative;
  margin-left: 5px;
  margin-right: 10px;
  z-index: 2;
}
.QS-osLogo {
  width: 30px;
  margin: 0 0 -4px 4px;
}
.QS-aside1 {
  grid-area: sidebar1;
  padding-bottom: 5px;
  overflow: hidden;
}
.QS-k8 {
  grid-area: k8;
}
.QS-aside2 {
  grid-area: sidebar2;
  overflow: hidden;
}
.QS-helm {
  grid-area: helm;
}
.QS-aside3 {
  grid-area: sidebar3;
  overflow: hidden;
}
details summary { list-style-type: none; }
summary::-webkit-details-marker {display: none; }
details summary::before { content:"►"; font-size: .5em;}
details[open] summary::before { content:"▼" }

summary#helmVersions {
  font-size: .7em;
}
.QS-codeblockInstall {
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 13px;
  font-weight: 300;
  padding: 5px 5px;
  margin: 0.5em 0.5em;
  margin-top: 5px;
  background-color: white;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  letter-spacing: 0.2px;
  overflow: hidden;
  display: flex;
}
.QSAside1-codeblockInstall {
  height: 20px;
}
.QS-asideText {
  font-weight: 600;
  font-size: 22px;
  width: 100%;
}
.QS-copyButton {
  display: contents;
}
.QS-copyButton .styles-module--CopyButton--3-6vF {
  background: white;
  border-radius: 5px;
  border: thin solid gray;
  font-size: 90%;
}
.QS-token-function {
  color: #FF4329;
}
.QS-windowsDownloadButton {
  color: black;
}
.QS-blackbird-image {
  grid-area: blackbird;
  width: 30px;
  margin: 0 0 -4px 4px;
}
.QS-spin {
  grid-area: spins;
}
.QS-spinText {
  font-size: 16px;
}
#QS-blank {
  grid-area: blank;
}
#QS-customLink {
  padding-bottom: 10px;
}
#QS-fullManual {
  grid-area: manual;
  display: flex;
  font-size: 1.2em;
  font-weight: 600;
}
#QS-fullManual a{
  color: darkgrey;
  text-decoration: underline;
  padding-bottom: 10px;
}
#QS-fullManual:hover a {
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .QS-osLogo {
    display: none;
  }
}
@media screen and (max-width: 995px) {
  .QS-osLogo {
    display: inline;
  }
  .QS-grid {
    margin-left: 10px;
  }
}
@media screen and (max-width: 900px) {
  .QS-grid {
    width: 100%;
    margin-left: -20px;
  }
}
@media screen and (max-width: 380px) {
  .QS-asideText {
    font-size: 90%;
  }
  .QS-osLogo, .QS-helm, .QS-k8 {
    width: 70%;
  }
  .QS-codeblockInstall {
    font-size: 50%;
  }
  #k8Code {
    font-size: 90%;
  }
  .QS-aside {
    margin-left: -10px;
    padding: 5px 10px 0px;
  }
}


small rearrangement

small rearrangement

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/vaporry/meteor-dapp-whisper-chat-client.git/'


Adds support for labeledHeadline in combination with boxSubHeadline


added function.advertisement.less

added function.advertisement.less

.advertisement {
	text-align: center;
	overflow: hidden;

	> * {
		margin-bottom: 15px;

		&:empty {
			margin: 0;
		}

		a {
			display: inline-block;
		}

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

error: pathspec 'layout/default/css/function.advertisement.less' did not match any file(s) known to git


* Cleanup

* Cleanup

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/Maslosoft/IlmatarWidgets.git/'


Cleaned up the CSS selector

Cleaned up the CSS selector

/*
 * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */

/*
 * This file first imports all of the shared LESS/CSS, and then defines
 * version-specific layout (e.g. layout for the App shell, or layout for
 * the In-Browser version on Firefox).
 *
 * Going forward, we may have different versions of this file for different
 * Versions (e.g. App, In-Browser, etc.)
 *
 * Anything that is general/reusable should be pushed up into a LESS file
 * in the "styles" directory. See "brackets_shared.less" for the organization
 *
 * Date: @DATE
 */

/* IMPORTANT: importing brackets_shared should be the first step in this file
 * This is so that imported CSS files (NOT LESS files) end up in the
 * right place
 */
@import "brackets_shared.less";

/* Overall layout */

html, body {
    height: 100%;
    overflow: hidden;

    /* Turn off selection for UI elements */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    /* And make sure we get a pointer cursor even over text */
    cursor: default;
}

body {
    .vbox;

    /* This appears to be necessary in Firefox when body is set to display: box. */
    width: 100%;
    &.resizing a, &.resizing #projects a, &.resizing .main-view, &.resizing .CodeMirror-lines {
        cursor: col-resize;
    }
}

a, img {
    -webkit-user-drag: none;
}

.main-view {
    .hbox;
    .box-flex(1);

    .sidebar {
        .vbox;
        width: @sidebar-width;
    }

    .content {
        .vbox;
        .box-flex(1);
    }
}

.toolbar {
    /* make sure the shadow goes above other items */
    z-index: @z-index-brackets-toolbar;
}

#editor-holder {
    .vbox;
    .box-flex(1);
    position: relative;

    /* Placeholder shown when there is no editor open */
    #not-editor {
        .box-flex(1);
        .vbox;
        .box-pack(center);
        .box-align(center);
        background-color: @background-color-2;

        #not-editor-content {
            color: @background-color-1;
            font-size: 350px;
            line-height: normal;
            margin-top: -0.25em;
            text-shadow: 0 1px @bc-black;
            opacity: 0.30;
        }
    }
}

.bottom-panel {
    display: none;
    height: 200px;
    border-top-style: solid;
    border-width: 1px;
    border-color: lighten(@bc-grey, @bc-color-step-size*4);

    .toolbar {
        height: auto;
        padding-top: @base-padding / 2;
        padding-bottom: @base-padding / 2;
        z-index: @z-index-brackets-results-panel;
        .box-shadow(0 -1px 3px 0 fadeout(@bc-black, 70%));
        .title {
            font-size: @label-font-size;
            font-weight: bold;
        }
        .close {
            position: absolute;
            right: 10px;
        }
    }

    .table-container {
        height: 170px;
        overflow: auto;

        td {
            padding-left: @base-padding;
            padding-right: @base-padding;
        }

        .highlight {
            background: #d2dcf8;
        }

        tr.selected td {
            background-color: @bc-light-blue;
        }
    }
}

#gold-star {
    display: none;
    font-size: 1.2em;
    color: #ffe13b;
}

#toolbar-go-live {
    padding-right: 8px;

    // Default icon is for the 'disconnected' state
    // The 'connecting failed' (.warning) state also maps here
    .sprite-icon(0,0, 22px,11px, "styles/images/live_development_sprites.svg");
    &:hover {
        .sprite-swap(0,11px);
    }
    // 'Connected' state
    &.success {
        .sprite-swap(0,22px);
    }
    &.success:hover {
        .sprite-swap(0,33px);
    }
    // 'Connection in progress' state
    &.info {
        .sprite-swap(0,44px);
    }
}

/* Project panel */

#project-header {
    /* Fixed height blank space for now. The mockups have the window "stoplights" or a logo here. */
    height: 29px;
}

#sidebar-resizer {
    position: absolute;
    width: 6px;
    height: 100%;
    z-index: @z-index-brackets-sidebar-resizer;
    opacity: 0;
    cursor: col-resize;
}

#file-section {
    .vbox;
    .box-flex(1);
    margin: 5px 0px 0px 0px;
    position: relative;

    .project-file-header-area {
        padding: 6px 6px 2px 10px;
        font-size: 13px;
        color: #929292;
    }

    .file-list-divider {
        border-bottom: 1px solid #9a9a9a;
        box-shadow: 0px 1px #eeeeee;
    }
}

#open-files-container {
    .box-flex(0);
    margin: 0 0 22px 0;
    padding: 0px;
    max-height: 200px; // TODO (Issue #276): it would be nicer to have this be 50%, but that doesn't seem to work

    ul {
        list-style-type: none;
        margin: 0;

        a {
            color: black;
            text-decoration: none;
            margin-left: 26px;
        }

        li {
            white-space: nowrap;
            position: relative; // so that children can be positioned absolute
            line-height: 24px;
            padding: 0 0 0 8px;
            height: 22px;
            vertical-align: baseline;
            a {
                color: #BBB;
                font-size: 13px;
                margin-left: 18px;
                padding-right: @triangle-size * 2;
                cursor: default;
            }

            .extension a {
                color: #8e9a9d;
            }
            &:hover {
                background: transparent;
            }
            &:active {
                background-position: 0 1px;
            }
            &.selected {
                a {
                    color: #fff;
                }
            }
        }
    }
}

.sidebar-selection {
    background: url("styles/images/active_back.png") no-repeat top right;
    height: 22px;
    position: absolute;
}

.sidebar-selection-triangle {
    background: url("styles/images/active_back.png");
    width: 10px;
    height: 22px;
    position: fixed;

    z-index: @z-index-brackets-selection-triangle; /* scroller-shadow appears above this triangle */
}

.sidebar-selection-triangle.triangle-visible:before {
    content: "";

    border-top: @triangle-size solid transparent;
    border-bottom: @triangle-size solid transparent;
    border-right: @triangle-size solid @background-color-3;

    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;

    .scale-x(0.9, right, top);
}

//Initially start with the open files hidden, they will get show as files are added
#open-files-container {
    display:none;
}

#project-files-container {
    .box-flex(1);

    .jstree-brackets li > a {
        padding-right: @triangle-size * 2;
    }

    ul {
        padding-left: 8px;
    }
}

#editor-holder .scroller-shadow {
    width: 100%;
}

.scroller-shadow {
    background-size: 100% 5px;
    background-repeat: no-repeat;
    height: 5px;
    position: fixed;
    z-index: @z-index-brackets-scroller-shadow;

    &.top {
        #gradient.vertical(rgba(0,0,0,0.1), rgba(0,0,0,0));
        background-position: 0 -5px;
    }

    &.bottom {
        #gradient.vertical(rgba(0,0,0,0), rgba(0,0,0,0.1));
        background-position: 0 5px;
        background-color: transparent; /* override background-color: @endColor from #gradient.vertical */
    }
}

@sprite-size-18: 4px;

/** Classes for icons from jsTreeSprites.png
*/
.jstree-sprite {
    background-image: url("styles/images/jsTreeSprites.png");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: @sprite-size-18;
    height: @sprite-size-18;
}

.disclosure-arrow-opened {
    .jstree-sprite;
    display: inline-block;
    background-position: -@sprite-size-18 0px;
}

.disclosure-arrow-closed {
    .jstree-sprite;
    display: inline-block;
    background-position: 0px 0px;
}
ins.jstree-icon {
    left: -12px !important;
}
/** Classes for icons from bracketSprites.png
*/

.bracket-sprite {
    background-image: url("styles/images/close_btn.png");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: 15px;
    height: 16px;
}

.file-status-icon {
    margin: 3px 0 0 8px;
    .bracket-sprite;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;

    &.dirty {
        background-position: -30px 0;
    }

    &.can-close {
        background-position: 0 0;
    }

    &.can-close:hover {
        background-position: -15px 0;
    }

    &.can-close:active {
        background-position: -15px 1px;
    }
}

/* Styles for inline editors */
.inline-widget {
    background-color:   @inline-background-color-1;

    .inline-editor-header {
        padding: 10px 10px 0px 10px;

        .filename {
            font-family: @fontstack-sans-serif;
            font-size: 1.1em;
            color: @inline-color-1;

            // Filename header is clickable (it's an <a> tag, so we get underscore on hover by
            // default; but the hand cursor is shut off by Bootstrap's reset stylesheet)
            cursor: pointer;

            .dirty-indicator {
                .bracket-sprite;
                display: inline-block;
                background-position: -32px 0;
                padding-top: 3px;
            }

            .line-number {
                color: @inline-color-2;
            }
        }
    }

    .shadow {
        display: block;
        height: 4px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: @z-index-brackets-inline-editor-shadow;
    }

    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }

    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }

    .CodeMirror-scroll {
        /* Don't show horizontal scrollbars within an inline editor--we want to scroll the outer editor */
        overflow-x: hidden;
        background-color: transparent;
    }
}

/* CSSInlineEditor rule list */
.related-container {
    @top-margin: 12px;

    /*width: 0;*/
    font-family: @fontstack-sans-serif;
    position: fixed;
    width: 250px;
    overflow: hidden;
    /*-webkit-transition: width 0.15s ease-out;*/
    background: @inline-background-color-2;

    .selection {
        width: 100%;
        background: #d0d5d5;
        position: absolute;
        -webkit-transition: height 0.1s ease-out;
        -webkit-transition: top 0.1s ease-out;
        border-top: 1px solid darken(@inline-background-color-3, @bc-color-step-size);
        border-bottom: 1px solid lighten(@inline-background-color-3, @bc-color-step-size);
        top: @top-margin;
    }

    /*
     * CSS triangle hack with anti-alias workarounds:
     * (a) Use selection-background-color instead of transparent.
     * (b) Use transform scaleX and origin to adjust width.
     */
    .selection:before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-top: @triangle-size solid @inline-background-color-3;
        border-bottom: @triangle-size solid @inline-background-color-3;
        border-left: @triangle-size solid @inline-background-color-1;
        margin-top: -@triangle-size;
        top: 50%;
        .scale-x(0.9, left, top);
    }

    .related {
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 1px;
        width: 100%;

        ul {
            margin: 0;
            padding: @top-margin 0px;
            list-style: none;

            li {
                color: @inline-color-2;
                margin: 0;
                overflow: hidden;
                padding: 2px 0px 2px 15px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .selected {
                color: @inline-color-3;
                -webkit-transition: color 0.1s ease-out .15s;
            }
        }
    }
}

/* Styles for the search dialog--this is temporary, only for debugging */

.CodeMirror-dialog {
  position: relative;
  z-index: @z-index-cm-dialog-override;
}

.CodeMirror-dialog > div {
  font-family: @fontstack-sans-serif;
  position: absolute;
  top: 0; left: 0; right: 0;
  background: @background-color-2;
  color: @content-color;
  border-bottom: 1px solid @bc-gray;
  .box-shadow(0 1px 3px 0 fadeout(@bc-black, 70%));
  z-index: 1;
  padding: .5em .8em;
  overflow: hidden;
}

.CodeMirror-dialog input {
  font-family: @fontstack-sans-serif;
  border: 1px solid @content-color-weaker;
  outline: none;
  background: @background-color-3;
  width: 20em;
  margin: .3em .3em;
  color: inherit;
}

.CodeMirror-searching {
  background-color: inherit;
}

.smart_autocomplete_container {

    border: 1px solid #999;
    background-color: #FFFFFF;

    /* smart auto complete doesn't correctly position the container
     * so these specific padding and margin values are necessary*/
    padding: 0px 8px 0px 0px;
    margin: 9px 0px 0px 0px;

    .quick-open-path {
        font-size: 11px;
        color: gray;
    }

    li {
        color: black;
        border-bottom: 1px solid;
        list-style: none;
        cursor: pointer;
        padding: 0px 2px 0px 4px;
    }
}

li.smart_autocomplete_highlight {
    background-color: #5fa3e0;

}

/*
 * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */

/*
 * This file first imports all of the shared LESS/CSS, and then defines
 * version-specific layout (e.g. layout for the App shell, or layout for
 * the In-Browser version on Firefox).
 *
 * Going forward, we may have different versions of this file for different
 * Versions (e.g. App, In-Browser, etc.)
 *
 * Anything that is general/reusable should be pushed up into a LESS file
 * in the "styles" directory. See "brackets_shared.less" for the organization
 *
 * Date: @DATE
 */

/* IMPORTANT: importing brackets_shared should be the first step in this file
 * This is so that imported CSS files (NOT LESS files) end up in the
 * right place
 */
@import "brackets_shared.less";

/* Overall layout */

html, body {
    height: 100%;
    overflow: hidden;

    /* Turn off selection for UI elements */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    /* And make sure we get a pointer cursor even over text */
    cursor: default;
}

body {
    .vbox;

    /* This appears to be necessary in Firefox when body is set to display: box. */
    width: 100%;
    &.resizing #sidebar #projects a, &.resizing .main-view, &.resizing .CodeMirror-lines,
    &.resizing .toolbar .nav a  {
        cursor: col-resize;
    }
}

a, img {
    -webkit-user-drag: none;
}

.main-view {
    .hbox;
    .box-flex(1);

    .sidebar {
        .vbox;
        width: @sidebar-width;
    }

    .content {
        .vbox;
        .box-flex(1);
    }
}

.toolbar {
    /* make sure the shadow goes above other items */
    z-index: @z-index-brackets-toolbar;
}

#editor-holder {
    .vbox;
    .box-flex(1);
    position: relative;

    /* Placeholder shown when there is no editor open */
    #not-editor {
        .box-flex(1);
        .vbox;
        .box-pack(center);
        .box-align(center);
        background-color: @background-color-2;

        #not-editor-content {
            color: @background-color-1;
            font-size: 350px;
            line-height: normal;
            margin-top: -0.25em;
            text-shadow: 0 1px @bc-black;
            opacity: 0.30;
        }
    }
}

.bottom-panel {
    display: none;
    height: 200px;
    border-top-style: solid;
    border-width: 1px;
    border-color: lighten(@bc-grey, @bc-color-step-size*4);

    .toolbar {
        height: auto;
        padding-top: @base-padding / 2;
        padding-bottom: @base-padding / 2;
        z-index: @z-index-brackets-results-panel;
        .box-shadow(0 -1px 3px 0 fadeout(@bc-black, 70%));
        .title {
            font-size: @label-font-size;
            font-weight: bold;
        }
        .close {
            position: absolute;
            right: 10px;
        }
    }

    .table-container {
        height: 170px;
        overflow: auto;

        td {
            padding-left: @base-padding;
            padding-right: @base-padding;
        }

        .highlight {
            background: #d2dcf8;
        }

        tr.selected td {
            background-color: @bc-light-blue;
        }
    }
}

#gold-star {
    display: none;
    font-size: 1.2em;
    color: #ffe13b;
}

#toolbar-go-live {
    padding-right: 8px;

    // Default icon is for the 'disconnected' state
    // The 'connecting failed' (.warning) state also maps here
    .sprite-icon(0,0, 22px,11px, "styles/images/live_development_sprites.svg");
    &:hover {
        .sprite-swap(0,11px);
    }
    // 'Connected' state
    &.success {
        .sprite-swap(0,22px);
    }
    &.success:hover {
        .sprite-swap(0,33px);
    }
    // 'Connection in progress' state
    &.info {
        .sprite-swap(0,44px);
    }
}

/* Project panel */

#project-header {
    /* Fixed height blank space for now. The mockups have the window "stoplights" or a logo here. */
    height: 29px;
}

#sidebar-resizer {
    position: absolute;
    width: 6px;
    height: 100%;
    z-index: @z-index-brackets-sidebar-resizer;
    opacity: 0;
    cursor: col-resize;
}

#file-section {
    .vbox;
    .box-flex(1);
    margin: 5px 0px 0px 0px;
    position: relative;

    .project-file-header-area {
        padding: 6px 6px 2px 10px;
        font-size: 13px;
        color: #929292;
    }

    .file-list-divider {
        border-bottom: 1px solid #9a9a9a;
        box-shadow: 0px 1px #eeeeee;
    }
}

#open-files-container {
    .box-flex(0);
    margin: 0 0 22px 0;
    padding: 0px;
    max-height: 200px; // TODO (Issue #276): it would be nicer to have this be 50%, but that doesn't seem to work

    ul {
        list-style-type: none;
        margin: 0;

        a {
            color: black;
            text-decoration: none;
            margin-left: 26px;
        }

        li {
            white-space: nowrap;
            position: relative; // so that children can be positioned absolute
            line-height: 24px;
            padding: 0 0 0 8px;
            height: 22px;
            vertical-align: baseline;
            a {
                color: #BBB;
                font-size: 13px;
                margin-left: 18px;
                padding-right: @triangle-size * 2;
                cursor: default;
            }

            .extension a {
                color: #8e9a9d;
            }
            &:hover {
                background: transparent;
            }
            &:active {
                background-position: 0 1px;
            }
            &.selected {
                a {
                    color: #fff;
                }
            }
        }
    }
}

.sidebar-selection {
    background: url("styles/images/active_back.png") no-repeat top right;
    height: 22px;
    position: absolute;
}

.sidebar-selection-triangle {
    background: url("styles/images/active_back.png");
    width: 10px;
    height: 22px;
    position: fixed;

    z-index: @z-index-brackets-selection-triangle; /* scroller-shadow appears above this triangle */
}

.sidebar-selection-triangle.triangle-visible:before {
    content: "";

    border-top: @triangle-size solid transparent;
    border-bottom: @triangle-size solid transparent;
    border-right: @triangle-size solid @background-color-3;

    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;

    .scale-x(0.9, right, top);
}

//Initially start with the open files hidden, they will get show as files are added
#open-files-container {
    display:none;
}

#project-files-container {
    .box-flex(1);

    .jstree-brackets li > a {
        padding-right: @triangle-size * 2;
    }

    ul {
        padding-left: 8px;
    }
}

#editor-holder .scroller-shadow {
    width: 100%;
}

.scroller-shadow {
    background-size: 100% 5px;
    background-repeat: no-repeat;
    height: 5px;
    position: fixed;
    z-index: @z-index-brackets-scroller-shadow;

    &.top {
        #gradient.vertical(rgba(0,0,0,0.1), rgba(0,0,0,0));
        background-position: 0 -5px;
    }

    &.bottom {
        #gradient.vertical(rgba(0,0,0,0), rgba(0,0,0,0.1));
        background-position: 0 5px;
        background-color: transparent; /* override background-color: @endColor from #gradient.vertical */
    }
}

@sprite-size-18: 4px;

/** Classes for icons from jsTreeSprites.png
*/
.jstree-sprite {
    background-image: url("styles/images/jsTreeSprites.png");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: @sprite-size-18;
    height: @sprite-size-18;
}

.disclosure-arrow-opened {
    .jstree-sprite;
    display: inline-block;
    background-position: -@sprite-size-18 0px;
}

.disclosure-arrow-closed {
    .jstree-sprite;
    display: inline-block;
    background-position: 0px 0px;
}
ins.jstree-icon {
    left: -12px !important;
}
/** Classes for icons from bracketSprites.png
*/

.bracket-sprite {
    background-image: url("styles/images/close_btn.png");
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    width: 15px;
    height: 16px;
}

.file-status-icon {
    margin: 3px 0 0 8px;
    .bracket-sprite;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;

    &.dirty {
        background-position: -30px 0;
    }

    &.can-close {
        background-position: 0 0;
    }

    &.can-close:hover {
        background-position: -15px 0;
    }

    &.can-close:active {
        background-position: -15px 1px;
    }
}

/* Styles for inline editors */
.inline-widget {
    background-color:   @inline-background-color-1;

    .inline-editor-header {
        padding: 10px 10px 0px 10px;

        .filename {
            font-family: @fontstack-sans-serif;
            font-size: 1.1em;
            color: @inline-color-1;

            // Filename header is clickable (it's an <a> tag, so we get underscore on hover by
            // default; but the hand cursor is shut off by Bootstrap's reset stylesheet)
            cursor: pointer;

            .dirty-indicator {
                .bracket-sprite;
                display: inline-block;
                background-position: -32px 0;
                padding-top: 3px;
            }

            .line-number {
                color: @inline-color-2;
            }
        }
    }

    .shadow {
        display: block;
        height: 4px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: @z-index-brackets-inline-editor-shadow;
    }

    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }

    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }

    .CodeMirror-scroll {
        /* Don't show horizontal scrollbars within an inline editor--we want to scroll the outer editor */
        overflow-x: hidden;
        background-color: transparent;
    }
}

/* CSSInlineEditor rule list */
.related-container {
    @top-margin: 12px;

    /*width: 0;*/
    font-family: @fontstack-sans-serif;
    position: fixed;
    width: 250px;
    overflow: hidden;
    /*-webkit-transition: width 0.15s ease-out;*/
    background: @inline-background-color-2;

    .selection {
        width: 100%;
        background: #d0d5d5;
        position: absolute;
        -webkit-transition: height 0.1s ease-out;
        -webkit-transition: top 0.1s ease-out;
        border-top: 1px solid darken(@inline-background-color-3, @bc-color-step-size);
        border-bottom: 1px solid lighten(@inline-background-color-3, @bc-color-step-size);
        top: @top-margin;
    }

    /*
     * CSS triangle hack with anti-alias workarounds:
     * (a) Use selection-background-color instead of transparent.
     * (b) Use transform scaleX and origin to adjust width.
     */
    .selection:before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-top: @triangle-size solid @inline-background-color-3;
        border-bottom: @triangle-size solid @inline-background-color-3;
        border-left: @triangle-size solid @inline-background-color-1;
        margin-top: -@triangle-size;
        top: 50%;
        .scale-x(0.9, left, top);
    }

    .related {
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 1px;
        width: 100%;

        ul {
            margin: 0;
            padding: @top-margin 0px;
            list-style: none;

            li {
                color: @inline-color-2;
                margin: 0;
                overflow: hidden;
                padding: 2px 0px 2px 15px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .selected {
                color: @inline-color-3;
                -webkit-transition: color 0.1s ease-out .15s;
            }
        }
    }
}

/* Styles for the search dialog--this is temporary, only for debugging */

.CodeMirror-dialog {
  position: relative;
  z-index: @z-index-cm-dialog-override;
}

.CodeMirror-dialog > div {
  font-family: @fontstack-sans-serif;
  position: absolute;
  top: 0; left: 0; right: 0;
  background: @background-color-2;
  color: @content-color;
  border-bottom: 1px solid @bc-gray;
  .box-shadow(0 1px 3px 0 fadeout(@bc-black, 70%));
  z-index: 1;
  padding: .5em .8em;
  overflow: hidden;
}

.CodeMirror-dialog input {
  font-family: @fontstack-sans-serif;
  border: 1px solid @content-color-weaker;
  outline: none;
  background: @background-color-3;
  width: 20em;
  margin: .3em .3em;
  color: inherit;
}

.CodeMirror-searching {
  background-color: inherit;
}

.smart_autocomplete_container {

    border: 1px solid #999;
    background-color: #FFFFFF;

    /* smart auto complete doesn't correctly position the container
     * so these specific padding and margin values are necessary*/
    padding: 0px 8px 0px 0px;
    margin: 9px 0px 0px 0px;

    .quick-open-path {
        font-size: 11px;
        color: gray;
    }

    li {
        color: black;
        border-bottom: 1px solid;
        list-style: none;
        cursor: pointer;
        padding: 0px 2px 0px 4px;
    }
}

li.smart_autocomplete_highlight {
    background-color: #5fa3e0;

}


add pginator

add pginator

.pagination{
    .disabled{
        a, a:hover {
            background-color: transparent;
            text-decoration: none;
            color: #BFBFBF;
            cursor: default;
        }
    }
    .last a{
        border: 0;
    }
    .next a{
       border-right: 1px solid;
       border-right-color: rgba(0, 0, 0, 0.15);
    }
}

error: pathspec 'Resources/public/less/paginator.less' did not match any file(s) known to git


Create basebar.less

Create basebar.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/Tach-Yon/Tap-Tap-Adventure.git/'


Fix outline button hover style

Fix outline button hover style

// mixins for button
// ------------------------
.button-size(@padding; @font-size; @border-radius) {
  padding: @padding;
  font-size: @font-size;
  border-radius: @border-radius;
}

.button-variant(@color; @background; @border) {
  .button-color(@color; @background; @border);

  &:hover {
    .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
  }
  &:active,
  &.active {
    background-image: none;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:active,
    &.active {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
    }
  }
}

.button-color(@color; @background; @border) {
  color: @color;
  background-color: @background;
  border-color: @border;
}

.button-group-base(@btnClassName) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  > .@{btnClassName} {
    position: relative;
    float: left;
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
  }

  // size
  &-lg > .@{btnClassName} {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @btn-border-radius-lg);
  }

  &-sm > .@{btnClassName} {
    .button-size(@btn-padding-sm; @font-size-base; @btn-border-radius-sm);
    > .@{iconfont-css-prefix} {
      font-size: @font-size-base;
    }
  }
}

// Base styles of buttons
// --------------------------------------------------
.btn() {
  display: inline-block;
  margin-bottom: 0;
  font-weight: @btn-font-weight;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  // outline: none;
  white-space: nowrap;
  line-height: @line-height-base;
  .button-size(@btn-padding-base; @font-size-base; @btn-border-radius-base);
  .user-select(none);
  .transition(all .3s @ease-in-out);
  transform: translate3d(0, 0, 0);
  // Fix for ie8 border-radius
  // http://css3pie.com/documentation/known-issues/#z-index
  position: relative\0;

  > .@{iconfont-css-prefix} {
    line-height: 1;
  }

  &,
  &:active,
  &:focus {
    outline: 0;
  }

  &:not([disabled]):hover {
    text-decoration: none;
  }

  &:not([disabled]):active {
    outline: 0;
    .transition(none);
  }

  &.disabled,
  &[disabled] {
    cursor: @cursor-disabled;
  }

  &-lg {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @btn-border-radius-lg);
  }

  &-sm {
    .button-size(@btn-padding-sm; @font-size-base; @btn-border-radius-sm);
  }
}

// primary button style
.btn-primary() {
  .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);

  &:hover,
  &:active,
  &.active {
    color: @btn-primary-color;
  }
}

// default button style
.btn-default() {
  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);

  &:hover {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-ghost() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);

  &:hover {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-dashed() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
  border-style: dashed;

  &:hover {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// circle button: the content only contains icon
.btn-circle(@btnClassName: btn) {
  .square(@btn-circle-size);
  .button-size(0; @font-size-base + 2; 50%);

  &.@{btnClassName}-lg {
    .square(@btn-circle-size-lg);
    .button-size(0; @btn-font-size-lg + 2; 50%);
  }

  &.@{btnClassName}-sm {
    .square(@btn-circle-size-sm);
    .button-size(0; @font-size-base; 50%);
  }
}

// circle button with stroke border
.btn-circle-outline() {
  position: relative;

  &:not([disabled]):before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    .opacity(0);
    width: 100%;
    height: 100%;
    border-radius: 50% 50%;
    content: " ";
    .scale(0, 0);
    .transition(all .3s @ease-in-out);
    z-index: 0;
    background-color: @primary-color;
  }

  &:not([disabled]):hover,
  &:not([disabled]):active,
  &:not([disabled]).active {
    > .@{iconfont-css-prefix} {
      color: @btn-primary-color;
      position: relative;
    }
  }

  &:not([disabled]):hover:before,
  &:not([disabled]):active:before,
  &:not([disabled]).active:before {
    .opacity(1);
    .scale(1, 1);
  }

  &:not([disabled]):active:before,
  &:not([disabled]).active:before {
    background-color: tint(@primary-color, 20%);
  }
}

// Horizontal button groups styl
// --------------------------------------------------
.btn-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);

  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }

  .@{btnClassName}:not(:first-child):not(:last-child) {
    border-radius: 0;
    padding-left: 7px;
    padding-right: 7px;
  }

  > .@{btnClassName}:first-child {
    margin-left: 0;
    &:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 7px;
    }
  }

  > .@{btnClassName}:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 7px;
  }

 & > & {
    float: left;
  }

 & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }

 & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 7px;
    }
  }

 & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 7px;
  }
}

// mixins for button
// ------------------------
.button-size(@padding; @font-size; @border-radius) {
  padding: @padding;
  font-size: @font-size;
  border-radius: @border-radius;
}

.button-variant(@color; @background; @border) {
  .button-color(@color; @background; @border);

  &:hover {
    .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
  }
  &:active,
  &.active {
    background-image: none;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:active,
    &.active {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
    }
  }
}

.button-color(@color; @background; @border) {
  color: @color;
  background-color: @background;
  border-color: @border;
}

.button-group-base(@btnClassName) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  > .@{btnClassName} {
    position: relative;
    float: left;
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
  }

  // size
  &-lg > .@{btnClassName} {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @btn-border-radius-lg);
  }

  &-sm > .@{btnClassName} {
    .button-size(@btn-padding-sm; @font-size-base; @btn-border-radius-sm);
    > .@{iconfont-css-prefix} {
      font-size: @font-size-base;
    }
  }
}

// Base styles of buttons
// --------------------------------------------------
.btn() {
  display: inline-block;
  margin-bottom: 0;
  font-weight: @btn-font-weight;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  // outline: none;
  white-space: nowrap;
  line-height: @line-height-base;
  .button-size(@btn-padding-base; @font-size-base; @btn-border-radius-base);
  .user-select(none);
  .transition(all .3s @ease-in-out);
  transform: translate3d(0, 0, 0);
  // Fix for ie8 border-radius
  // http://css3pie.com/documentation/known-issues/#z-index
  position: relative\0;

  > .@{iconfont-css-prefix} {
    line-height: 1;
  }

  &,
  &:active,
  &:focus {
    outline: 0;
  }

  &:not([disabled]):hover {
    text-decoration: none;
  }

  &:not([disabled]):active {
    outline: 0;
    .transition(none);
  }

  &.disabled,
  &[disabled] {
    cursor: @cursor-disabled;
  }

  &-lg {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @btn-border-radius-lg);
  }

  &-sm {
    .button-size(@btn-padding-sm; @font-size-base; @btn-border-radius-sm);
  }
}

// primary button style
.btn-primary() {
  .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);

  &:hover,
  &:active,
  &.active {
    color: @btn-primary-color;
  }
}

// default button style
.btn-default() {
  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);

  &:hover {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-ghost() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);

  &:hover {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-dashed() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
  border-style: dashed;

  &:hover {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// circle button: the content only contains icon
.btn-circle(@btnClassName: btn) {
  .square(@btn-circle-size);
  .button-size(0; @font-size-base + 2; 50%);

  &.@{btnClassName}-lg {
    .square(@btn-circle-size-lg);
    .button-size(0; @btn-font-size-lg + 2; 50%);
  }

  &.@{btnClassName}-sm {
    .square(@btn-circle-size-sm);
    .button-size(0; @font-size-base; 50%);
  }
}

// circle button with stroke border
.btn-circle-outline() {
  position: relative;

  &:not([disabled]):before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    .opacity(0);
    width: 100%;
    height: 100%;
    border-radius: 50% 50%;
    content: " ";
    .scale(0, 0);
    .transition(all .3s @ease-in-out);
    z-index: 0;
    background-color: @primary-color;
  }

  &:not([disabled]):hover,
  &:not([disabled]):active,
  &:not([disabled]).active {
    > .@{iconfont-css-prefix} {
      color: @btn-primary-color;
    }
  }

  &:not([disabled]):hover:before,
  &:not([disabled]):active:before,
  &:not([disabled]).active:before {
    .opacity(1);
    .scale(1, 1);
  }

  &:not([disabled]):active:before,
  &:not([disabled]).active:before {
    background-color: tint(@primary-color, 20%);
  }
}

// Horizontal button groups styl
// --------------------------------------------------
.btn-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);

  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }

  .@{btnClassName}:not(:first-child):not(:last-child) {
    border-radius: 0;
    padding-left: 7px;
    padding-right: 7px;
  }

  > .@{btnClassName}:first-child {
    margin-left: 0;
    &:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 7px;
    }
  }

  > .@{btnClassName}:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 7px;
  }

 & > & {
    float: left;
  }

 & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }

 & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 7px;
    }
  }

 & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 7px;
  }
}


delayed the visibility of the edit chat name button


JS Fwk

JS Fwk

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/rcd-systems/data-toolbox-app.git/'