Nicer OAuth configuration dialog with bootstrap

Apparently, bootstrap sets all <label> elements to have display: block,
which borkes the layout on our OAuth configuration dialogs. So,
let's just make those <label> elements be display: inline within
that dialog.

Tested on an app with and without bootstrap.

//////////////////// MIXINS

// Minimal, well-documented, general-purpose CSS mixins.
// (Some are same as Bootstrap.)

////////// Box-Sizing: Border-Box

// Setting `box-sizing: border-box` on an element causes the CSS
// layout algorithm to interpret `width` and `height` declarations
// as referring to the size of the border box (outside the border),
// not the content box as usual (inside the padding).
//
// This is especially useful for stretching a form element to the
// width of its container even if the form element has arbitrary
// padding and borders, which can be done using `width: 100%`.
//
// Browser support is IE 8+ and all modern browsers, with the caveat
// that `-moz-box-sizing` in Firefox is considered to have some
// buggy or non-compliant behavior.  For example, min/max-width/height
// may not interact correctly. See
// https://bugzilla.mozilla.org/show_bug.cgi?id=243412.
.box-sizing-by-border () {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

////////// Box-Shadow

.box-shadow (...) {
  box-shadow: @arguments;
  -webkit-box-shadow: @arguments; // For Android
}

////////// Unselectable

.unselectable () {
  -webkit-user-select: none; // Chrome/Safari
  -moz-user-select: none; // Firefox
  -ms-user-select: none; // IE10+

  // These delarations not implemented in browsers yet:
  -o-user-select: none;
  user-select: none;

  // In IE <= 9 and Opera, need unselectable="on" in the HTML.
}

//////////////////// LOGIN BUTTONS

@login-buttons-accounts-dialog-width: 250px;
@login-buttons-color: #596595;
@login-buttons-color-border: darken(@login-buttons-color, 10%);
@login-buttons-color-active: lighten(@login-buttons-color, 10%);
@login-buttons-color-active-border: darken(@login-buttons-color-active, 10%);

@login-buttons-config-color: darken(#f53, 10%);
@login-buttons-config-color-border: darken(@login-buttons-config-color, 10%);
@login-buttons-config-color-active: lighten(@login-buttons-config-color, 10%);
@login-buttons-config-color-active-border: darken(@login-buttons-config-color-active, 10%);

#login-buttons {

  display: inline-block;
  margin-right: 0.2px; // Fixes display on IE8: http://www.compsoft.co.uk/Blog/2009/11/inline-block-not-quite-inline-blocking.html

  // This seems to keep the height of the line from
  // being sensitive to the presence of the unicode down arrow,
  // which otherwise bumps the baseline down by 1px.
  line-height: 1;

  .login-button {
    position: relative; // so that we can position the image absolutely within the button
  }

  .login-buttons-with-only-one-button {
    display: inline-block;
    .login-button { display: inline-block; }
    .login-text-and-button {
      display: inline-block;
    }
  }

  .login-display-name {
    display: inline-block;
    padding-right: 2px;
    line-height: 1.5;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .loading {
    line-height: 1;
    background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

#login-buttons .login-button, .accounts-dialog .login-button {
  cursor: pointer;
  .unselectable();
  padding: 4px 8px;

  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;

  text-align: center;
  color: #fff;

  background: @login-buttons-color;
  border: 1px solid @login-buttons-color-border;

  border-radius: 4px;

  &:hover {
    background: @login-buttons-color-active;
  }
  &:active {
    background: @login-buttons-color-active;
    .box-shadow(0 2px 3px 0 rgba(0, 0, 0, 0.2) inset);
  }

  &.login-button-disabled, &.login-button-disabled:active {
    color: #ddd;
    background: #aaa;
    border: 1px solid lighten(#aaa, 10%);
    .box-shadow(none);
  }
}

// precendence of this selector is significant
.accounts-dialog * {
  // A base for our dialog CSS, to reset browser styles and protect against
  // the app's CSS.  Dialogs include the dropdown, config modals, and the
  // reset password modal.  We can't completely isolate the dialogs from
  // the app's CSS, and that isn't the goal because the app can style them.
  // This rule is a compromise that should take precedence over some very
  // broad rules but be overridden by more specific ones.

  // Add more declarations here if they help the dialogs look good
  // out-of-the-box in more apps.

  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}

#login-buttons {
  .login-buttons-padding {
    display: inline-block;
    width: 30px;
  }

  .login-display-name { margin-right: 4px; }

  .configure-button {
    background: @login-buttons-config-color;
    border-color: @login-buttons-config-color-border;

    &:active, &:hover {
      background: @login-buttons-config-color-active;
      border-color: @login-buttons-config-color-active-border;
    }
  }

  .login-image {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 16px;
    height: 16px;
  }

  .text-besides-image {
    margin-left: 18px;
  }

  .no-services { color: red; }

  .login-link-and-dropdown-list {
    position: relative;
  }
  .login-close-text {
    float: left;
    position: relative;
    padding-bottom: 8px;
  }

  .login-text-and-button .loading, .login-link-and-dropdown-list .loading {
    display: inline-block;
  }
  &.login-buttons-dropdown-align-left #login-dropdown-list .loading {
    float: right;
  }
  &.login-buttons-dropdown-align-right #login-dropdown-list .loading {
    float: left;
  }

  .login-close-text-clear { clear: both; }

  .or { text-align: center; }
  .hline { text-decoration: line-through; color: lightgrey; }
  .or-text { font-weight: bold; }

  #signup-link { float: right; }
  #forgot-password-link { float: left; }
  #back-to-login-link { float: right; }
}

#login-buttons a, .accounts-dialog a {
    cursor: pointer;
    text-decoration: underline;
}

#login-buttons.login-buttons-dropdown-align-right .login-close-text {
    float: right;
}

@meteor-accounts-base-padding: 8px;
@meteor-accounts-dialog-border-width: 1px;

.accounts-dialog {
  border: @meteor-accounts-dialog-border-width solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;

  padding: 8px 12px;
  margin: -8px -12px 0 -12px;

  width: @login-buttons-accounts-dialog-width;

  .box-shadow(0 0 3px 0 rgba(0, 0, 0, 0.2));

  // Labels and links inherit app's font with this line commented out:
  //font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #333;

  // XXX Make the dropdown and dialogs look good without a top-level
  // line-height: 1.6.  For now, we apply it to everything except
  // the "Close" link, which we want to have the same line-height
  // as the "Sign in" link.
  & > * { line-height: 1.6; }
  & > .login-close-text {
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
  }

  label, .title {
    display: inline;
    font-size: 80%;
    margin-top: 7px;
    margin-bottom: -2px;
  }
  input[type=text], input[type=email], input[type=password] {
    // Be pixel-accurate in IE 8+ regardless of our borders and
    // paddings, at the expense of IE 7.
    // Any heights or widths applied to this element will set the
    // size of the border box (including padding and borders)
    // instead of the content box.  This makes it possible to
    // do width 100%.
    .box-sizing-by-border();
    width: 100%;
    // A fix purely for the "meteor add bootstrap" experience.
    // Bootstrap sets "height: 20px" on form fields, which is too
    // small when applied to the border box.  People have complained
    // that Bootstrap takes this approach for the sake of IE 7:
    // https://github.com/twitter/bootstrap/issues/2935
    // Our work-around is to override Bootstrap's rule (with higher
    // precedence).
    &[type] { height: auto; }
  }

  .login-button-form-submit { margin-top: 8px; }
  .message { font-size: 80%; margin-top: 8px; line-height: 1.3; }
  .error-message { color: red; }
  .info-message { color: green; }
  .additional-link { font-size: 75%; }

  .accounts-close {
    position: absolute;
    top: 0;
    right: 5px;

    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    opacity: 0.4;

    &:hover {
      opacity: 0.8;
    }
  }

  #login-buttons-cancel-reset-password { float: right; }
  #login-buttons-cancel-enroll-account { float: right; }
}

#login-dropdown-list {
  position: absolute;
  // The top-left of the border-box of the dropdown is absolutely
  // positioned within its container, so we need to compensate
  // for the border.  The padding is already compensated for by
  // negative margins on the dropdown.
  // XXX We could use negative margins to compensate for the
  // border too.
  top: -@meteor-accounts-dialog-border-width;
  left: -@meteor-accounts-dialog-border-width;
}

#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -@meteor-accounts-dialog-border-width;
}

#login-buttons-message-dialog .message {
    /* we intentionally want it bigger on this dialog since it's the only thing displayed */
    font-size: 100%;
}

.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  z-index: 1001;
  position: fixed;

  left: 50%;
  margin-left: -(@login-buttons-accounts-dialog-width
               + @meteor-accounts-base-padding) / 2;

  top: 50%;
  margin-top: -40px; /* = approximately -height/2, though height can change */
}

@configure-login-service-dialog-width: 530px;

#configure-login-service-dialog {
  width: @configure-login-service-dialog-width;
  margin-left: -(@configure-login-service-dialog-width
               + @meteor-accounts-base-padding) / 2;
  margin-top: -220px; /* = approximately -height/2, though height can change */

  table { width: 100%; }
  input[type=text] {
    width: 100%;
    font-family: "Courier New", Courier, monospace;
  }
  ol {
    margin-top: 10px;
    margin-bottom: 10px;

    li { margin-left: 30px; }
  }
  .configuration_labels { width: 30%; }
  .configuration_inputs { width: 70%; }
  .new-section { margin-top: 10px; }
  .url { font-family: "Courier New", Courier, monospace; }
}

#configure-login-service-dialog-save-configuration {
  float: right;
}

.configure-login-service-dismiss-button {
  float: left;
}

#just-verified-dismiss-button, #messages-dialog-dismiss-button {
  margin-top: 8px;
}

.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;

  /* XXX consider replacing with DXImageTransform */
  background-color: rgb(0.2, 0.2, 0.2); /* fallback for IE7-8 */

  background-color: rgba(0, 0, 0, 0.7);
}

#login-buttons, .accounts-dialog {
  input[type=text], input[type=email], input[type=password] {
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 3px;
    line-height: 1;
  }
}

//////////////////// MIXINS

// Minimal, well-documented, general-purpose CSS mixins.
// (Some are same as Bootstrap.)

////////// Box-Sizing: Border-Box

