optimized card inverse extend selector

optimized card inverse extend selector

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


Fix markdown preview height. Some styles crept back in during merge.

.markdown-preview {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  background-color: #fff;
  overflow: scroll;
  box-sizing: border-box;
  padding: 20px;
}

.markdown-spinner {
  margin: auto;
  background-image: url(images/octocat-spinner-128.gif);
  background-repeat: no-repeat;
  background-size: 64px;
  background-position: top center;
  padding-top: 70px;
  text-align: center;
}

// This is styling for generic markdownized text. Anything you put in a
// container with .markdown-preview on it should render generally well. It also
// includes some GitHub Flavored Markdown specific styling (like @mentions)
.markdown-preview {
  pre,
  code,
  tt {
    font-size: 12px;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
  }

  a {
    color: #4183c4;
  }

  ol > li {
    list-style-type: decimal;
  }

  ul > li {
    list-style-type: disc;
  }

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

  & > *:last-child {
    margin-bottom: 0 !important;
  }

  // Link Colors
  a.absent {
    color: #c00;
  }

  a.anchor {
    display: block;
    padding-left: 30px;
    margin-left: -30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }

  // Headings
  h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px;
    padding: 0;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    cursor: text;
    position: relative;

    .mini-icon-link {
      display: none;
      color: #000;
    }

    &:hover a.anchor {
      text-decoration: none;
      line-height: 1;
      padding-left: 0;
      margin-left: -22px;
      top: 15%;

      .mini-icon-link {
        display: inline-block;
      }
    }
    tt, code {
      font-size: inherit;
    }
  }

  h1 {
    font-size: 28px;
    color: #000;
  }

  h2 {
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    color: #000;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    color: #777;
    font-size: 14px;
  }

  p,
  blockquote,
  ul, ol, dl,
  table,
  pre {
    margin: 15px 0;
  }

  hr {
    background: transparent;
    border: 0 none;
    color: #ccc;
    height: 4px;
    padding: 0;
  }

  & > h2:first-child,
  & > h1:first-child,
  & > h1:first-child + h2,
  & > h3:first-child,
  & > h4:first-child,
  & > h5:first-child,
  & > h6:first-child {
    margin-top: 0;
    padding-top: 0;
  }

  // fixes margin on shit like:
  //
  //
The Heading

  a:first-child {
    h1, h2, h3, h4, h5, h6 {
      margin-top: 0;
      padding-top: 0;
    }
  }

  h1 + p,
  h2 + p,
  h3 + p,
  h4 + p,
  h5 + p,
  h6 + p {
    margin-top: 0;
  }

  // ReST first graf in nested list
  li p.first {
    display: inline-block;
  }

  // Lists, Blockquotes & Such
  ul, ol {
    padding-left: 30px;

    &.no-list {
      list-style-type: none;
      padding: 0;
    }

    li > :first-child,
    li ul:first-of-type {
      margin-top: 0px;
    }
  }

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

  dl {
    padding: 0;
  }

  dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px;

    &:first-child {
      padding: 0;
    }
    & > :first-child {
      margin-top: 0px;
    }

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

  dl dd {
    margin: 0 0 15px;
    padding: 0 15px;
    & > :first-child {
      margin-top: 0px;
    }

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

  blockquote {
    border-left: 4px solid #DDD;
    padding: 0 15px;
    color: #777;

    & > :first-child {
      margin-top: 0px;
    }

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

  // Tables
  table {

    th {
      font-weight: bold;
    }

    th, td {
      border: 1px solid #ccc;
      padding: 6px 13px;
    }

    tr {
      border-top: 1px solid #ccc;
      background-color: #fff;

      &:nth-child(2n) {
        background-color: #f8f8f8;
      }
    }
  }

  // Images & Stuff
  img {
    max-width: 100%;
    @include box-sizing();
  }

  // Gollum Image Tags

  // Framed
  span.frame {
    display: block;
    overflow: hidden;

    & > span {
      border: 1px solid #ddd;
      display: block;
      float: left;
      overflow: hidden;
      margin: 13px 0 0;
      padding: 7px;
      width: auto;
    }

    span img {
      display: block;
      float: left;
    }

    span span {
      clear: both;
      color: #333;
      display: block;
      padding: 5px 0 0;
    }
  }

  span.align-center {
    display: block;
    overflow: hidden;
    clear: both;

    & > span {
      display: block;
      overflow: hidden;
      margin: 13px auto 0;
      text-align: center;
    }

    span img {
      margin: 0 auto;
      text-align: center;
    }
  }

  span.align-right {
    display: block;
    overflow: hidden;
    clear: both;

    & > span {
      display: block;
      overflow: hidden;
      margin: 13px 0 0;
      text-align: right;
    }

    span img {
      margin: 0;
      text-align: right;
    }
  }

  span.float-left {
    display: block;
    margin-right: 13px;
    overflow: hidden;
    float: left;

    span {
      margin: 13px 0 0;
    }
  }

  span.float-right {
    display: block;
    margin-left: 13px;
    overflow: hidden;
    float: right;

    & > span {
      display: block;
      overflow: hidden;
      margin: 13px auto 0;
      text-align: right;
    }
  }

  // Inline code snippets
  code, tt {
    margin: 0 2px;
    padding: 0px 5px;
    border: 1px solid #eaeaea;
    background-color: #f8f8f8;
    border-radius:3px;
  }

  code { white-space: nowrap; }

  // Code tags within code blocks (
s)
  pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background: transparent;
  }

  .highlight pre, pre {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius:3px;
  }

  pre code, pre tt {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
  }
}

