Create mixins.less

Create mixins.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/jwspitznagel/jwspitznagel.github.io.git/'


strict math

strict math

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


gravity form style fixes after update

gravity form style fixes after update

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


INBOX-193 Remove the resize anchor

INBOX-193 Remove the resize anchor

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/heroandtn3/openpaas-esn.git/'


fix img overflow in posts

fix img overflow in posts

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/brian-rowe/brian-rowe-node.git/'


improve(ux): add extra margin for ios 7 safari

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/clee704/cpucoolerchart-web.git/'


added expanded subclass, used in the post editing

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


BAP-4039: User can move widgets by clicking buttons, links etc. - add padding for collapse

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/trustify/oroplatform.git/'


Remove unused mixins

Remove unused mixins

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// global variables
@space: 70px;
@txt-width: 750px;
@link: #e34; // #2ed for invert color
@bg: #fff;
@txt: #000;

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

@font-face {
  font-family: PFDTCP-M; // PFDinTextCompPro-Medium.ttf
  src: url('font.woff') format('woff');
}

.font-face {
  font-family: 'PFDTCP-M', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -.02em;
  font-size: 56px;
}

.helvetica {
  color: fade(@txt, 40%);
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
}

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: @txt;
  background: @bg;
  font-size: 28px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  max-width: 1080px;
  margin: 0 auto;
  padding: @space * 1.5 @space;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: @txt;
  .transition(~"color .5s ease, background .5s ease, opacity 1.5s ease");
}
  a:hover {
    color: @link;
    .transition(~"color .1s ease, background .1s ease, opacity .1s ease");
  }

ins {
  color: fade(@txt, 40%);
}

del {
  text-decoration: line-through;
}

::selection {
  background: fade(@txt, 5%);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: fade(@txt, 5%);
  border-bottom: 1px solid fade(@txt, 2%);
}

a[role=logo] {
  float: left;
  display: block;
  width: 33px;
  height: 38px;
  background: url(logo.svg) no-repeat 0 0;
  background-size: auto 38px; // 31px 36px
  text-indent: -9999em;
}

nav {
  .helvetica;
}

nav[role=navigation] {
  float: left;
  margin-left: 10px;
  ul {
    position: relative;
    li {
      position: absolute;
      list-style: none;
      &[role=current] {
        z-index: 9999;
      }
      &:not([role=current]) {
        opacity: 0;
      }
      a {
        padding: 3px .8em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
      }
    }
    &:hover {
      li {
        .transition(~"top .15s ease-out, opacity .6s ease-out");
        opacity: 1;
        &:nth-of-type(1) { top: 0; }
        &:nth-of-type(2) { top: 20px; }
        &:nth-of-type(3) { top: 40px; }
        &:nth-of-type(4) { top: 60px; }
        &:nth-of-type(5) { top: 80px; }
      }
    }
    @base: 12px;
    @rate: 20px;
    &.offset-home {
      top: @base;
      li { top: 0px; }
    }
    &.offset-work {
      top: @base - @rate * 1;
      li { top: @rate * 1; }
    }
    &.offset-store {
      top: @base - @rate * 2;
      li { top: @rate * 2; }
    }
    &.offset-note {
      top: @base - @rate * 3;
      li { top: @rate * 3; }
    }
    &.offset-about {
      top: @base - @rate * 4;
      li { top: @rate * 4; }
    }
  }
}

nav[role=pagination] {
  a {
    position: absolute;
    top: 245px;
    display: block;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .2em;
    background: fade(@txt, 5%);
    z-index: 9999;
    -webkit-transition: padding .1s ease;
       -moz-transition: padding .1s ease;
    [role=tooltip] {
      position: absolute;
      top: 23px;
      white-space: nowrap;
      opacity: 0;
      padding: 7px 10px;
      color: #fff;
      background: fade(@link, 95%);
      pointer-events: none;
      -webkit-transition: opacity .1s ease, padding .1s ease;
         -moz-transition: opacity .1s ease, padding .1s ease;
    }
    &:hover {
      [role=tooltip] {
        opacity: 1;
      }
    }
    &[role=next] {
      left: 0;
      [role=tooltip] {
        left: 0;
      }
      &:hover {
        padding-left: 15px;
        [role=tooltip] {
          padding-left: 15px;
        }
      }
    }
    &[role=prev] {
      right: 0;
      [role=tooltip] {
        right: 0;
      }
      &:hover {
        padding-right: 15px;
        [role=tooltip] {
          padding-right: 15px;
        }
      }
    }
  }
}