// Setting `box-sizing: border-box` on an element causes the CSS
// layout algorithm to interpret `width` and `height` declarations
// as referring to the size of the border box (outside the border),
// not the content box as usual (inside the padding).
//
// This is especially useful for stretching a form element to the
// width of its container even if the form element has arbitrary
// padding and borders, which can be done using `width: 100%`.
//
// Browser support is IE 8+ and all modern browsers, with the caveat
// that `-moz-box-sizing` in Firefox is considered to have some
// buggy or non-compliant behavior.  For example, min/max-width/height
// may not interact correctly. See
// https://bugzilla.mozilla.org/show_bug.cgi?id=243412.
.box-sizing-by-border () {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

////////// Box-Shadow

.box-shadow (...) {
  box-shadow: @arguments;
  -webkit-box-shadow: @arguments; // For Android
}

////////// Unselectable

.unselectable () {
  -webkit-user-select: none; // Chrome/Safari
  -moz-user-select: none; // Firefox
  -ms-user-select: none; // IE10+

  // These delarations not implemented in browsers yet:
  -o-user-select: none;
  user-select: none;

  // In IE <= 9 and Opera, need unselectable="on" in the HTML.
}

//////////////////// LOGIN BUTTONS

@login-buttons-accounts-dialog-width: 250px;
@login-buttons-color: #596595;
@login-buttons-color-border: darken(@login-buttons-color, 10%);
@login-buttons-color-active: lighten(@login-buttons-color, 10%);
@login-buttons-color-active-border: darken(@login-buttons-color-active, 10%);

@login-buttons-config-color: darken(#f53, 10%);
@login-buttons-config-color-border: darken(@login-buttons-config-color, 10%);
@login-buttons-config-color-active: lighten(@login-buttons-config-color, 10%);
@login-buttons-config-color-active-border: darken(@login-buttons-config-color-active, 10%);

#login-buttons {

  display: inline-block;
  margin-right: 0.2px; // Fixes display on IE8: http://www.compsoft.co.uk/Blog/2009/11/inline-block-not-quite-inline-blocking.html

  // This seems to keep the height of the line from
  // being sensitive to the presence of the unicode down arrow,
  // which otherwise bumps the baseline down by 1px.
  line-height: 1;

  .login-button {
    position: relative; // so that we can position the image absolutely within the button
  }

  .login-buttons-with-only-one-button {
    display: inline-block;
    .login-button { display: inline-block; }
    .login-text-and-button {
      display: inline-block;
    }
  }

  .login-display-name {
    display: inline-block;
    padding-right: 2px;
    line-height: 1.5;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .loading {
    line-height: 1;
    background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

#login-buttons .login-button, .accounts-dialog .login-button {
  cursor: pointer;
  .unselectable();
  padding: 4px 8px;

  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;

  text-align: center;
  color: #fff;

  background: @login-buttons-color;
  border: 1px solid @login-buttons-color-border;

  border-radius: 4px;

  &:hover {
    background: @login-buttons-color-active;
  }
  &:active {
    background: @login-buttons-color-active;
    .box-shadow(0 2px 3px 0 rgba(0, 0, 0, 0.2) inset);
  }

  &.login-button-disabled, &.login-button-disabled:active {
    color: #ddd;
    background: #aaa;
    border: 1px solid lighten(#aaa, 10%);
    .box-shadow(none);
  }
}

// precendence of this selector is significant
.accounts-dialog * {
  // A base for our dialog CSS, to reset browser styles and protect against
  // the app's CSS.  Dialogs include the dropdown, config modals, and the
  // reset password modal.  We can't completely isolate the dialogs from
  // the app's CSS, and that isn't the goal because the app can style them.
  // This rule is a compromise that should take precedence over some very
  // broad rules but be overridden by more specific ones.

  // Add more declarations here if they help the dialogs look good
  // out-of-the-box in more apps.

  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}

#login-buttons {
  .login-buttons-padding {
    display: inline-block;
    width: 30px;
  }

  .login-display-name { margin-right: 4px; }

  .configure-button {
    background: @login-buttons-config-color;
    border-color: @login-buttons-config-color-border;

    &:active, &:hover {
      background: @login-buttons-config-color-active;
      border-color: @login-buttons-config-color-active-border;
    }
  }

  .login-image {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 16px;
    height: 16px;
  }

  .text-besides-image {
    margin-left: 18px;
  }

  .no-services { color: red; }

  .login-link-and-dropdown-list {
    position: relative;
  }
  .login-close-text {
    float: left;
    position: relative;
    padding-bottom: 8px;
  }

  .login-text-and-button .loading, .login-link-and-dropdown-list .loading {
    display: inline-block;
  }
  &.login-buttons-dropdown-align-left #login-dropdown-list .loading {
    float: right;
  }
  &.login-buttons-dropdown-align-right #login-dropdown-list .loading {
    float: left;
  }

  .login-close-text-clear { clear: both; }

  .or { text-align: center; }
  .hline { text-decoration: line-through; color: lightgrey; }
  .or-text { font-weight: bold; }

  #signup-link { float: right; }
  #forgot-password-link { float: left; }
  #back-to-login-link { float: right; }
}

#login-buttons a, .accounts-dialog a {
    cursor: pointer;
    text-decoration: underline;
}

#login-buttons.login-buttons-dropdown-align-right .login-close-text {
    float: right;
}

@meteor-accounts-base-padding: 8px;
@meteor-accounts-dialog-border-width: 1px;

.accounts-dialog {
  border: @meteor-accounts-dialog-border-width solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;

  padding: 8px 12px;
  margin: -8px -12px 0 -12px;

  width: @login-buttons-accounts-dialog-width;

  .box-shadow(0 0 3px 0 rgba(0, 0, 0, 0.2));

  // Labels and links inherit app's font with this line commented out:
  //font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #333;

  // XXX Make the dropdown and dialogs look good without a top-level
  // line-height: 1.6.  For now, we apply it to everything except
  // the "Close" link, which we want to have the same line-height
  // as the "Sign in" link.
  & > * { line-height: 1.6; }
  & > .login-close-text {
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
  }

  label, .title {
    font-size: 80%;
    margin-top: 7px;
    margin-bottom: -2px;
  }
  input[type=text], input[type=email], input[type=password] {
    // Be pixel-accurate in IE 8+ regardless of our borders and
    // paddings, at the expense of IE 7.
    // Any heights or widths applied to this element will set the
    // size of the border box (including padding and borders)
    // instead of the content box.  This makes it possible to
    // do width 100%.
    .box-sizing-by-border();
    width: 100%;
    // A fix purely for the "meteor add bootstrap" experience.
    // Bootstrap sets "height: 20px" on form fields, which is too
    // small when applied to the border box.  People have complained
    // that Bootstrap takes this approach for the sake of IE 7:
    // https://github.com/twitter/bootstrap/issues/2935
    // Our work-around is to override Bootstrap's rule (with higher
    // precedence).
    &[type] { height: auto; }
  }

  .login-button-form-submit { margin-top: 8px; }
  .message { font-size: 80%; margin-top: 8px; line-height: 1.3; }
  .error-message { color: red; }
  .info-message { color: green; }
  .additional-link { font-size: 75%; }

  .accounts-close {
    position: absolute;
    top: 0;
    right: 5px;

    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    opacity: 0.4;

    &:hover {
      opacity: 0.8;
    }
  }

  #login-buttons-cancel-reset-password { float: right; }
  #login-buttons-cancel-enroll-account { float: right; }
}

#login-dropdown-list {
  position: absolute;
  // The top-left of the border-box of the dropdown is absolutely
  // positioned within its container, so we need to compensate
  // for the border.  The padding is already compensated for by
  // negative margins on the dropdown.
  // XXX We could use negative margins to compensate for the
  // border too.
  top: -@meteor-accounts-dialog-border-width;
  left: -@meteor-accounts-dialog-border-width;
}

#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -@meteor-accounts-dialog-border-width;
}

#login-buttons-message-dialog .message {
    /* we intentionally want it bigger on this dialog since it's the only thing displayed */
    font-size: 100%;
}

.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  z-index: 1001;
  position: fixed;

  left: 50%;
  margin-left: -(@login-buttons-accounts-dialog-width
               + @meteor-accounts-base-padding) / 2;

  top: 50%;
  margin-top: -40px; /* = approximately -height/2, though height can change */
}

@configure-login-service-dialog-width: 530px;

#configure-login-service-dialog {
  width: @configure-login-service-dialog-width;
  margin-left: -(@configure-login-service-dialog-width
               + @meteor-accounts-base-padding) / 2;
  margin-top: -220px; /* = approximately -height/2, though height can change */

  table { width: 100%; }
  input[type=text] {
    width: 100%;
    font-family: "Courier New", Courier, monospace;
  }
  ol {
    margin-top: 10px;
    margin-bottom: 10px;

    li { margin-left: 30px; }
  }
  .configuration_labels { width: 30%; }
  .configuration_inputs { width: 70%; }
  .new-section { margin-top: 10px; }
  .url { font-family: "Courier New", Courier, monospace; }
}

#configure-login-service-dialog-save-configuration {
  float: right;
}

.configure-login-service-dismiss-button {
  float: left;
}

#just-verified-dismiss-button, #messages-dialog-dismiss-button {
  margin-top: 8px;
}

.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;

  /* XXX consider replacing with DXImageTransform */
  background-color: rgb(0.2, 0.2, 0.2); /* fallback for IE7-8 */

  background-color: rgba(0, 0, 0, 0.7);
}

#login-buttons, .accounts-dialog {
  input[type=text], input[type=email], input[type=password] {
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 3px;
    line-height: 1;
  }
}


:heavy_plus_sign: add basic reset for img component

error: pathspec 'components/img/styles.less' did not match any file(s) known to git