.markdown-preview {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #fff;
  overflow: scroll;
  z-index: 3;
  box-sizing: border-box;
  padding: 20px;
}

.markdown-spinner {
  margin: auto;
  background-image: url(images/octocat-spinner-128.gif);
  background-repeat: no-repeat;
  background-size: 64px;
  background-position: top center;
  padding-top: 70px;
  text-align: center;
}

// This is styling for generic markdownized text. Anything you put in a
// container with .markdown-preview on it should render generally well. It also
// includes some GitHub Flavored Markdown specific styling (like @mentions)
.markdown-preview {
  pre,
  code,
  tt {
    font-size: 12px;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
  }

  a {
    color: #4183c4;
  }

  ol > li {
    list-style-type: decimal;
  }

  ul > li {
    list-style-type: disc;
  }

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

  & > *:last-child {
    margin-bottom: 0 !important;
  }

  // Link Colors
  a.absent {
    color: #c00;
  }

  a.anchor {
    display: block;
    padding-left: 30px;
    margin-left: -30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }

  // Headings
  h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px;
    padding: 0;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    cursor: text;
    position: relative;

    .mini-icon-link {
      display: none;
      color: #000;
    }

    &:hover a.anchor {
      text-decoration: none;
      line-height: 1;
      padding-left: 0;
      margin-left: -22px;
      top: 15%;

      .mini-icon-link {
        display: inline-block;
      }
    }
    tt, code {
      font-size: inherit;
    }
  }

  h1 {
    font-size: 28px;
    color: #000;
  }

  h2 {
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    color: #000;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    color: #777;
    font-size: 14px;
  }

  p,
  blockquote,
  ul, ol, dl,
  table,
  pre {
    margin: 15px 0;
  }

  hr {
    background: transparent;
    border: 0 none;
    color: #ccc;
    height: 4px;
    padding: 0;
  }

  & > h2:first-child,
  & > h1:first-child,
  & > h1:first-child + h2,
  & > h3:first-child,
  & > h4:first-child,
  & > h5:first-child,
  & > h6:first-child {
    margin-top: 0;
    padding-top: 0;
  }

  // fixes margin on shit like:
  //
  //