hgroup {
  .font-face;
  padding-bottom: @space * 1.5 * 2/3;
  max-width: @txt-width;
  > * {
    font-weight: normal;
  }
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: @space * 1.5;
  img, video {
    display: block;
    margin: 20px 0;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: @txt-width;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    a {
      border-bottom: 1px dotted fade(@txt, 30%); // set larger value for invert color
    }
    p {
      margin: 1em 0;
      line-height: 1.6;
    }
    h3 {
      .helvetica;
      padding: @space * 1.5 0 0;
      &:first-child {
        margin-top: -@space;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    blockquote {
      position: relative;
      padding-left: @space * .75;
      font-style: italic;
      &:before {
        position: absolute;
        top: -16px;
        left: -8px;
        content: '\201c';
        font-size: 120px;
        line-height: 1;
        color: fade(@txt, 70%);
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        z-index: -1;
        pointer-events: none;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, monospace;
      color: #68a;
    }
  }
  .note, .download {
    background-size: 40px 40px;
    padding-left: 50px;
  }
  .download {
    background: url(download.svg) no-repeat 0 0;
  }
  .note {
    background: url(note.svg) no-repeat 0 0;

  }
}

// image list in "work"
@thumb-size: 96px;
@thumb-padding: 4px;

ul[role^=work-list] {
  padding-top: 12px;
  clear: both;
  margin-left: -@thumb-padding;
  margin-right: @thumb-padding;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: @thumb-padding;
    img {
      width: @thumb-size;
      height: @thumb-size;
      // override: article img
      margin: 0;
      background: @link;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      opacity: 0;
      background: fade(@link, 90%);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
h3[role=work-list-title] {
  .helvetica;
  padding: @space * 1.5 0 20px;
  float: left;
}

// post list in "note"
div[role^=note-list] {
  // make sure the last post next to footer has the correct margin value.
  margin-top: -@space;
  section {
    h2 {
      .font-face;
      margin: -3px 0 -12px;
      max-width: @txt-width;
      font-weight: normal;
      time {
        color: fade(@txt, 30%);
      }
      // an infinite symbol next to the post date
      time + a {
        // need line-height: 0 to make vertical-align work
        line-height: 0;
        vertical-align: 3px;
      }
    }
    padding-top: @space * 1.5;
  }
}

aside {
  padding: @space 0 0;
  width: 200px;
  clear: both;
  // BuySellAds block
  .bsap {
    padding: 10px 0 @space;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        color: fade(@txt, 40%);
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
}

@media (max-width: 640px) {
  article .txt {
    font-size: 80%;
  }
}

@media (max-device-width: 480px) {
  :root {
    -webkit-text-size-adjust: none;
  }
}

@media (max-device-width: 480px) and (orientation: portrait) {
  :root {
    padding: @space * 1.5 20px;
  }
  ul[role^=work-list] {
    li {
      float: none;
      margin-bottom: @thumb-padding * 2;
      img {
        width: 100%;
        // should be 100%, but Safari for iOS has stupid bug for it.
        height: auto;
      }
      a {
        width: 100%;
        height: 100%;
        font-size: 24px;
      }
    }
  }
}

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// global variables
@space: 70px;
@txt-width: 750px;
@link: #e34; // #2ed for invert color
@bg: #fff;
@txt: #000;

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

@font-face {
  font-family: PFDTCP-M; // PFDinTextCompPro-Medium.ttf
  src: url('font.woff') format('woff');
}

.font-face {
  font-family: 'PFDTCP-M', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -.02em;
  font-size: 56px;
}

.helvetica {
  color: fade(@txt, 40%);
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
}
.rotate(@degrees) {
  -webkit-transform: rotate(@degrees);
     -moz-transform: rotate(@degrees);
}
.scale(@ratio) {
  -webkit-transform: scale(@ratio);
     -moz-transform: scale(@ratio);
}
.translate(@x, @y) {
  -webkit-transform: translate(@x, @y);
     -moz-transform: translate(@x, @y);
}
.skew(@x, @y) {
  -webkit-transform: skew(@x, @y);
     -moz-transform: skew(@x, @y);
}
.translate3d(@x, @y, @z) {
  -webkit-transform: translate(@x, @y, @z);
     -moz-transform: translate(@x, @y, @z);
}

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: @txt;
  background: @bg;
  font-size: 28px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  max-width: 1080px;
  margin: 0 auto;
  padding: @space * 1.5 @space;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: @txt;
  .transition(~"color .5s ease, background .5s ease, opacity 1.5s ease");
}
  a:hover {
    color: @link;
    .transition(~"color .1s ease, background .1s ease, opacity .1s ease");
  }

ins {
  color: fade(@txt, 40%);
}

del {
  text-decoration: line-through;
}

::selection {
  background: fade(@txt, 5%);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: fade(@txt, 5%);
  border-bottom: 1px solid fade(@txt, 2%);
}

a[role=logo] {
  float: left;
  display: block;
  width: 33px;
  height: 38px;
  background: url(logo.svg) no-repeat 0 0;
  background-size: auto 38px; // 31px 36px
  text-indent: -9999em;
}

nav {
  .helvetica;
}

nav[role=navigation] {
  float: left;
  margin-left: 10px;
  ul {
    position: relative;
    li {
      position: absolute;
      list-style: none;
      &[role=current] {
        z-index: 9999;
      }
      &:not([role=current]) {
        opacity: 0;
      }
      a {
        padding: 3px .8em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
      }
    }
    &:hover {
      li {
        .transition(~"top .15s ease-out, opacity .6s ease-out");
        opacity: 1;
        &:nth-of-type(1) { top: 0; }
        &:nth-of-type(2) { top: 20px; }
        &:nth-of-type(3) { top: 40px; }
        &:nth-of-type(4) { top: 60px; }
        &:nth-of-type(5) { top: 80px; }
      }
    }
    @base: 12px;
    @rate: 20px;
    &.offset-home {
      top: @base;
      li { top: 0px; }
    }
    &.offset-work {
      top: @base - @rate * 1;
      li { top: @rate * 1; }
    }
    &.offset-store {
      top: @base - @rate * 2;
      li { top: @rate * 2; }
    }
    &.offset-note {
      top: @base - @rate * 3;
      li { top: @rate * 3; }
    }
    &.offset-about {
      top: @base - @rate * 4;
      li { top: @rate * 4; }
    }
  }
}

nav[role=pagination] {
  a {
    position: absolute;
    top: 245px;
    display: block;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .2em;
    background: fade(@txt, 5%);
    z-index: 9999;
    -webkit-transition: padding .1s ease;
       -moz-transition: padding .1s ease;
    [role=tooltip] {
      position: absolute;
      top: 23px;
      white-space: nowrap;
      opacity: 0;
      padding: 7px 10px;
      color: #fff;
      background: fade(@link, 95%);
      pointer-events: none;
      -webkit-transition: opacity .1s ease, padding .1s ease;
         -moz-transition: opacity .1s ease, padding .1s ease;
    }
    &:hover {
      [role=tooltip] {
        opacity: 1;
      }
    }
    &[role=next] {
      left: 0;
      [role=tooltip] {
        left: 0;
      }
      &:hover {
        padding-left: 15px;
        [role=tooltip] {
          padding-left: 15px;
        }
      }
    }
    &[role=prev] {
      right: 0;
      [role=tooltip] {
        right: 0;
      }
      &:hover {
        padding-right: 15px;
        [role=tooltip] {
          padding-right: 15px;
        }
      }
    }
  }
}

hgroup {
  .font-face;
  padding-bottom: @space * 1.5 * 2/3;
  max-width: @txt-width;
  > * {
    font-weight: normal;
  }
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: @space * 1.5;
  img, video {
    display: block;
    margin: 20px 0;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: @txt-width;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    a {
      border-bottom: 1px dotted fade(@txt, 30%); // set larger value for invert color
    }
    p {
      margin: 1em 0;
      line-height: 1.6;
    }
    h3 {
      .helvetica;
      padding: @space * 1.5 0 0;
      &:first-child {
        margin-top: -@space;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    blockquote {
      position: relative;
      padding-left: @space * .75;
      font-style: italic;
      &:before {
        position: absolute;
        top: -16px;
        left: -8px;
        content: '\201c';
        font-size: 120px;
        line-height: 1;
        color: fade(@txt, 70%);
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        z-index: -1;
        pointer-events: none;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, monospace;
      color: #68a;
    }
  }
  .note, .download {
    background-size: 40px 40px;
    padding-left: 50px;
  }
  .download {
    background: url(download.svg) no-repeat 0 0;
  }
  .note {
    background: url(note.svg) no-repeat 0 0;

  }
}

// image list in "work"
@thumb-size: 96px;
@thumb-padding: 4px;

ul[role^=work-list] {
  padding-top: 12px;
  clear: both;
  margin-left: -@thumb-padding;
  margin-right: @thumb-padding;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: @thumb-padding;
    img {
      width: @thumb-size;
      height: @thumb-size;
      // override: article img
      margin: 0;
      background: @link;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      opacity: 0;
      background: fade(@link, 90%);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
h3[role=work-list-title] {
  .helvetica;
  padding: @space * 1.5 0 20px;
  float: left;
}

// post list in "note"
div[role^=note-list] {
  // make sure the last post next to footer has the correct margin value.
  margin-top: -@space;
  section {
    h2 {
      .font-face;
      margin: -3px 0 -12px;
      max-width: @txt-width;
      font-weight: normal;
      time {
        color: fade(@txt, 30%);
      }
      // an infinite symbol next to the post date
      time + a {
        // need line-height: 0 to make vertical-align work
        line-height: 0;
        vertical-align: 3px;
      }
    }
    padding-top: @space * 1.5;
  }
}

aside {
  padding: @space 0 0;
  width: 200px;
  clear: both;
  // BuySellAds block
  .bsap {
    padding: 10px 0 @space;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        color: fade(@txt, 40%);
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
}

@media (max-width: 640px) {
  article .txt {
    font-size: 80%;
  }
}

@media (max-device-width: 480px) {
  :root {
    -webkit-text-size-adjust: none;
  }
}

@media (max-device-width: 480px) and (orientation: portrait) {
  :root {
    padding: @space * 1.5 20px;
  }
  ul[role^=work-list] {
    li {
      float: none;
      margin-bottom: @thumb-padding * 2;
      img {
        width: 100%;
        // should be 100%, but Safari for iOS has stupid bug for it.
        height: auto;
      }
      a {
        width: 100%;
        height: 100%;
        font-size: 24px;
      }
    }
  }
}


Media query, iOS ready

Media query, iOS ready

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// global variables
@space: 70px;
@txt-width: 750px;
@link: #e34; // #2ed for invert color
@bg: #fff;
@txt: #000;

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

@font-face {
  font-family: PFDTCP-M; // PFDinTextCompPro-Medium.ttf
  src: url('font.woff') format('woff');
}

.font-face {
  font-family: 'PFDTCP-M', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -.02em;
  font-size: 56px;
}

.helvetica {
  color: fade(@txt, 40%);
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
}

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: @txt;
  background: @bg;
  font-size: 28px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  max-width: 1080px;
  margin: 0 auto;
  padding: @space * 1.5 @space;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: @txt;
  .transition(~"color .5s ease, background .5s ease, opacity 1.5s ease");
}
  a:hover {
    color: @link;
    .transition(~"color .1s ease, background .1s ease, opacity .1s ease");
  }

ins {
  color: fade(@txt, 40%);
}

del {
  text-decoration: line-through;
}

::selection {
  background: fade(@txt, 5%);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: fade(@txt, 5%);
  border-bottom: 1px solid fade(@txt, 2%);
}

a[role=logo] {
  float: left;
  display: block;
  width: 33px;
  height: 38px;
  background: url(logo.svg) no-repeat 0 0;
  background-size: auto 38px; // 31px 36px
  text-indent: -9999em;
}

nav {
  .helvetica;
}

nav[role=navigation] {
  float: left;
  margin-left: 10px;
  ul {
    position: relative;
    li {
      position: absolute;
      list-style: none;
      &[role=current] {
        z-index: 9999;
      }
      &:not([role=current]) {
        opacity: 0;
        pointer-events: none;
      }
      a {
        padding: 3px .8em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
      }
    }
    @base: 12px;
    @rate: 20px;
    &.nav-home {
      top: @base;
      li { top: 0px; }
    }
    &.nav-work {
      top: @base - @rate * 1;
      li { top: @rate * 1; }
    }
    &.nav-store {
      top: @base - @rate * 2;
      li { top: @rate * 2; }
    }
    &.nav-note {
      top: @base - @rate * 3;
      li { top: @rate * 3; }
    }
    &.nav-about {
      top: @base - @rate * 4;
      li { top: @rate * 4; }
    }
    &:hover {
      li {
        .transition(~"top .25s ease-out, opacity .3s ease-out .15s");
        opacity: 1;
        pointer-events: auto;
        &:nth-of-type(1) { top: 0; }
        &:nth-of-type(2) { top: 20px; }
        &:nth-of-type(3) { top: 40px; }
        &:nth-of-type(4) { top: 60px; }
        &:nth-of-type(5) { top: 80px; }
      }
    }
  }
}

nav[role=pagination] {
  a {
    position: absolute;
    top: 247px;
    display: block;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .2em;
    background: fade(@txt, 5%);
    z-index: 9999;
    -webkit-transition: padding .1s ease;
       -moz-transition: padding .1s ease;
    [role=tooltip] {
      position: absolute;
      top: 23px;
      white-space: nowrap;
      opacity: 0;
      padding: 7px 10px;
      color: #fff;
      background: fade(@link, 95%);
      pointer-events: none;
      -webkit-transition: opacity .1s ease, padding .1s ease;
         -moz-transition: opacity .1s ease, padding .1s ease;
    }
    &:hover {
      [role=tooltip] {
        opacity: 1;
      }
    }
    &[role=next] {
      left: 0;
      [role=tooltip] {
        left: 0;
      }
      &:hover {
        padding-left: 15px;
        [role=tooltip] {
          padding-left: 15px;
        }
      }
    }
    &[role=prev] {
      right: 0;
      [role=tooltip] {
        right: 0;
      }
      &:hover {
        padding-right: 15px;
        [role=tooltip] {
          padding-right: 15px;
        }
      }
    }
  }
}

hgroup {
  .font-face;
  padding-bottom: @space * 1.5 * 2/3;
  max-width: @txt-width;
  > * {
    font-weight: normal;
  }
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: @space * 1.35;
  img, video {
    display: block;
    margin: 20px 0;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: @txt-width;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    a {
      border-bottom: 1px dotted fade(@txt, 30%); // set larger value for invert color
    }
    p {
      margin: 1em 0;
      line-height: 1.6;
    }
    h3 {
      .helvetica;
      padding: @space * 1.5 0 0;
      &:first-child {
        margin-top: -@space;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    blockquote {
      position: relative;
      padding-left: @space * .75;
      font-style: italic;
      &:before {
        position: absolute;
        top: -16px;
        left: -8px;
        content: '\201c';
        font-size: 120px;
        line-height: 1;
        color: fade(@txt, 70%);
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        z-index: -1;
        pointer-events: none;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, monospace;
      color: #68a;
    }
  }
  .note, .download {
    background-size: 40px 40px;
    padding-left: 50px;
  }
  .download {
    background: url(download.svg) no-repeat 0 0;
  }
  .note {
    background: url(note.svg) no-repeat 0 0;

  }
}

// workaround solution for post with chinese
[lang=zh] .txt {
  p, li {
    text-align: justify;
  }
}

// image list in "work"
@thumb-size: 96px;
@thumb-padding: 4px;

ul[role^=work-list] {
  padding-top: 12px;
  clear: both;
  margin-left: -@thumb-padding;
  margin-right: @thumb-padding;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: @thumb-padding;
    img {
      width: @thumb-size;
      height: @thumb-size;
      // override: article img
      margin: 0;
      background: @link;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      opacity: 0;
      background: fade(@link, 90%);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
h3[role=work-list-title] {
  .helvetica;
  padding: @space * 1.5 0 20px;
  float: left;
}

// post list in "note"
div[role^=note-list] {
  // make sure the last post next to footer has the correct margin value.
  margin-top: -@space;
  section {
    h2 {
      .font-face;
      margin: -3px 0 -12px;
      max-width: @txt-width;
      font-weight: normal;
      time {
        color: fade(@txt, 30%);
      }
      // an infinite symbol next to the post date
      time + a {
        // need line-height: 0 to make vertical-align work
        line-height: 0;
        vertical-align: 3px;
      }
    }
    padding-top: @space * 1.5;
  }
}

aside {
  padding: @space 0 0;
  width: 200px;
  clear: both;
  // BuySellAds block
  .bsap {
    padding: 10px 0 @space;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        color: fade(@txt, 40%);
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
}

// small screen
@media (max-width: 640px) {
  article .txt {
    font-size: 80%;
  }
}

// all ios devices, the easy way
@media (max-device-width: 480px), (max-device-width: 1024px) {
  nav[role=navigation] {
    ul {
      position: static;
      li {
        float: left;
        position: static;
        &:not([role=current]) {
          opacity: 1;
          pointer-events: auto;
        }
        &:first-child {
          display: none;
        }
        a {
          display: block;
          padding: 12px .6em 11px;
        }
      }
    }
  }
}

// iphone
@media (max-device-width: 480px) {
  :root {
    -webkit-text-size-adjust: none;
  }
}

// iphone portrait
@media (max-device-width: 480px) and (orientation: portrait) {
  :root {
    padding: @space * 1.5 20px;
  }

  a[role=logo] {
    float: none;
  }

  nav[role=navigation] {
    float: none;
    margin-left: 0;
    margin-top: 10px;
    ul {
      li {
        float: none;
        a {
          padding: 10px 0;
        }
      }
    }
  }

  ul[role^=work-list] {
    li {
      float: none;
      margin-bottom: @thumb-padding * 2;
      img {
        width: 100%;
        // should be 100%, but Safari for iOS has stupid bug for it.
        height: auto;
      }
      a {
        width: 100%;
        height: 100%;
        font-size: 24px;
      }
    }
  }
}

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

// global variables
@space: 70px;
@txt-width: 750px;
@link: #e34; // #2ed for invert color
@bg: #fff;
@txt: #000;

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

@font-face {
  font-family: PFDTCP-M; // PFDinTextCompPro-Medium.ttf
  src: url('font.woff') format('woff');
}

.font-face {
  font-family: 'PFDTCP-M', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -.02em;
  font-size: 56px;
}

.helvetica {
  color: fade(@txt, 40%);
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .25em;
}

.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
}

// basic configurations
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: @txt;
  background: @bg;
  font-size: 28px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  max-width: 1080px;
  margin: 0 auto;
  padding: @space * 1.5 @space;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

a {
  color: @txt;
  .transition(~"color .5s ease, background .5s ease, opacity 1.5s ease");
}
  a:hover {
    color: @link;
    .transition(~"color .1s ease, background .1s ease, opacity .1s ease");
  }

ins {
  color: fade(@txt, 40%);
}

del {
  text-decoration: line-through;
}

::selection {
  background: fade(@txt, 5%);
}

// core styles begin
body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: fade(@txt, 5%);
  border-bottom: 1px solid fade(@txt, 2%);
}

a[role=logo] {
  float: left;
  display: block;
  width: 33px;
  height: 38px;
  background: url(logo.svg) no-repeat 0 0;
  background-size: auto 38px; // 31px 36px
  text-indent: -9999em;
}

nav {
  .helvetica;
}

nav[role=navigation] {
  float: left;
  margin-left: 10px;
  ul {
    position: relative;
    li {
      position: absolute;
      list-style: none;
      &[role=current] {
        z-index: 9999;
      }
      &:not([role=current]) {
        opacity: 0;
        pointer-events: none;
      }
      a {
        padding: 3px .8em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
      }
    }
    @base: 12px;
    @rate: 20px;
    &.nav-home {
      top: @base;
      li { top: 0px; }
    }
    &.nav-work {
      top: @base - @rate * 1;
      li { top: @rate * 1; }
    }
    &.nav-store {
      top: @base - @rate * 2;
      li { top: @rate * 2; }
    }
    &.nav-note {
      top: @base - @rate * 3;
      li { top: @rate * 3; }
    }
    &.nav-about {
      top: @base - @rate * 4;
      li { top: @rate * 4; }
    }
    &:hover {
      li {
        .transition(~"top .25s ease-out, opacity .3s ease-out .15s");
        opacity: 1;
        pointer-events: auto;
        &:nth-of-type(1) { top: 0; }
        &:nth-of-type(2) { top: 20px; }
        &:nth-of-type(3) { top: 40px; }
        &:nth-of-type(4) { top: 60px; }
        &:nth-of-type(5) { top: 80px; }
      }
    }
  }
}

nav[role=pagination] {
  a {
    position: absolute;
    top: 247px;
    display: block;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .2em;
    background: fade(@txt, 5%);
    z-index: 9999;
    -webkit-transition: padding .1s ease;
       -moz-transition: padding .1s ease;
    [role=tooltip] {
      position: absolute;
      top: 23px;
      white-space: nowrap;
      opacity: 0;
      padding: 7px 10px;
      color: #fff;
      background: fade(@link, 95%);
      pointer-events: none;
      -webkit-transition: opacity .1s ease, padding .1s ease;
         -moz-transition: opacity .1s ease, padding .1s ease;
    }
    &:hover {
      [role=tooltip] {
        opacity: 1;
      }
    }
    &[role=next] {
      left: 0;
      [role=tooltip] {
        left: 0;
      }
      &:hover {
        padding-left: 15px;
        [role=tooltip] {
          padding-left: 15px;
        }
      }
    }
    &[role=prev] {
      right: 0;
      [role=tooltip] {
        right: 0;
      }
      &:hover {
        padding-right: 15px;
        [role=tooltip] {
          padding-right: 15px;
        }
      }
    }
  }
}

hgroup {
  .font-face;
  padding-bottom: @space * 1.5 * 2/3;
  max-width: @txt-width;
  > * {
    font-weight: normal;
  }
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: @space * 1.5;
  img, video {
    display: block;
    margin: 20px 0;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: @txt-width;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    a {
      border-bottom: 1px dotted fade(@txt, 30%); // set larger value for invert color
    }
    p {
      margin: 1em 0;
      line-height: 1.6;
    }
    h3 {
      .helvetica;
      padding: @space * 1.5 0 0;
      &:first-child {
        margin-top: -@space;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    blockquote {
      position: relative;
      padding-left: @space * .75;
      font-style: italic;
      &:before {
        position: absolute;
        top: -16px;
        left: -8px;
        content: '\201c';
        font-size: 120px;
        line-height: 1;
        color: fade(@txt, 70%);
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        z-index: -1;
        pointer-events: none;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, monospace;
      color: #68a;
    }
  }
  .note, .download {
    background-size: 40px 40px;
    padding-left: 50px;
  }
  .download {
    background: url(download.svg) no-repeat 0 0;
  }
  .note {
    background: url(note.svg) no-repeat 0 0;

  }
}

// workaround solution for post with chinese
[lang=zh] .txt {
  p, li {
    text-align: justify;
  }
}

// image list in "work"
@thumb-size: 96px;
@thumb-padding: 4px;

ul[role^=work-list] {
  padding-top: 12px;
  clear: both;
  margin-left: -@thumb-padding;
  margin-right: @thumb-padding;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: @thumb-padding;
    img {
      width: @thumb-size;
      height: @thumb-size;
      // override: article img
      margin: 0;
      background: @link;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      opacity: 0;
      background: fade(@link, 90%);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
h3[role=work-list-title] {
  .helvetica;
  padding: @space * 1.5 0 20px;
  float: left;
}

// post list in "note"
div[role^=note-list] {
  // make sure the last post next to footer has the correct margin value.
  margin-top: -@space;
  section {
    h2 {
      .font-face;
      margin: -3px 0 -12px;
      max-width: @txt-width;
      font-weight: normal;
      time {
        color: fade(@txt, 30%);
      }
      // an infinite symbol next to the post date
      time + a {
        // need line-height: 0 to make vertical-align work
        line-height: 0;
        vertical-align: 3px;
      }
    }
    padding-top: @space * 1.5;
  }
}

aside {
  padding: @space 0 0;
  width: 200px;
  clear: both;
  // BuySellAds block
  .bsap {
    padding: 10px 0 @space;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        color: fade(@txt, 40%);
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
}

@media (max-width: 640px) {
  article .txt {
    font-size: 80%;
  }
}

@media (max-device-width: 480px) {
  :root {
    -webkit-text-size-adjust: none;
  }
}

@media (max-device-width: 480px) and (orientation: portrait) {
  :root {
    padding: @space * 1.5 20px;
  }
  ul[role^=work-list] {
    li {
      float: none;
      margin-bottom: @thumb-padding * 2;
      img {
        width: 100%;
        // should be 100%, but Safari for iOS has stupid bug for it.
        height: auto;
      }
      a {
        width: 100%;
        height: 100%;
        font-size: 24px;
      }
    }
  }
}


Use tilde alias in imports

Use tilde alias in imports

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-bootstrap-dropdown-position.git/'


Added less file for kbOverlay (and spinner).

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


Line spacing regression in preferences panel

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/jonathansampson/browser-laptop.git/'


Fixes: U4-4549 Related Links "New Window" checkbox has css "display: none"

// Listview
// -------------------------

.umb-listview{width: auto !important;}
.umb-listview .dropdown-menu {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: @black;
  background: @grayLighter;
}

.umb-listview table {
	border: 1px solid @grayLight;
}

.umb-listview table caption {
  background: @white;
  text-align: left;
  vertical-align: middle;
}

.umb-sub-header {
  padding: 0 0 20px 0
}

.umb-listview table form {
  position: relative;
  margin: 0
}

.umb-listview table form .icon-search {
  position: absolute;
  top: 8px;
  left:5px;
  color: @gray
}

.umb-listview table input[type="text"] {
  background: none;
  border: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  width: 60px;
  padding: 4px 0 4px 20px;
  border: 1px solid @grayLighter
}

.umb-listview table input::-webkit-input-placeholder {
   color: @gray;
}

.umb-listview table input:-moz-placeholder {
   color: @gray;
}

.umb-listview table input::-moz-placeholder {
   color: @gray;
}

.umb-listview table input:-ms-input-placeholder
 {
   color: @gray;
}

.umb-listview table input[type="text"]:focus {
  width: 200px;
  border: 1px solid @grayLight;
  background: @white;
  color: @black
}

.umb-listview .icon-star {
  color: @grayLight
}

.umb-listview .selected i.icon, .umb-listview tr:hover i.icon{display: none}
.umb-listview .selected input[type="checkbox"], .umb-listview tr:hover input[type="checkbox"]{display: inline-block;}
.umb-listview .inactive{color: @grayLight;}

.umb-listview .selected td{font-weight: bold;}

.umb-listview table thead {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: @grayLighter;
}

.umb-listview table tfoot {
	background: @grayLighter;
}

.umb-listview table tfoot td:last-child {
  border-left: none
}

.umb-listview table tfoot th {
	padding: 0 20px;
}

.umb-listview .label {
  color: @black;
  text-shadow:none;
  background: @grayLighter;
  border: 1px solid @grayLight;
  font-size: 11px;
  font-weight: 400
}

.umb-listview .table-striped tbody > tr:nth-child(even) > td, .umb-listview .table-striped tbody > tr:nth-child(even) > th {
  background-color: @grayLighter
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background: none
}

.umb-listview .pagination {
  margin: 0;
}

.umb-listview .table th {
  font-weight: normal
}

.umb-listview .showing {
  padding: 8px 4px 2px 4px;
  background: none;
  font-size: 11px;
  color: #b0b0b0
}

.umb-listview .pagination ul {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  background: none
}

.umb-listview .pagination ul > li > a, .pagination ul > li > span {
  border:none;
  padding: 8px 4px 2px 4px;
  background: none;
  font-size: 11px;
  color: #b0b0b0
}

.umb-listview .pagination ul > li.active > a, .umb-listview .pagination ul > li > a:hover {
  color: @black;
}

/* TEMP */

.umb-listview .table-striped tbody td {
  position: relative
}

.umb-listview  .table-striped tbody input[type="checkbox"] {
  display: none;
  top: 10px;
  left:10px;
  z-index: 5;
}

.umb-listview .table-striped tbody i {
  display: block;
  top: 10px;
  left:6px;
  padding: 0 0 0 4px;
  z-index: 6;
  background: @white;
  width: 20px;
  height: 20px;
}

.umb-listview .table-striped tbody > tr:nth-child(even) > td i, .umb-listview .table-striped tbody > tr:nth-child(even) > th i{
  background-color: @grayLighter
}

.table-striped tbody i:hover {
  display: none !important
}

// Listview
// -------------------------

.umb-listview{width: auto !important;}
.umb-listview .dropdown-menu {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: @black;
  background: @grayLighter;
}

.umb-listview table {
	border: 1px solid @grayLight;
}

.umb-listview table caption {
  background: @white;
  text-align: left;
  vertical-align: middle;
}

.umb-sub-header {
  padding: 0 0 20px 0
}

.umb-listview table form {
  position: relative;
  margin: 0
}

.umb-listview table form .icon-search {
  position: absolute;
  top: 8px;
  left:5px;
  color: @gray
}

.umb-listview table input[type="text"] {
  background: none;
  border: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  width: 60px;
  padding: 4px 0 4px 20px;
  border: 1px solid @grayLighter
}

.umb-listview table input::-webkit-input-placeholder {
   color: @gray;
}

.umb-listview table input:-moz-placeholder {
   color: @gray;
}

.umb-listview table input::-moz-placeholder {
   color: @gray;
}

.umb-listview table input:-ms-input-placeholder
 {
   color: @gray;
}

.umb-listview table input[type="text"]:focus {
  width: 200px;
  border: 1px solid @grayLight;
  background: @white;
  color: @black
}

.umb-listview .icon-star {
  color: @grayLight
}

.umb-listview .selected i.icon, .umb-listview tr:hover i.icon{display: none}
.umb-listview .selected input[type="checkbox"], .umb-listview tr:hover input[type="checkbox"]{display: inline-block;}
.umb-listview .inactive{color: @grayLight;}

.umb-listview .selected td{font-weight: bold;}

.umb-listview table thead {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: @grayLighter;
}

.umb-listview table tfoot {
	background: @grayLighter;
}

.umb-listview table tfoot td:last-child {
  border-left: none
}

.umb-listview table tfoot th {
	padding: 0 20px;
}

.umb-listview .label {
  color: @black;
  text-shadow:none;
  background: @grayLighter;
  border: 1px solid @grayLight;
  font-size: 11px;
  font-weight: 400
}

.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
  background-color: @grayLighter
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background: none
}

.umb-listview .pagination {
  margin: 0;
}

.umb-listview .table th {
  font-weight: normal
}

.umb-listview .showing {
  padding: 8px 4px 2px 4px;
  background: none;
  font-size: 11px;
  color: #b0b0b0
}

.umb-listview .pagination ul {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  background: none
}

.umb-listview .pagination ul > li > a, .pagination ul > li > span {
  border:none;
  padding: 8px 4px 2px 4px;
  background: none;
  font-size: 11px;
  color: #b0b0b0
}

.umb-listview .pagination ul > li.active > a, .umb-listview .pagination ul > li > a:hover {
  color: @black;
}

/* TEMP */

.table-striped tbody td {
  position: relative
}

.table-striped tbody input[type="checkbox"] {
  display: none;
  top: 10px;
  left:10px;
  z-index: 5;
}

.table-striped tbody i {
  display: block;
  top: 10px;
  left:6px;
  padding: 0 0 0 4px;
  z-index: 6;
  background: @white;
  width: 20px;
  height: 20px;
}

.table-striped tbody > tr:nth-child(even) > td i, .table-striped tbody > tr:nth-child(even) > th i{
  background-color: @grayLighter
}

.table-striped tbody i:hover {
  display: none !important
}


Fixed a margin

Fixed a margin

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/Quinten/supernapietheme.git/'


add function.toggleNext.less

add function.toggleNext.less

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


cleaned up less styles

cleaned up less styles

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


Create core.less

Create core.less

.clear-float() {
	content:' ';
	display:table;
}

.clear-float-after(){
	clear:both;
}

.shadow-extra-small() {
    .box-shadow(0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24));
}

.shadow-small() {
    .box-shadow(0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23));
}

.shadow-medium() {
    .box-shadow(0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23));
}

.shadow-large() {
    .box-shadow(0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22));
}

.shadow-extra-large() {
    .box-shadow(0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22));
}

.shadow-extra-small-inset(){
    .box-shadow(inset 0 1px 3px rgba(0,0,0,0.3));
}

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


styles for collaboration block

styles for collaboration block


position login button for header layouts

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


Remove unused styling

Remove unused styling

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


increased space for description

increased space for description


Update static/vendors/bootstrap/less/navbar.less

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

//
// Navbars
// --------------------------------------------------

// Wrapper and base class
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.

.navbar {
  position: relative;
  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
  margin-bottom: @navbar-margin-bottom;
  border: 1px solid transparent;

  // Prevent floats from breaking the navbar
  &:extend(.clearfix all);

  @media (min-width: @grid-float-breakpoint) {
    border-radius: @navbar-border-radius;
  }
}

// Navbar heading
//
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
// styling of responsive aspects.

.navbar-header {
  &:extend(.clearfix all);

  @media (min-width: @grid-float-breakpoint) {
    float: left;
  }
}

// Navbar collapse (body)
//
// Group your navbar content into this for easy collapsing and expanding across
// various device sizes. By default, this content is collapsed when <768px, but
// will expand past that for a horizontal display.
//
// To start (on mobile devices) the navbar links, forms, and buttons are stacked
// vertically and include a `max-height` to overflow in case you have too much
// content for the user's viewport.

.navbar-collapse {
  overflow-x: visible;
  padding-right: @navbar-padding-horizontal;
  padding-left:  @navbar-padding-horizontal;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  &:extend(.clearfix all);
  -webkit-overflow-scrolling: touch;

  &.in {
    overflow-y: auto;
  }

  @media (min-width: @grid-float-breakpoint) {
    width: auto;
    border-top: 0;
    box-shadow: none;

    &.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0; // Override default setting
      overflow: visible !important;
    }

    &.in {
      overflow-y: visible;
    }

    // Undo the collapse side padding for navbars with containers to ensure
    // alignment of right-aligned contents.
    .navbar-fixed-top &,
    .navbar-static-top &,
    .navbar-fixed-bottom & {
      padding-left: 0;
      padding-right: 0;
    }
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  .navbar-collapse {
    max-height: @navbar-collapse-max-height;

    @media (max-device-width: @screen-xs-min) and (orientation: landscape) {
      max-height: 200px;
    }
  }
}

// Both navbar header and collapse
//
// When a container is present, change the behavior of the header and collapse.

.container,
.container-fluid {
  > .navbar-header,
  > .navbar-collapse {
    margin-right: -@navbar-padding-horizontal;
    margin-left:  -@navbar-padding-horizontal;

    @media (min-width: @grid-float-breakpoint) {
      margin-right: 0;
      margin-left:  0;
    }
  }
}

//
// Navbar alignment options
//
// Display the navbar across the entirety of the page or fixed it to the top or
// bottom of the page.

// Static top (unfixed, but 100% wide) navbar
.navbar-static-top {
  z-index: @zindex-navbar;
  border-width: 0 0 1px;

  @media (min-width: @grid-float-breakpoint) {
    border-radius: 0;
  }
}

// Fix the top/bottom navbars when screen real estate supports it
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: @zindex-navbar-fixed;

  // Undo the rounded corners
  @media (min-width: @grid-float-breakpoint) {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0; // override .navbar defaults
  border-width: 1px 0 0;
}

// Brand/project name

.navbar-brand {
  float: left;
  padding: @navbar-padding-vertical @navbar-padding-horizontal;
  font-size: @font-size-large;
  line-height: @line-height-computed;
  height: @navbar-height;

  &:hover,
  &:focus {
    text-decoration: none;
  }

  > img {
    display: block;
  }

  @media (min-width: @grid-float-breakpoint) {
    .navbar > .container &,
    .navbar > .container-fluid & {
      margin-left: -@navbar-padding-horizontal;
    }
  }
}

// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: @navbar-padding-horizontal;
  padding: 9px 10px;
  .navbar-vertical-align(34px);
  background-color: transparent;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  border-radius: @border-radius-base;

  // We remove the `outline` here, but later compensate by attaching `:hover`
  // styles to `:focus`.
  &:focus {
    outline: 0;
  }

  // Bars
  .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  @media (min-width: @grid-float-breakpoint) {
    display: none;
  }
}

// Navbar nav links
//
// Builds on top of the `.nav` components with its own modifier class to make
// the nav the full height of the horizontal nav (above 768px).

.navbar-nav {
  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;

  > li > a {
    padding-top:    10px;
    padding-bottom: 10px;
    line-height: @line-height-computed;
  }

  @media (max-width: @grid-float-breakpoint-max) {
    // Dropdowns get custom display when collapsed
    .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
      > li > a,
      .dropdown-header {
        padding: 5px 15px 5px 25px;
      }
      > li > a {
        line-height: @line-height-computed;
        &:hover,
        &:focus {
          background-image: none;
        }
      }
    }
  }

  // Uncollapse the nav
  @media (min-width: @grid-float-breakpoint) {
    float: left;
    margin: 0;

    > li {
      float: left;
      > a {
        padding-top:    @navbar-padding-vertical;
        padding-bottom: @navbar-padding-vertical;
      }
    }
  }
}

// Navbar form
//
// Extension of the `.form-inline` with some extra flavor for optimum display in
// our navbars.

.navbar-form {
  margin-left: -@navbar-padding-horizontal;
  margin-right: -@navbar-padding-horizontal;
  padding: 10px @navbar-padding-horizontal;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  .box-shadow(@shadow);

  // Mixin behavior for optimum display
  .form-inline();

  .form-group {
    @media (max-width: @grid-float-breakpoint-max) {
      margin-bottom: 5px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  // Vertically center in expanded, horizontal navbar
  .navbar-vertical-align(@input-height-base);

  // Undo 100% width for pull classes
  @media (min-width: @grid-float-breakpoint) {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    .box-shadow(none);
  }
}

// Dropdown menus

// Menu position and menu carets
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  .border-top-radius(0);
}
// Menu position and menu caret support for dropups via extra dropup class
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  .border-top-radius(@navbar-border-radius);
  .border-bottom-radius(0);
}

// Buttons in navbars
//
// Vertically center a button within a navbar (when *not* in a form).

.navbar-btn {
  .navbar-vertical-align(@input-height-base);

  &.btn-sm {
    .navbar-vertical-align(@input-height-small);
  }
  &.btn-xs {
    .navbar-vertical-align(22);
  }
}

// Text in navbars
//
// Add a class to make any element properly align itself vertically within the navbars.

.navbar-text {
  .navbar-vertical-align(@line-height-computed);

  @media (min-width: @grid-float-breakpoint) {
    float: left;
    margin-left: @navbar-padding-horizontal;
    margin-right: @navbar-padding-horizontal;
  }
}

// Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
//
// Declared after the navbar components to ensure more specificity on the margins.

@media (min-width: @grid-float-breakpoint) {
  .navbar-left  { .pull-left(); }
  .navbar-right {
    .pull-right();
    margin-right: -@navbar-padding-horizontal;

    ~ .navbar-right {
      margin-right: 0;
    }
  }
}

// Alternate navbars
// --------------------------------------------------

// Default navbar
.navbar-default {
  background-color: @navbar-default-bg;
  border-color: @navbar-default-border;

  .navbar-brand {
    color: @navbar-default-brand-color;
    &:hover,
    &:focus {
      color: @navbar-default-brand-hover-color;
      background-color: @navbar-default-brand-hover-bg;
    }
  }

  .navbar-text {
    color: @navbar-default-color;
  }

  .navbar-nav {
    > li > a {
      color: @navbar-default-link-color;

      &:hover,
      &:focus {
        color: @navbar-default-link-hover-color;
        background-color: @navbar-default-link-hover-bg;
      }
    }
    > .active > a {
      &,
      &:hover,
      &:focus {
        color: @navbar-default-link-active-color;
        background-color: @navbar-default-link-active-bg;
      }
    }
    > .disabled > a {
      &,
      &:hover,
      &:focus {
        color: @navbar-default-link-disabled-color;
        background-color: @navbar-default-link-disabled-bg;
      }
    }
  }

  .navbar-toggle {
    border-color: @navbar-default-toggle-border-color;
    &:hover,
    &:focus {
      background-color: @navbar-default-toggle-hover-bg;
    }
    .icon-bar {
      background-color: @navbar-default-toggle-icon-bar-bg;
    }
  }

  .navbar-collapse,
  .navbar-form {
    border-color: @navbar-default-border;
  }

  // Dropdown menu items
  .navbar-nav {
    // Remove background color from open dropdown
    > .open > a {
      &,
      &:hover,
      &:focus {
        background-color: @navbar-default-link-active-bg;
        color: @navbar-default-link-active-color;
      }
    }

    @media (max-width: @grid-float-breakpoint-max) {
      // Dropdowns get custom display when collapsed
      .open .dropdown-menu {
        > li > a {
          color: @navbar-default-link-color;
          &:hover,
          &:focus {
            color: @navbar-default-link-hover-color;
            background-color: @navbar-default-link-hover-bg;
          }
        }
        > .active > a {
          &,
          &:hover,
          &:focus {
            color: @navbar-default-link-active-color;
            background-color: @navbar-default-link-active-bg;
          }
        }
        > .disabled > a {
          &,
          &:hover,
          &:focus {
            color: @navbar-default-link-disabled-color;
            background-color: @navbar-default-link-disabled-bg;
          }
        }
      }
    }
  }

  // Links in navbars
  //
  // Add a class to ensure links outside the navbar nav are colored correctly.

  .navbar-link {
    color: @navbar-default-link-color;
    &:hover {
      color: @navbar-default-link-hover-color;
    }
  }

  .btn-link {
    color: @navbar-default-link-color;
    &:hover,
    &:focus {
      color: @navbar-default-link-hover-color;
    }
    &[disabled],
    fieldset[disabled] & {
      &:hover,
      &:focus {
        color: @navbar-default-link-disabled-color;
      }
    }
  }
}

// Inverse navbar

.navbar-inverse {
  background-color: @navbar-inverse-bg;
  border-color: @navbar-inverse-border;

  .navbar-brand {
    color: @navbar-inverse-brand-color;
    &:hover,
    &:focus {
      color: @navbar-inverse-brand-hover-color;
      background-color: @navbar-inverse-brand-hover-bg;
    }
  }

  .navbar-text {
    color: @navbar-inverse-color;
  }

  .navbar-nav {
    > li > a {
      color: @navbar-inverse-link-color;

      &:hover,
      &:focus {
        color: @navbar-inverse-link-hover-color;
        background-color: @navbar-inverse-link-hover-bg;
      }
    }
    > .active > a {
      &,
      &:hover,
      &:focus {
        color: @navbar-inverse-link-active-color;
        background-color: @navbar-inverse-link-active-bg;
      }
    }
    > .disabled > a {
      &,
      &:hover,
      &:focus {
        color: @navbar-inverse-link-disabled-color;
        background-color: @navbar-inverse-link-disabled-bg;
      }
    }
  }

  // Darken the responsive nav toggle
  .navbar-toggle {
    border-color: @navbar-inverse-toggle-border-color;
    &:hover,
    &:focus {
      background-color: @navbar-inverse-toggle-hover-bg;
    }
    .icon-bar {
      background-color: @navbar-inverse-toggle-icon-bar-bg;
    }
  }

  .navbar-collapse,
  .navbar-form {
    border-color: darken(@navbar-inverse-bg, 7%);
  }

  // Dropdowns
  .navbar-nav {
    > .open > a {
      &,
      &:hover,
      &:focus {
        background-color: @navbar-inverse-link-active-bg;
        color: @navbar-inverse-link-active-color;
      }
    }

    @media (max-width: @grid-float-breakpoint-max) {
      // Dropdowns get custom display
      .open .dropdown-menu {
        > .dropdown-header {
          border-color: @navbar-inverse-border;
        }
        .divider {
          background-color: @navbar-inverse-border;
        }
        > li > a {
          color: @navbar-inverse-link-color;
          &:hover,
          &:focus {
            color: @navbar-inverse-link-hover-color;
            background-color: @navbar-inverse-link-hover-bg;
          }
        }
        > .active > a {
          &,
          &:hover,
          &:focus {
            color: @navbar-inverse-link-active-color;
            background-color: @navbar-inverse-link-active-bg;
          }
        }
        > .disabled > a {
          &,
          &:hover,
          &:focus {
            color: @navbar-inverse-link-disabled-color;
            background-color: @navbar-inverse-link-disabled-bg;
          }
        }
      }
    }
  }

  .navbar-link {
    color: @navbar-inverse-link-color;
    &:hover {
      color: @navbar-inverse-link-hover-color;
    }
  }

  .btn-link {
    color: @navbar-inverse-link-color;
    &:hover,
    &:focus {
      color: @navbar-inverse-link-hover-color;
    }
    &[disabled],
    fieldset[disabled] & {
      &:hover,
      &:focus {
        color: @navbar-inverse-link-disabled-color;
      }
    }
  }
}

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


Components: added media-grid

Components: added media-grid

#typro {
	.media-grid--cols(@num) {
		.media-grid__item {
			width: 100% / @num;
			float: left;
		}

		.media-grid__item:nth-of-type(@{num}n + 1) {
			clear: both;
		}
	}
}

.media-grid {
	display: block;
	overflow: hidden;
}

.media-grid--1cols {
	.media-grid__item {
		float: none;
		width: 100%;
	}
}

.media-grid--2cols {
	#typro.media-grid--cols(2);
}

.media-grid--3cols {
	#typro.media-grid--cols(3);
}

.media-grid--4cols {
	#typro.media-grid--cols(4);
}

.media-grid--5cols {
	#typro.media-grid--cols(5);
}

.media-grid__item {
	display: block;
}

error: pathspec 'components/media-grid.less' did not match any file(s) known to git


add fixed animation

add fixed animation

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


update links colors

update links colors

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


Fixed inactive late cell background color, when occurring on holiday/today

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/stxnext/intranet-open.git/'


Added product styles for `html.product`.

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/gmist/five-studio2.git/'


Fix cursor style for day of the week title in date picker

/** override bootstrap.css **/
.modal-backdrop, .modal-backdrop.fade.in {
    .opacity(50); /** default backdrop opacity is 80% **/
}

/** override select2.css **/
@select2-border-radius: 3px;
@select2-image-path: "../javascripts/lib/select2";

.select2-container {
    .avatar-wrap { margin-top:0; }

    text-align:left;
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.15);

    .border-radius(@select2-border-radius);
    .box-shadow(0 1px 0 rgba(0,0,0,0.05));
    .transition(all 0.3s ease);

    &:hover {
        background-color:#e6e6e6;
        .transition(all 0.1s linear);
    }

    .select2-choice {
        padding:1px 0 1px 12px;
        border:none;
        .border-radius(@select2-border-radius);

        background-color:transparent;
        background-image:none;
        filter:none;

        > .select2-chosen {
            white-space: nowrap;
        }

        .select2-arrow {
            width:auto;
            padding:4px 9px;
            .border-radius(0 @select2-border-radius @select2-border-radius 0);
            border-left:none;
            background:transparent;
            background-image:none;
            filter:none;

            b {
                display: inline-block;
                width: 0;
                height: 0;
                vertical-align: top;
                border-top: 4px solid #4f4f4f;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
                content: "";
                margin-top: 8px;
                margin-left: 0;
            }
        }

        abbr {
            top:7px;
        }
    }

    &.select2-drop-above {
        .select2-choice {
            .border-radius(0 0 @select2-border-radius @select2-border-radius);
        }
    }

    &.select2-container-disabled {
        color:#333 !important;
        border:1px solid rgba(0,0,0,0.22);

        &:hover {
            background-color:#e6e6e6;
        }

        .box-shadow(none);
        .opacity(35);

        .select2-choice {
            background-color:#e6e6e6;
            border:none;

            .select2-arrow {
                background-color:#e6e6e6;
                b { border-top-color:#aaa; }
            }
        }
    }

    &.select2-dropdown-open {
        .select2-choice {
            .border-radius(@select2-border-radius @select2-border-radius 0 0);
        }
    }

    &.fullsize {
        width:100% !important;
    }
}

.select2-results {
    max-height: 350px;
    padding:4px; margin:4px 0 0 0;

    li { margin-bottom:1px; }

    .avatar-wrap { margin-top:0; }

    .select2-highlighted {
        background: @secondary;
        color: #fff;

        .loginid { color:#fff; }
    }

    .select2-result-label {
        padding:3px 7px 4px 8px;
        white-space: nowrap;
    }

    .select2-no-results,
    .select2-searching,
    .select2-selection-limit {
        padding:3px 7px 4px 8px;
        background:#fafafa; color:#aaa;
    }

    .select2-result-with-children {
        border-top:1px solid #eee;
        padding-top:4px; margin-top:4px;
    }
}

.select2-drop {
    border:1px solid rgba(0,0,0,0.15);
    border-top: none;
    .border-radius(0 0 @select2-border-radius @select2-border-radius);
    .box-shadow(0 1px 0 rgba(0,0,0,.05));

    &.select2-drop-above {
        border-top:1px solid rgba(0,0,0,0.15);
        .border-radius(@select2-border-radius @select2-border-radius 0 0);
        .box-shadow(0 -2px 0 rgba(0,0,0,0.05));

        &.select2-drop-active {
            border:1px solid rgba(0,0,0,0.15);
            border-top:0; border-bottom:0;
        }
    }

    &.select2-drop-active {
        border:1px solid rgba(0,0,0,0.15);
        border-top:0;
    }
}

.select2-drop-auto-width {
    border-top:1px solid rgba(0,0,0,0.15);
}

.select2-search {
    margin-top:4px;

    input {
        border: 1px solid rgba(0,0,0,0.15);
        background: #fff url('@{select2-image-path}/select2.png') no-repeat 100% -22px;

        &.select2-active {
            background: #fff url('@{select2-image-path}/select2-spinner.gif') no-repeat 100%;
        }
    }
}

.select2-container-active .select2-choices {
    border: 1px solid rgba(0,0,0,0.15);
    outline: none;
    .box-shadow(none);
}

.select2-dropdown-open {
    .select2-choice {
        border-bottom-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-color:inherit;
        background-image:none;
        filter:none;
        .box-shadow(none);
    }

    &.select2-drop-above {
        border-top:1px solid transparent;
        .border-radius(0 0 @select2-border-radius @select2-border-radius);

        .select2-choice, .select2-choices {
            border: none;
            background-color:transparent;
            background-image:none;
            filter:none;
        }
    }
}

.select2-container-multi {
    .select2-choices {
        background: none;
        filter: none;
        border: none;

        .select2-search-choice {
            border: none;
            background-image:none;
            filter:none;
        }

        .select2-search-field input {
            font-family:@base-font-family !important;
            padding:3px 5px;
        }
    }

    &.issue-labels {
        border:none;
        .box-shadow(none);

        &.bordered {
            border:1px solid #ddd;

            &:hover,
            &.select2-container-active {
                border:1px solid #ddd;
            }
        }

        .select2-choices {
            .select2-search-choice {
                background:transparent;
                filter:none;
                border:none;
                .box-shadow(none);
                padding:3px 18px 3px 5px;
            }

            .select2-search-choice-close {
                top:6px; right:3px; left:auto;
                .opacity(0);
            }
        }

        &:hover,
        &.select2-container-active {
            border:none;
            background:transparent;

            .select2-choices {
                border:none;
            }
            .select2-choices .select2-search-choice-close {
                .opacity(100);
            }

            .select2-search-choice:hover {
                background:#e6e6e6;
            }
        }
        .select2-search-choice-focus .select2-search-choice-close {
            .opacity(100);
        }
    }

    &.select2-container-active {
        .select2-choices {
            border: 1px solid rgba(0,0,0,0.15);
            border-bottom:0;
            background-image:none;
            outline:none;
            .box-shadow(none);
        }
    }

    &.select2-container-disabled {
        .select2-choices {
            border:none;
        }
    }
}
.select2-drop.issue-labels {
    min-width:220px;
    border-top:1px solid rgba(0,0,0,0.15);
    .box-shadow(0 2px 4px rgba(0,0,0,0.2));
    .border-radius(3px);

    .select2-results {
        min-width: 200px;
    }
    .select2-result-with-children > .select2-result-label {
        padding: 10px 7px;
    }
    .select2-result-with-children > .select2-result-label:first-of-type {
        padding-top: 0;
    }
    .select2-result-with-children > .select2-result-sub > li:last-of-type {
        margin-bottom: 10px;
    }
}
li.select2-result-with-children:first-of-type {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.label {
  border-radius: 1px;
}
.select2-without-searchbox .select2-search {
    display: none;
}
.select2-drop.branches {
    width: auto !important;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    .box-shadow(2px 2px 0 rgba(0, 0, 0, 0.05));
    .border-radius(3px);

    .select2-results {
        width: auto;
    }
}
.select2-result-label .issue-label {
    display: block;
    margin-right: 15px;
}

.pika-table abbr[title] {
    cursor: default;
}


Simplify markup for button-group component

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


fixing url

fixing url

// To set a specific path for your resources just overwrite the variale here
// Yeah, global scope :)

@bower-path: '../../bower_components';
@bootstrap-path: '../../../bootstrap';
@hytech-path: '/';

error: pathspec 'src/less/globals/_resource-paths.less' did not match any file(s) known to git