style(Button): add selected class to callToAction Button (#248)

* style(Button): add selected class to Button

* fix: add whitespace

* fix: remove whitespace

fatal: unable to access 'https://github.com/seekinternational/seek-asia-style-guide.git/': The requested URL returned error: 403


Update fonts.less

Update fonts.less

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


Delete main.less

Delete main.less

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


Add FontAwesome file

Add FontAwesome file

// Screen Readers
// -------------------------

.sr-only { .sr-only(); }
.sr-only-focusable { .sr-only-focusable(); }

error: pathspec 'vendor/Font-Awesome/less/screen-reader.less' did not match any file(s) known to git


+ add 'font-awesome.ie7.less'.

+ add 'font-awesome.ie7.less'.

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */

.icon-large {
  font-size: 4/3em;
  margin-top: -4px;
  padding-top: 3px;
  margin-bottom: -4px;
  padding-bottom: 3px;
  vertical-align: middle;
}

.nav {
  [class^="icon-"],
  [class*=" icon-"] {
    vertical-align: inherit;
    margin-top: -4px;
    padding-top: 3px;
    margin-bottom: -4px;
    padding-bottom: 3px;
    &.icon-large {
      vertical-align: -25%;
    }
  }
}

.nav-pills, .nav-tabs {
  [class^="icon-"],
  [class*=" icon-"] {
    &.icon-large {
      line-height: .75em;
      margin-top: -7px;
      padding-top: 5px;
      margin-bottom: -5px;
      padding-bottom: 4px;
    }
  }
}

.btn {
  [class^="icon-"],
  [class*=" icon-"] {
    &.pull-left, &.pull-right { vertical-align: inherit; }
    &.icon-large {
      margin-top: -.5em;
    }
  }
}

a [class^="icon-"],
a [class*=" icon-"] {
  cursor: pointer;
}

.ie7icon(@inner) { *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; }

.icon-glass {
  .ie7icon('');
}

.icon-music {
  .ie7icon('');
}

.icon-search {
  .ie7icon('');
}

.icon-envelope-alt {
  .ie7icon('');
}

.icon-heart {
  .ie7icon('');
}

.icon-star {
  .ie7icon('');
}

.icon-star-empty {
  .ie7icon('');
}

.icon-user {
  .ie7icon('');
}

.icon-film {
  .ie7icon('');
}

.icon-th-large {
  .ie7icon('');
}

.icon-th {
  .ie7icon('');
}

.icon-th-list {
  .ie7icon('');
}

.icon-ok {
  .ie7icon('');
}

.icon-remove {
  .ie7icon('');
}

.icon-zoom-in {
  .ie7icon('');
}

.icon-zoom-out {
  .ie7icon('');
}

.icon-off {
  .ie7icon('');
}

.icon-power-off {
  .ie7icon('');
}

.icon-signal {
  .ie7icon('');
}

.icon-cog {
  .ie7icon('');
}

.icon-gear {
  .ie7icon('');
}

.icon-trash {
  .ie7icon('');
}

.icon-home {
  .ie7icon('');
}

.icon-file-alt {
  .ie7icon('');
}

.icon-time {
  .ie7icon('');
}

.icon-road {
  .ie7icon('');
}

.icon-download-alt {
  .ie7icon('');
}

.icon-download {
  .ie7icon('');
}

.icon-upload {
  .ie7icon('');
}

.icon-inbox {
  .ie7icon('');
}

.icon-play-circle {
  .ie7icon('');
}

.icon-repeat {
  .ie7icon('');
}

.icon-rotate-right {
  .ie7icon('');
}

.icon-refresh {
  .ie7icon('');
}

.icon-list-alt {
  .ie7icon('');
}

.icon-lock {
  .ie7icon('');
}

.icon-flag {
  .ie7icon('');
}

.icon-headphones {
  .ie7icon('');
}

.icon-volume-off {
  .ie7icon('');
}

.icon-volume-down {
  .ie7icon('');
}

.icon-volume-up {
  .ie7icon('');
}

.icon-qrcode {
  .ie7icon('');
}

.icon-barcode {
  .ie7icon('');
}

.icon-tag {
  .ie7icon('');
}

.icon-tags {
  .ie7icon('');
}

.icon-book {
  .ie7icon('');
}

.icon-bookmark {
  .ie7icon('');
}

.icon-print {
  .ie7icon('');
}

.icon-camera {
  .ie7icon('');
}

.icon-font {
  .ie7icon('');
}

.icon-bold {
  .ie7icon('');
}

.icon-italic {
  .ie7icon('');
}

.icon-text-height {
  .ie7icon('');
}

.icon-text-width {
  .ie7icon('');
}

.icon-align-left {
  .ie7icon('');
}

.icon-align-center {
  .ie7icon('');
}

.icon-align-right {
  .ie7icon('');
}

.icon-align-justify {
  .ie7icon('');
}

.icon-list {
  .ie7icon('');
}

.icon-indent-left {
  .ie7icon('');
}

.icon-indent-right {
  .ie7icon('');
}

.icon-facetime-video {
  .ie7icon('');
}

.icon-picture {
  .ie7icon('');
}

.icon-pencil {
  .ie7icon('');
}

.icon-map-marker {
  .ie7icon('');
}

.icon-adjust {
  .ie7icon('');
}

.icon-tint {
  .ie7icon('');
}

.icon-edit {
  .ie7icon('');
}

.icon-share {
  .ie7icon('');
}

.icon-check {
  .ie7icon('');
}

.icon-move {
  .ie7icon('');
}

.icon-step-backward {
  .ie7icon('');
}

.icon-fast-backward {
  .ie7icon('');
}

.icon-backward {
  .ie7icon('');
}

.icon-play {
  .ie7icon('');
}

.icon-pause {
  .ie7icon('');
}

.icon-stop {
  .ie7icon('');
}

.icon-forward {
  .ie7icon('');
}

.icon-fast-forward {
  .ie7icon('');
}

.icon-step-forward {
  .ie7icon('');
}

.icon-eject {
  .ie7icon('');
}

.icon-chevron-left {
  .ie7icon('');
}

.icon-chevron-right {
  .ie7icon('');
}

.icon-plus-sign {
  .ie7icon('');
}

.icon-minus-sign {
  .ie7icon('');
}

.icon-remove-sign {
  .ie7icon('');
}

.icon-ok-sign {
  .ie7icon('');
}

.icon-question-sign {
  .ie7icon('');
}

.icon-info-sign {
  .ie7icon('');
}

.icon-screenshot {
  .ie7icon('');
}

.icon-remove-circle {
  .ie7icon('');
}

.icon-ok-circle {
  .ie7icon('');
}

.icon-ban-circle {
  .ie7icon('');
}

.icon-arrow-left {
  .ie7icon('');
}

.icon-arrow-right {
  .ie7icon('');
}

.icon-arrow-up {
  .ie7icon('');
}

.icon-arrow-down {
  .ie7icon('');
}

.icon-share-alt {
  .ie7icon('');
}

.icon-mail-forward {
  .ie7icon('');
}

.icon-resize-full {
  .ie7icon('');
}

.icon-resize-small {
  .ie7icon('');
}

.icon-plus {
  .ie7icon('');
}

.icon-minus {
  .ie7icon('');
}

.icon-asterisk {
  .ie7icon('');
}

.icon-exclamation-sign {
  .ie7icon('');
}

.icon-gift {
  .ie7icon('');
}

.icon-leaf {
  .ie7icon('');
}

.icon-fire {
  .ie7icon('');
}

.icon-eye-open {
  .ie7icon('');
}

.icon-eye-close {
  .ie7icon('');
}

.icon-warning-sign {
  .ie7icon('');
}

.icon-plane {
  .ie7icon('');
}

.icon-calendar {
  .ie7icon('');
}

.icon-random {
  .ie7icon('');
}

.icon-comment {
  .ie7icon('');
}

.icon-magnet {
  .ie7icon('');
}

.icon-chevron-up {
  .ie7icon('');
}

.icon-chevron-down {
  .ie7icon('');
}

.icon-retweet {
  .ie7icon('');
}

.icon-shopping-cart {
  .ie7icon('');
}

.icon-folder-close {
  .ie7icon('');
}

.icon-folder-open {
  .ie7icon('');
}

.icon-resize-vertical {
  .ie7icon('');
}

.icon-resize-horizontal {
  .ie7icon('');
}

.icon-bar-chart {
  .ie7icon('');
}

.icon-twitter-sign {
  .ie7icon('');
}

.icon-facebook-sign {
  .ie7icon('');
}

.icon-camera-retro {
  .ie7icon('');
}

.icon-key {
  .ie7icon('');
}

.icon-cogs {
  .ie7icon('');
}

.icon-gears {
  .ie7icon('');
}

.icon-comments {
  .ie7icon('');
}

.icon-thumbs-up-alt {
  .ie7icon('');
}

.icon-thumbs-down-alt {
  .ie7icon('');
}

.icon-star-half {
  .ie7icon('');
}

.icon-heart-empty {
  .ie7icon('');
}

.icon-signout {
  .ie7icon('');
}

.icon-linkedin-sign {
  .ie7icon('');
}

.icon-pushpin {
  .ie7icon('');
}

.icon-external-link {
  .ie7icon('');
}

.icon-signin {
  .ie7icon('');
}

.icon-trophy {
  .ie7icon('');
}

.icon-github-sign {
  .ie7icon('');
}

.icon-upload-alt {
  .ie7icon('');
}

.icon-lemon {
  .ie7icon('');
}

.icon-phone {
  .ie7icon('');
}

.icon-check-empty {
  .ie7icon('');
}

.icon-unchecked {
  .ie7icon('');
}

.icon-bookmark-empty {
  .ie7icon('');
}

.icon-phone-sign {
  .ie7icon('');
}

.icon-twitter {
  .ie7icon('');
}

.icon-facebook {
  .ie7icon('');
}

.icon-github {
  .ie7icon('');
}

.icon-unlock {
  .ie7icon('');
}

.icon-credit-card {
  .ie7icon('');
}

.icon-rss {
  .ie7icon('');
}

.icon-hdd {
  .ie7icon('');
}

.icon-bullhorn {
  .ie7icon('');
}

.icon-bell {
  .ie7icon('');
}

.icon-certificate {
  .ie7icon('');
}

.icon-hand-right {
  .ie7icon('');
}

.icon-hand-left {
  .ie7icon('');
}

.icon-hand-up {
  .ie7icon('');
}

.icon-hand-down {
  .ie7icon('');
}

.icon-circle-arrow-left {
  .ie7icon('');
}

.icon-circle-arrow-right {
  .ie7icon('');
}

.icon-circle-arrow-up {
  .ie7icon('');
}

.icon-circle-arrow-down {
  .ie7icon('');
}

.icon-globe {
  .ie7icon('');
}

.icon-wrench {
  .ie7icon('');
}

.icon-tasks {
  .ie7icon('');
}

.icon-filter {
  .ie7icon('');
}

.icon-briefcase {
  .ie7icon('');
}

.icon-fullscreen {
  .ie7icon('');
}

.icon-group {
  .ie7icon('');
}

.icon-link {
  .ie7icon('');
}

.icon-cloud {
  .ie7icon('');
}

.icon-beaker {
  .ie7icon('');
}

.icon-cut {
  .ie7icon('');
}

.icon-copy {
  .ie7icon('');
}

.icon-paper-clip {
  .ie7icon('');
}

.icon-paperclip {
  .ie7icon('');
}

.icon-save {
  .ie7icon('');
}

.icon-sign-blank {
  .ie7icon('');
}

.icon-reorder {
  .ie7icon('');
}

.icon-list-ul {
  .ie7icon('');
}

.icon-list-ol {
  .ie7icon('');
}

.icon-strikethrough {
  .ie7icon('');
}

.icon-underline {
  .ie7icon('');
}

.icon-table {
  .ie7icon('');
}

.icon-magic {
  .ie7icon('');
}

.icon-truck {
  .ie7icon('');
}

.icon-pinterest {
  .ie7icon('');
}

.icon-pinterest-sign {
  .ie7icon('');
}

.icon-google-plus-sign {
  .ie7icon('');
}

.icon-google-plus {
  .ie7icon('');
}

.icon-money {
  .ie7icon('');
}

.icon-caret-down {
  .ie7icon('');
}

.icon-caret-up {
  .ie7icon('');
}

.icon-caret-left {
  .ie7icon('');
}

.icon-caret-right {
  .ie7icon('');
}

.icon-columns {
  .ie7icon('');
}

.icon-sort {
  .ie7icon('');
}

.icon-sort-down {
  .ie7icon('');
}

.icon-sort-up {
  .ie7icon('');
}

.icon-envelope {
  .ie7icon('');
}

.icon-linkedin {
  .ie7icon('');
}

.icon-undo {
  .ie7icon('');
}

.icon-rotate-left {
  .ie7icon('');
}

.icon-legal {
  .ie7icon('');
}

.icon-dashboard {
  .ie7icon('');
}

.icon-comment-alt {
  .ie7icon('');
}

.icon-comments-alt {
  .ie7icon('');
}

.icon-bolt {
  .ie7icon('');
}

.icon-sitemap {
  .ie7icon('');
}

.icon-umbrella {
  .ie7icon('');
}

.icon-paste {
  .ie7icon('');
}

.icon-lightbulb {
  .ie7icon('');
}

.icon-exchange {
  .ie7icon('');
}

.icon-cloud-download {
  .ie7icon('');
}

.icon-cloud-upload {
  .ie7icon('');
}

.icon-user-md {
  .ie7icon('');
}

.icon-stethoscope {
  .ie7icon('');
}

.icon-suitcase {
  .ie7icon('');
}

.icon-bell-alt {
  .ie7icon('');
}

.icon-coffee {
  .ie7icon('');
}

.icon-food {
  .ie7icon('');
}

.icon-file-text-alt {
  .ie7icon('');
}

.icon-building {
  .ie7icon('');
}

.icon-hospital {
  .ie7icon('');
}

.icon-ambulance {
  .ie7icon('');
}

.icon-medkit {
  .ie7icon('');
}

.icon-fighter-jet {
  .ie7icon('');
}

.icon-beer {
  .ie7icon('');
}

.icon-h-sign {
  .ie7icon('');
}

.icon-plus-sign-alt {
  .ie7icon('');
}

.icon-double-angle-left {
  .ie7icon('');
}

.icon-double-angle-right {
  .ie7icon('');
}

.icon-double-angle-up {
  .ie7icon('');
}

.icon-double-angle-down {
  .ie7icon('');
}

.icon-angle-left {
  .ie7icon('');
}

.icon-angle-right {
  .ie7icon('');
}

.icon-angle-up {
  .ie7icon('');
}

.icon-angle-down {
  .ie7icon('');
}

.icon-desktop {
  .ie7icon('');
}

.icon-laptop {
  .ie7icon('');
}

.icon-tablet {
  .ie7icon('');
}

.icon-mobile-phone {
  .ie7icon('');
}

.icon-circle-blank {
  .ie7icon('');
}

.icon-quote-left {
  .ie7icon('');
}

.icon-quote-right {
  .ie7icon('');
}

.icon-spinner {
  .ie7icon('');
}

.icon-circle {
  .ie7icon('');
}

.icon-reply {
  .ie7icon('');
}

.icon-mail-reply {
  .ie7icon('');
}

.icon-github-alt {
  .ie7icon('');
}

.icon-folder-close-alt {
  .ie7icon('');
}

.icon-folder-open-alt {
  .ie7icon('');
}

.icon-expand-alt {
  .ie7icon('');
}

.icon-collapse-alt {
  .ie7icon('');
}

.icon-smile {
  .ie7icon('');
}

.icon-frown {
  .ie7icon('');
}

.icon-meh {
  .ie7icon('');
}

.icon-gamepad {
  .ie7icon('');
}

.icon-keyboard {
  .ie7icon('');
}

.icon-flag-alt {
  .ie7icon('');
}

.icon-flag-checkered {
  .ie7icon('');
}

.icon-terminal {
  .ie7icon('');
}

.icon-code {
  .ie7icon('');
}

.icon-reply-all {
  .ie7icon('');
}

.icon-mail-reply-all {
  .ie7icon('');
}

.icon-star-half-empty {
  .ie7icon('');
}

.icon-star-half-full {
  .ie7icon('');
}

.icon-location-arrow {
  .ie7icon('');
}

.icon-crop {
  .ie7icon('');
}

.icon-code-fork {
  .ie7icon('');
}

.icon-unlink {
  .ie7icon('');
}

.icon-question {
  .ie7icon('');
}

.icon-info {
  .ie7icon('');
}

.icon-exclamation {
  .ie7icon('');
}

.icon-superscript {
  .ie7icon('');
}

.icon-subscript {
  .ie7icon('');
}

.icon-eraser {
  .ie7icon('');
}

.icon-puzzle-piece {
  .ie7icon('');
}

.icon-microphone {
  .ie7icon('');
}

.icon-microphone-off {
  .ie7icon('');
}

.icon-shield {
  .ie7icon('');
}

.icon-calendar-empty {
  .ie7icon('');
}

.icon-fire-extinguisher {
  .ie7icon('');
}

.icon-rocket {
  .ie7icon('');
}

.icon-maxcdn {
  .ie7icon('');
}

.icon-chevron-sign-left {
  .ie7icon('');
}

.icon-chevron-sign-right {
  .ie7icon('');
}

.icon-chevron-sign-up {
  .ie7icon('');
}

.icon-chevron-sign-down {
  .ie7icon('');
}

.icon-html5 {
  .ie7icon('');
}

.icon-css3 {
  .ie7icon('');
}

.icon-anchor {
  .ie7icon('');
}

.icon-unlock-alt {
  .ie7icon('');
}

.icon-bullseye {
  .ie7icon('');
}

.icon-ellipsis-horizontal {
  .ie7icon('');
}

.icon-ellipsis-vertical {
  .ie7icon('');
}

.icon-rss-sign {
  .ie7icon('');
}

.icon-play-sign {
  .ie7icon('');
}

.icon-ticket {
  .ie7icon('');
}

.icon-minus-sign-alt {
  .ie7icon('');
}

.icon-check-minus {
  .ie7icon('');
}

.icon-level-up {
  .ie7icon('');
}

.icon-level-down {
  .ie7icon('');
}

.icon-check-sign {
  .ie7icon('');
}

.icon-edit-sign {
  .ie7icon('');
}

.icon-external-link-sign {
  .ie7icon('');
}

.icon-share-sign {
  .ie7icon('');
}

.icon-compass {
  .ie7icon('');
}

.icon-collapse {
  .ie7icon('');
}

.icon-collapse-top {
  .ie7icon('');
}

.icon-expand {
  .ie7icon('');
}

.icon-eur {
  .ie7icon('');
}

.icon-euro {
  .ie7icon('');
}

.icon-gbp {
  .ie7icon('');
}

.icon-usd {
  .ie7icon('');
}

.icon-dollar {
  .ie7icon('');
}

.icon-inr {
  .ie7icon('');
}

.icon-rupee {
  .ie7icon('');
}

.icon-jpy {
  .ie7icon('');
}

.icon-yen {
  .ie7icon('');
}

.icon-cny {
  .ie7icon('');
}

.icon-renminbi {
  .ie7icon('');
}

.icon-krw {
  .ie7icon('');
}

.icon-won {
  .ie7icon('');
}

.icon-btc {
  .ie7icon('');
}

.icon-bitcoin {
  .ie7icon('');
}

.icon-file {
  .ie7icon('');
}

.icon-file-text {
  .ie7icon('');
}

.icon-sort-by-alphabet {
  .ie7icon('');
}

.icon-sort-by-alphabet-alt {
  .ie7icon('');
}

.icon-sort-by-attributes {
  .ie7icon('');
}

.icon-sort-by-attributes-alt {
  .ie7icon('');
}

.icon-sort-by-order {
  .ie7icon('');
}

.icon-sort-by-order-alt {
  .ie7icon('');
}

.icon-thumbs-up {
  .ie7icon('');
}

.icon-thumbs-down {
  .ie7icon('');
}

.icon-youtube-sign {
  .ie7icon('');
}

.icon-youtube {
  .ie7icon('');
}

.icon-xing {
  .ie7icon('');
}

.icon-xing-sign {
  .ie7icon('');
}

.icon-youtube-play {
  .ie7icon('');
}

.icon-dropbox {
  .ie7icon('');
}

.icon-stackexchange {
  .ie7icon('');
}

.icon-instagram {
  .ie7icon('');
}

.icon-flickr {
  .ie7icon('');
}

.icon-adn {
  .ie7icon('');
}

.icon-bitbucket {
  .ie7icon('');
}

.icon-bitbucket-sign {
  .ie7icon('');
}

.icon-tumblr {
  .ie7icon('');
}

.icon-tumblr-sign {
  .ie7icon('');
}

.icon-long-arrow-down {
  .ie7icon('');
}

.icon-long-arrow-up {
  .ie7icon('');
}

.icon-long-arrow-left {
  .ie7icon('');
}

.icon-long-arrow-right {
  .ie7icon('');
}

.icon-apple {
  .ie7icon('');
}

.icon-windows {
  .ie7icon('');
}

.icon-android {
  .ie7icon('');
}

.icon-linux {
  .ie7icon('');
}

.icon-dribbble {
  .ie7icon('');
}

.icon-skype {
  .ie7icon('');
}

.icon-foursquare {
  .ie7icon('');
}

.icon-trello {
  .ie7icon('');
}

.icon-female {
  .ie7icon('');
}

.icon-male {
  .ie7icon('');
}

.icon-gittip {
  .ie7icon('');
}

.icon-sun {
  .ie7icon('');
}

.icon-moon {
  .ie7icon('');
}

.icon-archive {
  .ie7icon('');
}

.icon-bug {
  .ie7icon('');
}

.icon-vk {
  .ie7icon('');
}

.icon-weibo {
  .ie7icon('');
}

.icon-renren {
  .ie7icon('');
}

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


Add adjust animation for datepicker

Add adjust animation for datepicker

.calendarPanelHeader(@calendar-prefix-cls) {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid #e9e9e9;

  a:hover {
    color: @link-hover-color;
  }

  .@{calendar-prefix-cls}-century-select,
  .@{calendar-prefix-cls}-decade-select,
  .@{calendar-prefix-cls}-year-select,
  .@{calendar-prefix-cls}-month-select {
    padding: 0 2px;
    font-weight: bold;
    display: inline-block;
    color: #666;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-century-select-arrow,
  .@{calendar-prefix-cls}-decade-select-arrow,
  .@{calendar-prefix-cls}-year-select-arrow,
  .@{calendar-prefix-cls}-month-select-arrow {
    display: none;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-prev-month-btn,
  .@{calendar-prefix-cls}-next-month-btn,
  .@{calendar-prefix-cls}-prev-year-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial,"Hiragino Sans GB","Microsoft Yahei","Microsoft Sans Serif",sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-prev-year-btn {
    left: 7px;
  }

  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    right: 7px;
  }

  .@{calendar-prefix-cls}-prev-month-btn {
    left: 29px;
  }

  .@{calendar-prefix-cls}-next-month-btn {
    right: 29px;
  }
}

.@{calendar-prefix-cls} {
  position: relative;
  outline: none;
  width: 253px;
  border: 1px solid #ccc;
  list-style: none;
  font-size: @font-size-base;
  text-align: left;
  background-color: #fff;
  border-radius: @border-radius-base;
  box-shadow: @overlay-shadow;
  background-clip: padding-box;
  line-height: @line-height-base;

  &-input-wrap {
    padding: 8px;
  }

  &-input {
    .input();
    width: 100%;
    cursor: auto;
  }

  &-week-number {
    width: 286px;

    &-cell {
      text-align: center;
    }
  }

  &-header {
    .calendarPanelHeader(@calendar-prefix-cls);
  }

  &-calendar-body {
    padding: 5px 8px;
  }

  table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
  }

  table, td, th, td {
    border: none;
  }

  &-calendar-table {
    border-spacing: 0;
    margin-bottom: 0;
  }

  &-column-header {
    line-height: 18px;
    width: 33px;
    padding: 6px 0;
    text-align: center;
    .@{calendar-prefix-cls}-column-header-inner {
      display: block;
      font-weight: normal;
    }
  }

  &-week-number-header {
    .@{calendar-prefix-cls}-column-header-inner {
      display: none;
    }
  }

  &-cell {
    padding: 4px 0;
  }

  &-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    padding: 0;
    background: transparent;
    text-align: center;

    &:hover {
      background: tint(@primary-color, 90%);
      cursor: pointer;
    }
    &:active {
      color: #fff;
      background: tint(@primary-color, 20%);
    }
  }

  &-today &-date {
    border: 1px solid tint(@primary-color, 50%);
    line-height: 18px;
    background: tint(@primary-color, 90%);
  }

  &-selected-day &-date {
    background: @primary-color;
    color: #fff;
    border: 1px solid transparent;

    &:hover {
      background: @primary-color;
    }
  }

  &-disabled-cell &-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto;

    &:hover {
      background: #f3f3f3;
    }
  }

  &-disabled-cell-first-of-row &-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  &-disabled-cell-last-of-row &-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  &-last-month-cell &-date, &-next-month-btn-day &-date {
    color: #bbb;
  }

  &-footer {
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #e9e9e9;
  }

  &-footer-btn {
    text-align: center;
    display: block;
    line-height: 42px;
  }

  &-footer > div {
    display: inline-block;
  }

  .@{calendar-prefix-cls}-today-btn,
  .@{calendar-prefix-cls}-clear-btn {
    display: inline-block;
    text-align: center;
    margin: 0 10px;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }
  }

  .@{calendar-prefix-cls}-ok-btn {
    .btn;
    .btn-primary;
    .button-size(@btn-padding-sm; @font-size-base; @btn-border-radius-sm);
    letter-spacing: 3px;
    text-indent: 3px;
    position: absolute;
    bottom: 9px;
    right: 9px;
  }

  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
    animation-name: antSlideUpIn;
  }

  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
  &.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
    animation-name: antSlideDownIn;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
    animation-name: antSlideUpOut;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
  &.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
    animation-name: antSlideDownOut;
  }
}