The Heading

  a:first-child {
    h1, h2, h3, h4, h5, h6 {
      margin-top: 0;
      padding-top: 0;
    }
  }

  h1 + p,
  h2 + p,
  h3 + p,
  h4 + p,
  h5 + p,
  h6 + p {
    margin-top: 0;
  }

  // ReST first graf in nested list
  li p.first {
    display: inline-block;
  }

  // Lists, Blockquotes & Such
  ul, ol {
    padding-left: 30px;

    &.no-list {
      list-style-type: none;
      padding: 0;
    }

    li > :first-child,
    li ul:first-of-type {
      margin-top: 0px;
    }
  }

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

  dl {
    padding: 0;
  }

  dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px;

    &:first-child {
      padding: 0;
    }
    & > :first-child {
      margin-top: 0px;
    }

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

  dl dd {
    margin: 0 0 15px;
    padding: 0 15px;
    & > :first-child {
      margin-top: 0px;
    }

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

  blockquote {
    border-left: 4px solid #DDD;
    padding: 0 15px;
    color: #777;

    & > :first-child {
      margin-top: 0px;
    }

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

  // Tables
  table {

    th {
      font-weight: bold;
    }

    th, td {
      border: 1px solid #ccc;
      padding: 6px 13px;
    }

    tr {
      border-top: 1px solid #ccc;
      background-color: #fff;

      &:nth-child(2n) {
        background-color: #f8f8f8;
      }
    }
  }

  // Images & Stuff
  img {
    max-width: 100%;
    @include box-sizing();
  }

  // Gollum Image Tags

  // Framed
  span.frame {
    display: block;
    overflow: hidden;

    & > span {
      border: 1px solid #ddd;
      display: block;
      float: left;
      overflow: hidden;
      margin: 13px 0 0;
      padding: 7px;
      width: auto;
    }

    span img {
      display: block;
      float: left;
    }

    span span {
      clear: both;
      color: #333;
      display: block;
      padding: 5px 0 0;
    }
  }

  span.align-center {
    display: block;
    overflow: hidden;
    clear: both;

    & > span {
      display: block;
      overflow: hidden;
      margin: 13px auto 0;
      text-align: center;
    }

    span img {
      margin: 0 auto;
      text-align: center;
    }
  }

  span.align-right {
    display: block;
    overflow: hidden;
    clear: both;

    & > span {
      display: block;
      overflow: hidden;
      margin: 13px 0 0;
      text-align: right;
    }

    span img {
      margin: 0;
      text-align: right;
    }
  }

  span.float-left {
    display: block;
    margin-right: 13px;
    overflow: hidden;
    float: left;

    span {
      margin: 13px 0 0;
    }
  }

  span.float-right {
    display: block;
    margin-left: 13px;
    overflow: hidden;
    float: right;

    & > span {
      display: block;
      overflow: hidden;
      margin: 13px auto 0;
      text-align: right;
    }
  }

  // Inline code snippets
  code, tt {
    margin: 0 2px;
    padding: 0px 5px;
    border: 1px solid #eaeaea;
    background-color: #f8f8f8;
    border-radius:3px;
  }

  code { white-space: nowrap; }

  // Code tags within code blocks (
s)
  pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background: transparent;
  }

  .highlight pre, pre {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius:3px;
  }

  pre code, pre tt {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
  }
}


removed some unecessary css for social buttons not going to use

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/YoungElPaso/accn-static.git/'


Create bordered-pulled.less

Create bordered-pulled.less

// Bordered & Pulled
// -------------------------

.@{fa-css-prefix}-border {
  padding: .2em .25em .15em;
  border: solid .08em @fa-border-color;
  border-radius: .1em;
}

.pull-right { float: right; }
.pull-left { float: left; }

.@{fa-css-prefix} {
  &.pull-left { margin-right: .3em; }
  &.pull-right { margin-left: .3em; }
}

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


markup block width fix

markup block width fix

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/jpolete/kss-node-template.git/'


Create style.less

Create style.less

error: pathspec 'Developer/ui-kit/ui-kit-card/less/style.less' did not match any file(s) known to git


remove unused element

remove unused element

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


misplaced }

misplaced }

fatal: unable to access 'https://github.com/synappio/rc-blog.git/': The requested URL returned error: 403


Fix some more CSS dialog problems with scroll bars etc.

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/addrummond/nodeibexfarm.git/'


fix opacity #2

fix opacity #2

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/VoiSmart/Rocket.Chat.git/'


display: block on "Design Guidelines" link

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


forgot to add new file in previous commit

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


let prose content be scrolled on Edit Listing page

@import 'lib';

.manage, .devhub-form {
    &.primary, &.secondary {
        .border-box;
    }
    &.primary {
        float: right;
        width: 74%;
    }
    &.secondary {
        float: left;
        width: 22%;
    }
    #edit-addon-nav {
        background: fadeOut(@orange, 98%);
    }
    .refinements {
        font-family: @open-stack;
        a {
            display: block;
            padding: 8px 6px;
            &:hover {
                background: darken(@faded-taupe, 5%);
            }
        }
        li + li a {
            border-top: 1px dotted @border-taupe;
        }
        .selected a {
            background: darken(@faded-taupe, 20%);
            color: @orange;
            font-weight: bold;
        }
    }
}

.loading, .loaded {
    position: relative;
}
.loading:before {
    .border-radius(5px 5px 5px 5px);
    .transition(opacity .5s);
    content: "";
    display: block;
    background: #040204 url(../../img/zamboni/loading.gif) no-repeat 50% 50%;
    height: 100%;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.loaded:before {
    opacity: 0;
    pointer-events: none;
}

#edit-addon {
    .edit-addon-section {
        margin-bottom: 2em;
        overflow: hidden;
        width: 100%;
    }
    h2 {
        margin-top: 0;
        a, .save-badge {
            font-size: 11px;
            font-style: normal;
            position: relative;
            top: -3px;
            left: 3px;
        }
    }
}

.save-badge {
    background: @light-green;
    .border-radius(6px);
    color: #fff;
    font: normal bold 10px @open-stack;
    margin-left: .5em;
    padding: .375em 1em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    .transition(opacity 1s);
}

#setup h3,
#marketplace-confirm h3,
.addon-submission-process > h3,
.developer-hub .primary > h3 {
    margin-top: 0;
    padding-top: 0;
}

#trans-tags,
#trans-name,
#manifest-url {
    input {
        width: 400px;
    }
}

.trans {
    line-height: 1.3;
}

.item.island {
    .trans {
        max-width: 530px;
        word-wrap: break-word;
    }
    table .trans {
        max-height: 250px;
        padding-right: 15px;
        overflow: auto;
    }
}

.html-rtl .item.island  table .trans {
    padding: 0 0 0 15px;
}

#submit-describe {
    #trans-name {
        display: inline-block;
        margin-right: 8px;
        vertical-align: bottom;
        input {
            width: 370px;
        }
    }
}

.edit_with_prefix {
    .border-box;
    border: 1px solid @light-gray;
    background: #eee;
    .border-radius(5px);
    color: @medium-gray;
    padding: 0;
    width: 400px;
    span, input {
        .border-box;
    }
    span {
        border-right: 0 none;
        display: block;
        float: left;
        line-height: 1.2;
        overflow: hidden;
        max-width: 215px;
        padding: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    input[type=text] {
        .border-radius(0 5px 5px 0);
        .box-shadow(none);
        border: 0;
        float: right;
        width: 170px;
    }
}
.error .edit_with_prefix {
    border-color: @red;
}
.edit_initially_hidden {
    display: none;
}

#edit-addon-support #trans-support_email,
#edit-addon-support #trans-support_url,
#edit-addon-details #trans-homepage {
    input {
        width: 400px;
    }
}

#slug_edit a {
    font-size: 11px;
    font-weight: bold;
}

form .char-count,
.html-rtl form .edit-addon-details .char-count {
    float: left;
}
.html-rtl form .char-count,
form .edit-addon-details .char-count {
    float: right;
}

form .char-count {
    font-size: 0.9em;
}
form .edit-addon-details {
    .char-count, .html-support {
        font-size: 1em;
    }
}

form .char-count.error,
form .char-count.error b {
    color: #c00;
    margin-bottom: 0;
}

form .char-count b,
span.locale,
span.hint {
    font-weight: normal;
}
.devhub-form th label {
    display: inline-block;
    font-weight: bold;
}

form .char-count,
span.locale,
span.hint {
    color: #888;
}

span.locale,
span.hint {
    display: block;
    font-size: .9em;
    line-height: 1;
    margin-top: 2px;
}

input + .hint {
    font-size: 11px;
    margin-top: 6px;
}

.above-the-field {
    font: bold 14px @sans-stack;
    color: @dark-gray;
    + .help {
        color: @medium-gray;
        margin-top: 5px;
    }
}