.calendarPanelHeader(@calendar-prefix-cls) {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid #e9e9e9;

  a:hover {
    color: @link-hover-color;
  }

  .@{calendar-prefix-cls}-century-select,
  .@{calendar-prefix-cls}-decade-select,
  .@{calendar-prefix-cls}-year-select,
  .@{calendar-prefix-cls}-month-select {
    padding: 0 2px;
    font-weight: bold;
    display: inline-block;
    color: #666;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-century-select-arrow,
  .@{calendar-prefix-cls}-decade-select-arrow,
  .@{calendar-prefix-cls}-year-select-arrow,
  .@{calendar-prefix-cls}-month-select-arrow {
    display: none;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-prev-month-btn,
  .@{calendar-prefix-cls}-next-month-btn,
  .@{calendar-prefix-cls}-prev-year-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial,"Hiragino Sans GB","Microsoft Yahei","Microsoft Sans Serif",sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px;
  }

  .@{calendar-prefix-cls}-prev-century-btn,
  .@{calendar-prefix-cls}-prev-decade-btn,
  .@{calendar-prefix-cls}-prev-year-btn {
    left: 7px;
  }

  .@{calendar-prefix-cls}-next-century-btn,
  .@{calendar-prefix-cls}-next-decade-btn,
  .@{calendar-prefix-cls}-next-year-btn {
    right: 7px;
  }

  .@{calendar-prefix-cls}-prev-month-btn {
    left: 29px;
  }

  .@{calendar-prefix-cls}-next-month-btn {
    right: 29px;
  }
}

.@{calendar-prefix-cls} {
  position: relative;
  outline: none;
  width: 253px;
  border: 1px solid #ccc;
  list-style: none;
  font-size: @font-size-base;
  text-align: left;
  background-color: #fff;
  border-radius: @border-radius-base;
  box-shadow: @overlay-shadow;
  background-clip: padding-box;
  line-height: @line-height-base;

  &-input-wrap {
    padding: 8px;
  }

  &-input {
    .input();
    width: 100%;
    cursor: auto;
  }

  &-week-number {
    width: 286px;

    &-cell {
      text-align: center;
    }
  }

  &-header {
    .calendarPanelHeader(@calendar-prefix-cls);
  }

  &-calendar-body {
    padding: 5px 8px;
  }

  table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
  }

  table, td, th, td {
    border: none;
  }

  &-calendar-table {
    border-spacing: 0;
    margin-bottom: 0;
  }

  &-column-header {
    line-height: 18px;
    width: 33px;
    padding: 6px 0;
    text-align: center;
    .@{calendar-prefix-cls}-column-header-inner {
      display: block;
      font-weight: normal;
    }
  }

  &-week-number-header {
    .@{calendar-prefix-cls}-column-header-inner {
      display: none;
    }
  }

  &-cell {
    padding: 4px 0;
  }

  &-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    padding: 0;
    background: transparent;
    text-align: center;

    &:hover {
      background: tint(@primary-color, 90%);
      cursor: pointer;
    }
    &:active {
      color: #fff;
      background: tint(@primary-color, 20%);
    }
  }

  &-today &-date {
    border: 1px solid tint(@primary-color, 50%);
    line-height: 18px;
    background: tint(@primary-color, 90%);
  }

  &-selected-day &-date {
    background: @primary-color;
    color: #fff;
    border: 1px solid transparent;

    &:hover {
      background: @primary-color;
    }
  }

  &-disabled-cell &-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto;

    &:hover {
      background: #f3f3f3;
    }
  }

  &-disabled-cell-first-of-row &-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  &-disabled-cell-last-of-row &-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  &-last-month-cell &-date, &-next-month-btn-day &-date {
    color: #bbb;
  }

  &-footer {
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #e9e9e9;
  }

  &-footer-btn {
    text-align: center;
    display: block;
    line-height: 42px;
  }

  &-footer > div {
    display: inline-block;
  }

  .@{calendar-prefix-cls}-today-btn,
  .@{calendar-prefix-cls}-clear-btn {
    display: inline-block;
    text-align: center;
    margin: 0 10px;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }
  }

  .@{calendar-prefix-cls}-ok-btn {
    .btn;
    .btn-primary;
    .button-size(@btn-padding-sm; @font-size-base; @btn-border-radius-sm);
    letter-spacing: 3px;
    text-indent: 3px;
    position: absolute;
    bottom: 9px;
    right: 9px;
  }
}