label.above-the-field .locale {
    display: inline;
    margin-left: 0.5em;
}

/*
Bug 622030- TODO (potch) fix this later

#addon-description,
#developer_comments {
    max-height: 6.4em;
    overflow: hidden;
}
*/

table .prose {
    margin: 0;
    overflow: hidden;
}

.edit-addon-details,
.edit-media-details {
    padding-top: 3px;
    font-size: 0.9em;
}

.edit-addon-details,
form .char-count b {
    color: #555;
}

.edit-media-details {
    padding-bottom: 5px;
    color: #444;
}

.edit-media-details .tip {
    font-size: 12px;
    height: 14px;
    width: 14px;
}

/* @group Add-on category selection */

.addon-app-cats {
    margin: 0 0 1.5em;
    > label {
        display: block;
        margin-bottom: 5px;
    }
}

#edit-addon-basic {
    .char-count,
    .html-support {
        margin-bottom: 0;
    }
    p {
        margin: 0;
        &.note {
            line-height: 1.3;
            margin-top: 5px;
        }
    }
}

#edit-addon-basic .addon-app-cats {
    border-top: 1px dotted #add0dc;
    margin: 8px 0 0;
    padding-top: 8px;
}
#edit-addon-basic input + .addon-app-cats,
#edit-addon-basic p.addon-app-cats:first-child {
    border-top-width: 0;
    margin-top: 0;
    padding-top: 0;
}

.addon-categories {
    .columns(3, 1.5em);
    margin-bottom: 0.5em;
}

#addon-categories-edit .addon-categories {
    .column-count(2);
}

.addon-misc-category,
.addon-app-cats-inline {
    margin: 0;
}

.addon-categories label,
.addon-misc-category label {
    font-weight: normal;
}

.addon-app-cats-inline li b {
    margin-right: 0.25em;
}

@import 'lib';

.manage, .devhub-form {
    &.primary, &.secondary {
        .border-box;
    }
    &.primary {
        float: right;
        width: 74%;
    }
    &.secondary {
        float: left;
        width: 22%;
    }
    #edit-addon-nav {
        background: fadeOut(@orange, 98%);
    }
    .refinements {
        font-family: @open-stack;
        a {
            display: block;
            padding: 8px 6px;
            &:hover {
                background: darken(@faded-taupe, 5%);
            }
        }
        li + li a {
            border-top: 1px dotted @border-taupe;
        }
        .selected a {
            background: darken(@faded-taupe, 20%);
            color: @orange;
            font-weight: bold;
        }
    }
}

.loading, .loaded {
    position: relative;
}
.loading:before {
    .border-radius(5px 5px 5px 5px);
    .transition(opacity .5s);
    content: "";
    display: block;
    background: #040204 url(../../img/zamboni/loading.gif) no-repeat 50% 50%;
    height: 100%;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.loaded:before {
    opacity: 0;
    pointer-events: none;
}

#edit-addon {
    .edit-addon-section {
        margin-bottom: 2em;
        overflow: hidden;
        width: 100%;
    }
    h2 {
        margin-top: 0;
        a, .save-badge {
            font-size: 11px;
            font-style: normal;
            position: relative;
            top: -3px;
            left: 3px;
        }
    }
}

.save-badge {
    background: @light-green;
    .border-radius(6px);
    color: #fff;
    font: normal bold 10px @open-stack;
    margin-left: .5em;
    padding: .375em 1em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    .transition(opacity 1s);
}

#setup h3,
#marketplace-confirm h3,
.addon-submission-process > h3,
.developer-hub .primary > h3 {
    margin-top: 0;
    padding-top: 0;
}

#trans-tags,
#trans-name,
#manifest-url {
    input {
        width: 400px;
    }
}

.trans {
    line-height: 1.3;
}

.item.island .trans {
    max-width: 530px;
    word-wrap: break-word;
}

#submit-describe {
    #trans-name {
        display: inline-block;
        margin-right: 8px;
        vertical-align: bottom;
        input {
            width: 370px;
        }
    }
}

.edit_with_prefix {
    .border-box;
    border: 1px solid @light-gray;
    background: #eee;
    .border-radius(5px);
    color: @medium-gray;
    padding: 0;
    width: 400px;
    span, input {
        .border-box;
    }
    span {
        border-right: 0 none;
        display: block;
        float: left;
        line-height: 1.2;
        overflow: hidden;
        max-width: 215px;
        padding: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    input[type=text] {
        .border-radius(0 5px 5px 0);
        .box-shadow(none);
        border: 0;
        float: right;
        width: 170px;
    }
}
.error .edit_with_prefix {
    border-color: @red;
}
.edit_initially_hidden {
    display: none;
}

#edit-addon-support #trans-support_email,
#edit-addon-support #trans-support_url,
#edit-addon-details #trans-homepage {
    input {
        width: 400px;
    }
}

#slug_edit a {
    font-size: 11px;
    font-weight: bold;
}

form .char-count,
.html-rtl form .edit-addon-details .char-count {
    float: left;
}
.html-rtl form .char-count,
form .edit-addon-details .char-count {
    float: right;
}

form .char-count {
    font-size: 0.9em;
}
form .edit-addon-details {
    .char-count, .html-support {
        font-size: 1em;
    }
}

form .char-count.error,
form .char-count.error b {
    color: #c00;
    margin-bottom: 0;
}

form .char-count b,
span.locale,
span.hint {
    font-weight: normal;
}
.devhub-form th label {
    display: inline-block;
    font-weight: bold;
}

form .char-count,
span.locale,
span.hint {
    color: #888;
}

span.locale,
span.hint {
    display: block;
    font-size: .9em;
    line-height: 1;
    margin-top: 2px;
}

input + .hint {
    font-size: 11px;
    margin-top: 6px;
}

.above-the-field {
    font: bold 14px @sans-stack;
    color: @dark-gray;
    + .help {
        color: @medium-gray;
        margin-top: 5px;
    }
}

label.above-the-field .locale {
    display: inline;
    margin-left: 0.5em;
}

/*
Bug 622030- TODO (potch) fix this later

#addon-description,
#developer_comments {
    max-height: 6.4em;
    overflow: hidden;
}
*/

table .prose {
    margin: 0;
    overflow: hidden;
}

.edit-addon-details,
.edit-media-details {
    padding-top: 3px;
    font-size: 0.9em;
}

.edit-addon-details,
form .char-count b {
    color: #555;
}

.edit-media-details {
    padding-bottom: 5px;
    color: #444;
}

.edit-media-details .tip {
    font-size: 12px;
    height: 14px;
    width: 14px;
}

/* @group Add-on category selection */

.addon-app-cats {
    margin: 0 0 1.5em;
    > label {
        display: block;
        margin-bottom: 5px;
    }
}

#edit-addon-basic {
    .char-count,
    .html-support {
        margin-bottom: 0;
    }
    p {
        margin: 0;
        &.note {
            line-height: 1.3;
            margin-top: 5px;
        }
    }
}

#edit-addon-basic .addon-app-cats {
    border-top: 1px dotted #add0dc;
    margin: 8px 0 0;
    padding-top: 8px;
}
#edit-addon-basic input + .addon-app-cats,
#edit-addon-basic p.addon-app-cats:first-child {
    border-top-width: 0;
    margin-top: 0;
    padding-top: 0;
}

.addon-categories {
    .columns(3, 1.5em);
    margin-bottom: 0.5em;
}

#addon-categories-edit .addon-categories {
    .column-count(2);
}

.addon-misc-category,
.addon-app-cats-inline {
    margin: 0;
}

.addon-categories label,
.addon-misc-category label {
    font-weight: normal;
}

.addon-app-cats-inline li b {
    margin-right: 0.25em;
}


remove opacity from new tab button

remove opacity from new tab button

fatal: unable to access 'https://github.com/timborden/browser-laptop.git/': The requested URL returned error: 403


Add stylesheet for text align

Add stylesheet for text align

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-jquery-table-select.git/'


Property "-webkit-tap-highlight-color" added to html and body elements.

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/elasthink/uix.git/'


Delete mixins.less

Delete mixins.less

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


Fix excess content in table cells

Fix excess content in table cells