used .user-select() mixin on textarea tag

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


Improved CSS for conversations

Improved CSS for conversations

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


update styles for brackets_mixins.less

update styles for brackets_mixins.less

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

/* Brackets mixins */

/* Helpers for working with box layouts */
.box {
    display: -webkit-box;
    display: -moz-box;
    display: box;
}
.hbox {
    .box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
}
.vbox {
    .box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.box-flex(@ratio) {
    -webkit-box-flex: @ratio;
    -moz-box-flex: @ratio;
    box-flex: @ratio;
}
.box-pack(@pack) {
    -webkit-box-pack: @pack;
    -moz-box-pack: @pack;
    box-pack: @pack;
}
.box-align(@align) {
    -webkit-box-align: @align;
    -moz-box-align: @align;
    box-align: @align;
}

/* Helpful for percentage-sizing items that have border/padding */
.sane-box-model {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Helpers for spritesheet images */
/* Sets the background to the given offset in the spritesheet. Typically, the element you set this on requires
   a fixed size so that other parts of the spritesheet don't show. */
.sprite(@x-offset, @y-offset, @sprite-sheet) {
    background: url(@sprite-sheet) -@x-offset -@y-offset no-repeat;
}

/* Turns the given element into an icon showing the given rectangle in the spritesheet. Can be used on empty elements
   (e.g. a link with no text) or on the :before/:after selector of elements that have content. */
.sprite-icon(@x-offset, @y-offset, @width, @height, @sprite-sheet) {
    content: "";
    .sprite(@x-offset, @y-offset, @sprite-sheet);
    display: inline-block;
    width: @width;
    height: @height;
}

/* Changes an element that's already showing one area of a spritesheet to show a different area of the same size.
   Should be used with an element whose base styling includes .sprite() or .sprite-icon() */
.sprite-swap(@x-offset, @y-offset) {
    background-position: -@x-offset -@y-offset;
}

/* Scale x-axis using top-left as the origin  */
.scale-x (@value: 1.0, @horizontal: 50%, @vertical: 50%) {
    -ms-transform: scaleX(@value);
    -moz-transform: scaleX(@value);
    -webkit-transform: scaleX(@value);
    -o-transform: scaleX(@value);
    transform: scaleX(@value);

    -ms-transform-origin: @horizontal @vertical;
    -moz-transform-origin: @horizontal @vertical;
    -webkit-transform-origin: @horizontal @vertical;
    -o-transform-origin: @horizontal @vertical;
    transform-origin: @horizontal @vertical;
}

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

/* Brackets mixins */

/* Helpers for working with box layouts */
.box {
    display: -webkit-box;
    display: -moz-box;
    display: box;
}
.hbox {
    .box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
}
.vbox {
    .box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.box-flex(@ratio) {
    -webkit-box-flex: @ratio;
    -moz-box-flex: @ratio;
    box-flex: @ratio;
}
.box-pack(@pack) {
    -webkit-box-pack: @pack;
    -moz-box-pack: @pack;
    box-pack: @pack;
}
.box-align(@align) {
    -webkit-box-align: @align;
    -moz-box-align: @align;
    box-align: @align;
}

/* Helpful for percentage-sizing items that have border/padding */
.sane-box-model {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Helpers for spritesheet images */
/* Sets the background to the given offset in the spritesheet. Typically, the element you set this on requires
   a fixed size so that other parts of the spritesheet don't show. */
.sprite(@xOffset, @yOffset, @spriteSheet) {
    background: url(@spriteSheet) -@xOffset -@yOffset no-repeat;
}

/* Turns the given element into an icon showing the given rectangle in the spritesheet. Can be used on empty elements
   (e.g. a link with no text) or on the :before/:after selector of elements that have content. */
.sprite-icon(@xOffset, @yOffset, @width, @height, @spriteSheet) {
    content: "";
    .sprite(@xOffset, @yOffset, @spriteSheet);
    display: inline-block;
    width: @width;
    height: @height;
}

/* Changes an element that's already showing one area of a spritesheet to show a different area of the same size.
   Should be used with an element whose base styling includes .sprite() or .sprite-icon() */
.sprite-swap(@xOffset, @yOffset) {
    background-position: -@xOffset -@yOffset;
}

/* Scale x-axis using top-left as the origin  */
.scale-x (@value: 1.0, @horizontal: 50%, @vertical: 50%) {
    -ms-transform: scaleX(@value);
    -moz-transform: scaleX(@value);
    -webkit-transform: scaleX(@value);
    -o-transform: scaleX(@value);
    transform: scaleX(@value);

    -ms-transform-origin: @horizontal @vertical;
    -moz-transform-origin: @horizontal @vertical;
    -webkit-transform-origin: @horizontal @vertical;
    -o-transform-origin: @horizontal @vertical;
    transform-origin: @horizontal @vertical;
}


added style file

added style file

.languages.page {
  @em: 18px;
  @pagesize: 940px;
  font-size: @em;
  line-height: ((4 / 3) * @em);
  color: @gray;
  h1, h2, h3, h4, h5, h6 {
    color: @grayDark;
    font-weight: normal;
    margin: 1em 0 @em;
    line-height: 1em;
  }
  h2 {
    font-size: 36px;
    text-align: center;
    padding-top: 30px;
  }
  h3 {
    font-size: 24px;
    padding-top: 20px;
  }
  h5 {
    font-size: @em;
  }
  p {
    margin: 0 0 @em;
  }
  a {
    transition: 400ms ease-in-out;
    &:hover {
      transition: 200ms ease-in-out;
    }
  }
  li {
    line-height: inherit; // BS RESET
  }
  .languages-head {
    padding-top: 2.5em;
    * {
      margin-bottom: 1em;
    }
    .flexy(center, center, column);
    color: @white;
    max-height: 500px;
    //for ruby, move this to variables
    background: linear-gradient(to bottom, #7C0B02 0%, #A80D00 100%), #7C0B02;
    h1 {
      font-size: 40px;
      text-align: center;
      margin-top: 0;
      color: inherit;
      max-width: 940px;
    }
    .languages-screenshots {
      .flexy(center, center, row);
      justify-content: space-around;
      width: 940px;

    }

  }
  .languages-body {
    max-width: @pagesize;
    margin: 0 auto (@pagesize / 4);
  }
  .languages-features {
    .flexy(stretch);
    .outlineFlat();
    border-radius: 4px;
    height: (@pagesize / 4);
    margin: 5vh 0;
    a {
      .flexy(center, center, column);
      width: (100% / 3); // three different job types
      &:not(:first-child) {
        box-shadow: -1px 0 @grayBoxBorder;
      }
      &:not(:hover) {
        color: inherit;
      }
    }
    i {
      font-size: 2em;
    }
    h3 {
      color: inherit;
      margin-top: @em;
    }
  }
  .languages-testimonials {
    h3 {
      margin: 1em 0 0;
      padding-bottom: .3em;
      margin-bottom: .5em;
      box-shadow: 0 1px @grayBoxBorder;
    }
    ul {
      margin: 0 0 0 @em;
    }
    [role="button"] {
      .circleButton(@grayLightest, @green);
      display: inline-block;
      min-width: 10em;
      margin: 2em auto 1em;
    }
  }
  .languages-cta {
  }
}

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


bug fixed: no scrollbars in lists

bug fixed: no scrollbars in lists

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/cschuller/yak-js.git/'


forgot to focus on :focus

forgot to focus on :focus

@import 'lib';

// Move these to 'lib' if needed elsewhere.
.btn-shadow() {
    .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset);
}
.btn-shadow-active() {
    .box-shadow(0 2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 6px rgba(0, 0, 0, .2) inset, 0 0 2px 2px rgba(0, 0, 0, .2) inset);
}

.button, .button:visited, button {
    // Blueish.
    .gradient-two-color(#3C88CC, #276195);
    .transition(all 0.25s linear 0s);
    .border-radius(4px);
    .btn-shadow;
    background-repeat: repeat-x;
    border: 0;
    color: @white;
    display: inline-block;
    font: 400 14px/40px @open-stack;
    height: 40px;
    min-width: 100px;
    white-space: nowrap;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    &:hover, &:focus, &:visited, &:visited:focus {
        // These have a colour associated with them so no need to libify.
        .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #3089D8 inset);
        .transition(all 0.25s linear 0s);
        text-decoration: none;
    }
    &:focus, &:visited:focus {
        outline-color: #484848;
    }
    &:active, &:visited:active {
        .btn-shadow-active;
        .transition(all 0.25s linear 0s);
        color: @white;
        text-decoration: none;
    }
    &.product, &.theme-install, &.fat {
        height: 48px;
        padding: 0 32px;
    }
    // Redish.
    &.delete, &.manage, &.cancel, &.product.error {
        .gradient-two-color(#DA5132, #A91300);
        &:hover, &:visited:hover, &:focus, &:visited:focus {
            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #E64926 inset);
        }
    }
    // Grayish.
    &[disabled], &.disabled,
    &.purchasing, &.purchased,
    &.installing, &.installed {
        pointer-events: none;
    }
    &[disabled], &.disabled {
        .gradient-two-color(#BFC7CD, #9CA3AA);
        color: @faint-gray;
        &:hover, &:visited:hover, &:focus, &:visited:focus {
            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #BFC7CD inset);
        }
    }
    &.installed, &.purchased, &.incompatible {
        pointer-events: auto;
    }
    // Greenish.
    &.good, &.good:active, &.good:visited:active {
        .gradient-two-color(#81BC2E, #659324);
        &:hover, &:visited:hover, &:focus, &:visited:focus {
            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #83C822 inset);
        }
    }
    // Grayish (legacy).
    &.alt {
        .gradient-two-color(#f8f9fb, #ebeff2);
        .box-shadow(none);
        border: 1px solid #c0c1c3;
        color: #3d4246;
    }
}

.button {
    .spin {
        .webkit-spin;
        background: url(../../img/mkt/loading-16.png) no-repeat center center;
        display: inline-block;
        height: 16px;
        margin: 3px 0;
        width: 16px;
    }
}

@media (max-width: @4col) {
    .button, button {
        padding: 0 15px;
        &.fat {
            display: block;
            width: 100%;
        }
    }
}

.fatbutton {
    .fat-button;
}

@import 'lib';

// Move these to 'lib' if needed elsewhere.
.btn-shadow() {
    .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset);
}
.btn-shadow-active() {
    .box-shadow(0 2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 6px rgba(0, 0, 0, .2) inset, 0 0 2px 2px rgba(0, 0, 0, .2) inset);
}

.button, .button:visited, button {
    // Blueish.
    .gradient-two-color(#3C88CC, #276195);
    .transition(all 0.25s linear 0s);
    .border-radius(4px);
    .btn-shadow;
    background-repeat: repeat-x;
    border: 0;
    color: @white;
    display: inline-block;
    font: 400 14px/40px @open-stack;
    height: 40px;
    min-width: 100px;
    white-space: nowrap;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    &:hover, &:focus, &:visited, &:visited:focus {
        // These have a colour associated with them so no need to libify.
        .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #3089D8 inset);
        .transition(all 0.25s linear 0s);
        text-decoration: none;
    }
    &:focus, &:visited:focus {
        outline-color: #484848;
    }
    &:active, &:visited:active {
        .btn-shadow-active;
        .transition(all 0.25s linear 0s);
        color: @white;
        text-decoration: none;
    }
    &.product, &.theme-install, &.fat {
        height: 48px;
        padding: 0 32px;
    }
    // Redish.
    &.delete, &.manage, &.cancel, &.product.error {
        .gradient-two-color(#DA5132, #A91300);
        &:hover, &:visited:hover {
            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #E64926 inset);
        }
    }
    // Grayish.
    &[disabled], &.disabled,
    &.purchasing, &.purchased,
    &.installing, &.installed {
        pointer-events: none;
    }
    &[disabled], &.disabled {
        .gradient-two-color(#BFC7CD, #9CA3AA);
        color: @faint-gray;
    }
    &.installed, &.purchased, &.incompatible {
        pointer-events: auto;
    }
    // Greenish.
    &.good, &.good:active, &.good:visited:active {
        .gradient-two-color(#81BC2E, #659324);
        &:hover {
            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #83C822 inset);
        }
    }
    // Grayish (legacy).
    &.alt {
        .gradient-two-color(#f8f9fb, #ebeff2);
        .box-shadow(none);
        border: 1px solid #c0c1c3;
        color: #3d4246;
    }
}

.button {
    .spin {
        .webkit-spin;
        background: url(../../img/mkt/loading-16.png) no-repeat center center;
        display: inline-block;
        height: 16px;
        margin: 3px 0;
        width: 16px;
    }
}

@media (max-width: @4col) {
    .button, button {
        padding: 0 15px;
        &.fat {
            display: block;
            width: 100%;
        }
    }
}

.fatbutton {
    .fat-button;
}


Added a definition for global variables.

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


sorting

sorting

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

@import "app";

@screen-mobile-max: (@screen-sm-min - 1px);
@desktop: ~"(min-width: @{screen-sm-min})";
@mobile: ~"(max-width: @{screen-mobile-max})";

@bar-size: 3px;
@logo-size: 100px;
// header left margin (20) + logo (100) + menu left margin (10)
@padding-big: (20px + @logo-size + 10px);
// ┐(ﾟ ヮﾟ)┌
@padding-wiki-desktop: 40px;
@padding-paginator: 15px;

@height--nav-popup: 300px;

@navbar-mobile--content-height: @navbar-height - (@navbar-padding-vertical * 2);

@border-radius--nav-avatar: 10px;

// here be z-indexes
@z-index--visibility-hidden: 0;
@z-index--body-background: 0;
@z-index--user-profile-avatar: 2;
@z-index--beatmaps-panel: 4;
@z-index--page-extra-tabs: 5;
@zindex-navbar: 500; // bootstrap
@zindex-dropdown: 500; // bootstrap
@z-index--forum-topic-headernav: 501;
@z-index--fixed-bar: 501;
@z-index--blackout: 510;
@z-index--blackout-visible: 511;
@zindex-navbar-fixed: 530; // bootstrap
@zindex-modal-background: 540; // bootstrap
@zindex-modal: 550; // bootstrap
@zindex-popover: 560; // bootstrap
@zindex-tooltip: 570; // bootstrap
@z-index--nav-popup: 998;
@z-index--nav-float: 999;
// Xsolla overlay: 1000
@z-index--overlay: 9990;
@z-index--editor-zoom: 9999;

@z-index--beatmapset-header: 1;
@z-index--contest-header: 1;
@z-index--tournament-header: 1;

@box-shadow-x: 0;
@box-shadow-y: 1px;
@box-shadow-radius: 3px;
@box-shadow-color: fade(#000, 25%);

@avatar-size--base: 128px;

@landing-dot-size: 17px;

@profile-badge-size: 50px;
@profile-header-height: 350px;
@profile-user-bar-height: 60px;
@profile-avatar-size: 110px;
@profile-cover-thumb-size: 85px;
@profile-stats-box-width: 280px;

@beatmapset-avatar-size: 50px;

@beatmapset-scoreboard-avatar-size: 70px;
@beatmapset-float-box-width: 275px;

// top padding + menu + page title
@nav-avatar-size: 70px;
@nav-sm-height: 20px + @nav-menu-height + @nav-page-title-height;
@nav-page-title-height: 40px;
@nav-menu-height: 20px;
@nav-search-icon-width: 30px;

// here be font-sizes
@font-size--small: 10px;
@font-size--small-2: 11px;
@font-size--normal: 12px;
@font-size--normal-2: 13px;
@font-size--title-small: 14px;
@font-size--title-small-2: 15px;
@font-size--title-small-3: 16px;
@font-size--large: 20px;
@font-size--title: 24px;
@font-size--large-2: 35px;
@font-size--large-3: 40px;

@font-size--wiki: 14px;

@font-size--header-title: 32px;
@font-size--header-subtitle: 16px;
@font-size--header-description: 12px;

@font-size--header-wiki-2: 26px;
@font-size--header-wiki-3: 20px;
@font-size--header-wiki-4: 18px;
@font-size--header-wiki-5: 16px;
@font-size--header-wiki-6: 14px;

@font-size--new-header-title: 30px;
@font-size--new-header-subtitle: 14px;

@font-size--new-header-title-mobile: 24px;
@font-size--new-header-subtitle-mobile: 12px;

@font-size--forum-topic-entry-icon: 16px;
@font-size--forum-topic-entry-icon-small: 10px;
@font-size--forum-post-heading: 20px;
@font-size--forum-quote-heading: 13px;

@font-size--store-header-link-icon: 18px;
@font-size--store-header-link-text: 12px;
@font-size--store-notice-text: 15px;
@font-size--store-notice-title: 13px;

@font-size--livestream-header: 15px;
@font-size--livestream-featured-name: 30px;
@font-size--livestream-featured-detail: 15px;
@font-size--livestream-item-name: 15px;
@font-size--livestream-item-detail: 10px;

@font-size--nav-popup-link: 14px;
@font-size--nav-popup-section: 12px;
@font-size--nav-popup-title-large: 20px;
@font-size--nav-popup-title: 15px;

@font-size--paginator: 12px;
@font-size--phone-input: 16px;

@font-size--support-osu-popup-body: 15px;
@font-size--support-osu-popup-header: 48px;
@font-size--support-osu-popup-header-smaller: 26px;

@font-size--warning: 13px;
@font-size--warning-icon: 20px;

@font-size--iphone-input: 16px;

@flex-grid--gutter-width: 20px;

@header-icon-size: 50px;
@header-icon-margin: 8px;

@forum-category-colour--osu-bg: @pink;
@forum-category-colour--osu-link: @pink-text;
@forum-category-colour--osu-link-hover: @pink;

@forum-category-colour--language-specific-bg: @yellow;
@forum-category-colour--language-specific-link: @yellow-text;
@forum-category-colour--language-specific-link-hover: @yellow-dark;

@forum-category-colour--other-bg: @green;
@forum-category-colour--other-link: @green-text;
@forum-category-colour--other-link-hover: @green;

@forum-category-colour--beatmaps-bg: @purple;
@forum-category-colour--beatmaps-link: @purple-text;
@forum-category-colour--beatmaps-link-hover: @purple;

@forum-category-colour--osu-bg: @pink;
@forum-category-colour--osu-link: @pink-text;
@forum-category-colour--osu-link-hover: @pink;

@forum-category-colour--management-bg: @gray;
@forum-category-colour--management-link: @gray-text;
@forum-category-colour--management-link-hover: @gray;

@forum-post--xs-avatar: 50px;

@beatmap-discussion--avatar-size: 40px;
@beatmap-discussion--reply-padding: (20px + @beatmap-discussion--avatar-size);
@beatmap-discussion--timestamp-width: 110px;

@beatmap-discussion--color-praise: @blue-dark;
@beatmap-discussion--color-problem: @pink-dark;
@beatmap-discussion--color-suggestion: @yellow-dark;
@beatmap-discussion--color-resolved: @green;

@beatmappack-listing--gutter: 20px;

@section-color--default: @pink-darker;

@section-color--beatmaps: @pink-darker;
@section-color--community: @pink-darker;
@section-color--multiplayer: @pink-darker;
@section-color--error: @pink-darker;
@section-color--help: @yellow-darker;
@section-color--home: @purple-darker;
@section-color--ranking: @green-darker;
@section-color--store: @pink-darker;
@section-color--user: @blue-darker;

@user-color-default: @blue-darker;

@changelog-stream--stable: @blue;
@changelog-stream--stable-fallback: @green;
@changelog-stream--beta: @yellow;
@changelog-stream--cutting-edge: @yellow;
@changelog-stream--lazer: @red;
@changelog-stream--lazer-experimental: @red;

@changelog-stream--build-0: @purple;
@changelog-stream--build-1: @pink;
@changelog-stream--build-2: @blue;
@changelog-stream--build-3: @yellow;
@changelog-stream--build-4: @green;
@changelog-stream--build-5: @red;
@changelog-stream--build-6: #eee;
@changelog-stream--build-7: #fff;

@mod-width: 45px;
@mod-height: 32px;

@mod-height-normal: 22px;
@mod-width-normal: (@mod-height-normal / @mod-height * @mod-width);

@mod-height-small: 18px;
@mod-width-small: (@mod-height-small / @mod-height * @mod-width);

@page-spacing: 10px;

@rank-width: 60px;
@rank-height: 40px;

@btn-circle-diameter: 30px;

// difficulty colours
@diff-easy: @green;
@diff-normal: @yellow;
@diff-hard: @pink;
@diff-insane: @purple;
@diff-expert: #000;

// user profile detail-row
@detail-row--bottom-min-height: 18px;
@detail-row--score-details-gap: 2px;

// store slider
@slider-callout--arrow-height: 12px;
@slider-callout--arrow-gap: 2px;
@slider-callout--width: 128px;
@slider-handle-protrusion: 5px;
@slider-handle-height: @slider-height + 2 * @slider-handle-protrusion;
@slider-handle-width: 10px;
@slider-height: 10px;

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

@import "app";

@screen-mobile-max: (@screen-sm-min - 1px);
@desktop: ~"(min-width: @{screen-sm-min})";
@mobile: ~"(max-width: @{screen-mobile-max})";

@bar-size: 3px;
@logo-size: 100px;
// header left margin (20) + logo (100) + menu left margin (10)
@padding-big: (20px + @logo-size + 10px);
// ┐(ﾟ ヮﾟ)┌
@padding-wiki-desktop: 40px;
@padding-paginator: 15px;

@height--nav-popup: 300px;

@navbar-mobile--content-height: @navbar-height - (@navbar-padding-vertical * 2);

@border-radius--nav-avatar: 10px;

// here be z-indexes
@z-index--visibility-hidden: 0;
@z-index--body-background: 0;
@z-index--user-profile-avatar: 2;
@z-index--beatmaps-panel: 4;
@z-index--page-extra-tabs: 5;
// navbar-static-top: 1000 (bootstrap nav for mobile)
@z-index--forum-topic-headernav: 501;
@z-index--fixed-bar: 501;
@z-index--blackout: 510;
@z-index--blackout-visible: 511;

// override bootstrap
@zindex-navbar: 500;
@zindex-dropdown: 500;
@zindex-navbar-fixed: 530;
@zindex-modal-background: 540;
@zindex-modal: 550;
@zindex-popover: 560;
@zindex-tooltip: 570;
// end override bootstrap

// Xsolla overlay is 1000
@z-index--nav-popup: 998;
@z-index--nav-float: 999;
@z-index--overlay: 9990;
@z-index--editor-zoom: 9999;

@z-index--beatmapset-header: 1;
@z-index--contest-header: 1;
@z-index--tournament-header: 1;

@box-shadow-x: 0;
@box-shadow-y: 1px;
@box-shadow-radius: 3px;
@box-shadow-color: fade(#000, 25%);

@avatar-size--base: 128px;

@landing-dot-size: 17px;

@profile-badge-size: 50px;
@profile-header-height: 350px;
@profile-user-bar-height: 60px;
@profile-avatar-size: 110px;
@profile-cover-thumb-size: 85px;
@profile-stats-box-width: 280px;

@beatmapset-avatar-size: 50px;

@beatmapset-scoreboard-avatar-size: 70px;
@beatmapset-float-box-width: 275px;

// top padding + menu + page title
@nav-avatar-size: 70px;
@nav-sm-height: 20px + @nav-menu-height + @nav-page-title-height;
@nav-page-title-height: 40px;
@nav-menu-height: 20px;
@nav-search-icon-width: 30px;

// here be font-sizes
@font-size--small: 10px;
@font-size--small-2: 11px;
@font-size--normal: 12px;
@font-size--normal-2: 13px;
@font-size--title-small: 14px;
@font-size--title-small-2: 15px;
@font-size--title-small-3: 16px;
@font-size--large: 20px;
@font-size--title: 24px;
@font-size--large-2: 35px;
@font-size--large-3: 40px;

@font-size--wiki: 14px;

@font-size--header-title: 32px;
@font-size--header-subtitle: 16px;
@font-size--header-description: 12px;

@font-size--header-wiki-2: 26px;
@font-size--header-wiki-3: 20px;
@font-size--header-wiki-4: 18px;
@font-size--header-wiki-5: 16px;
@font-size--header-wiki-6: 14px;

@font-size--new-header-title: 30px;
@font-size--new-header-subtitle: 14px;

@font-size--new-header-title-mobile: 24px;
@font-size--new-header-subtitle-mobile: 12px;

@font-size--forum-topic-entry-icon: 16px;
@font-size--forum-topic-entry-icon-small: 10px;
@font-size--forum-post-heading: 20px;
@font-size--forum-quote-heading: 13px;

@font-size--store-header-link-icon: 18px;
@font-size--store-header-link-text: 12px;
@font-size--store-notice-text: 15px;
@font-size--store-notice-title: 13px;

@font-size--livestream-header: 15px;
@font-size--livestream-featured-name: 30px;
@font-size--livestream-featured-detail: 15px;
@font-size--livestream-item-name: 15px;
@font-size--livestream-item-detail: 10px;

@font-size--nav-popup-link: 14px;
@font-size--nav-popup-section: 12px;
@font-size--nav-popup-title-large: 20px;
@font-size--nav-popup-title: 15px;

@font-size--paginator: 12px;
@font-size--phone-input: 16px;

@font-size--support-osu-popup-body: 15px;
@font-size--support-osu-popup-header: 48px;
@font-size--support-osu-popup-header-smaller: 26px;

@font-size--warning: 13px;
@font-size--warning-icon: 20px;

@font-size--iphone-input: 16px;

@flex-grid--gutter-width: 20px;

@header-icon-size: 50px;
@header-icon-margin: 8px;

@forum-category-colour--osu-bg: @pink;
@forum-category-colour--osu-link: @pink-text;
@forum-category-colour--osu-link-hover: @pink;

@forum-category-colour--language-specific-bg: @yellow;
@forum-category-colour--language-specific-link: @yellow-text;
@forum-category-colour--language-specific-link-hover: @yellow-dark;

@forum-category-colour--other-bg: @green;
@forum-category-colour--other-link: @green-text;
@forum-category-colour--other-link-hover: @green;

@forum-category-colour--beatmaps-bg: @purple;
@forum-category-colour--beatmaps-link: @purple-text;
@forum-category-colour--beatmaps-link-hover: @purple;

@forum-category-colour--osu-bg: @pink;
@forum-category-colour--osu-link: @pink-text;
@forum-category-colour--osu-link-hover: @pink;

@forum-category-colour--management-bg: @gray;
@forum-category-colour--management-link: @gray-text;
@forum-category-colour--management-link-hover: @gray;

@forum-post--xs-avatar: 50px;

@beatmap-discussion--avatar-size: 40px;
@beatmap-discussion--reply-padding: (20px + @beatmap-discussion--avatar-size);
@beatmap-discussion--timestamp-width: 110px;

@beatmap-discussion--color-praise: @blue-dark;
@beatmap-discussion--color-problem: @pink-dark;
@beatmap-discussion--color-suggestion: @yellow-dark;
@beatmap-discussion--color-resolved: @green;

@beatmappack-listing--gutter: 20px;

@section-color--default: @pink-darker;

@section-color--beatmaps: @pink-darker;
@section-color--community: @pink-darker;
@section-color--multiplayer: @pink-darker;
@section-color--error: @pink-darker;
@section-color--help: @yellow-darker;
@section-color--home: @purple-darker;
@section-color--ranking: @green-darker;
@section-color--store: @pink-darker;
@section-color--user: @blue-darker;

@user-color-default: @blue-darker;

@changelog-stream--stable: @blue;
@changelog-stream--stable-fallback: @green;
@changelog-stream--beta: @yellow;
@changelog-stream--cutting-edge: @yellow;
@changelog-stream--lazer: @red;
@changelog-stream--lazer-experimental: @red;

@changelog-stream--build-0: @purple;
@changelog-stream--build-1: @pink;
@changelog-stream--build-2: @blue;
@changelog-stream--build-3: @yellow;
@changelog-stream--build-4: @green;
@changelog-stream--build-5: @red;
@changelog-stream--build-6: #eee;
@changelog-stream--build-7: #fff;

@mod-width: 45px;
@mod-height: 32px;

@mod-height-normal: 22px;
@mod-width-normal: (@mod-height-normal / @mod-height * @mod-width);

@mod-height-small: 18px;
@mod-width-small: (@mod-height-small / @mod-height * @mod-width);

@page-spacing: 10px;

@rank-width: 60px;
@rank-height: 40px;

@btn-circle-diameter: 30px;

// difficulty colours
@diff-easy: @green;
@diff-normal: @yellow;
@diff-hard: @pink;
@diff-insane: @purple;
@diff-expert: #000;

// user profile detail-row
@detail-row--bottom-min-height: 18px;
@detail-row--score-details-gap: 2px;

// store slider
@slider-callout--arrow-height: 12px;
@slider-callout--arrow-gap: 2px;
@slider-callout--width: 128px;
@slider-handle-protrusion: 5px;
@slider-handle-height: @slider-height + 2 * @slider-handle-protrusion;
@slider-handle-width: 10px;
@slider-height: 10px;


Restructure capital letter classes

Restructure capital letter classes

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


easy to go mixin on app for colors and global variables

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/zazujs/zazu-app-github-pulls.git/'


Pagination

Pagination

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/putterschool/styleguide.git/'


Fix miss typo

Fix miss typo

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


Use mini-icon helper for loading-message

@import "octicon-mixins.less";

.select-list {
  .loading {
    .loading-message {
      .mini-icon(hourglass);

      &:before {
        font-size: 1.1em;
        width: 1.1em;
        height: 1.1em;
        margin-right: 5px;
      }
    }

    .badge {
      margin-left: 10px;
    }
  }

  ol {
    position: relative;
    overflow-y: auto;
    max-height: 312px;
    margin: 0;
    padding: 0;

    &:empty {
      border: none;
    }

    li {
      padding: 10px;
      display: block;

      &.two-lines {
        padding: 5px 10px 5px 10px;
      }

      .primary-line, .secondary-line {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }

    li:last-child {
      border-bottom: none;
    }

    li.active-item {
      .mini-icon(confirm, 14px);

      &:before {
        margin-right: 5px;
      }
    }

    li.inactive-item {
      padding-left: 29px;
    }

    li .right {
      float: right;
    }

    .key-binding {
      border-radius: 2px;
      margin-left: 5px;
      padding: 3px;
      font-size: 11px;
    }
  }
}

@import "octicon-mixins.less";

.select-list {
  .loading {
    .loading-message:before {
      font-family: 'Octicons Regular';
      font-size: 1.1em;
      width: 1.1em;
      height: 1.1em;
      margin-right: 5px;
      -webkit-font-smoothing: antialiased;
      content: '\f09e';
    }

    .badge {
      margin-left: 10px;
    }
  }

  ol {
    position: relative;
    overflow-y: auto;
    max-height: 312px;
    margin: 0;
    padding: 0;

    &:empty {
      border: none;
    }

    li {
      padding: 10px;
      display: block;

      &.two-lines {
        padding: 5px 10px 5px 10px;
      }

      .primary-line, .secondary-line {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }

    li:last-child {
      border-bottom: none;
    }

    li.active-item {
      .mini-icon(confirm, 14px);

      &:before {
        margin-right: 5px;
      }
    }

    li.inactive-item {
      padding-left: 29px;
    }

    li .right {
      float: right;
    }

    .key-binding {
      border-radius: 2px;
      margin-left: 5px;
      padding: 3px;
      font-size: 11px;
    }
  }
}


fix `svg-fill` mixin regading new color values other than hex

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


initial animation.less - commit

initial animation.less - commit

default animation for angstrom

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


0.1: delete useless folder

0.1: delete useless folder

.meta-background {
  margin: 20px 0;
  border-radius: 3px;
  background-color: #BDC3C7;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 60px;
  color: #fff;
  .hidden-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 99;
    cursor: pointer;
  }
  .upload-background-btn {
    box-shadow: none;
    font-size: 20px;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 98;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    &:hover {
      cursor: pointer;
    }
  }
  &:hover {
    background-color: #7F8C8D;
    cursor: pointer;
  }
}


Add borders to toolbar buttons

Add borders to toolbar buttons

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/Jenselme/ngeo.git/'