Fixes a bug on Firefox.

Fixes a bug on Firefox.

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}

body {
    font-size: 24px;
    line-height: 1.2em;
}

.wed-menu-layer {
    z-index: 2;
    >* {
        position: absolute;
    }
}

.wed-caret-layer {
    z-index: 1;
    >* {
        position: absolute;
    }

    ._wed_caret {
        background-color: black;
        white-space: pre;
        border-style: none;
        display: inline-block;
        max-width: 1px;
        min-height: 100%;
        animation: caret 1s linear infinite;
        -webkit-animation: caret 1s linear infinite;
    }

}

div.wed-document {
    border-style: solid;
    border-width: 1px;

    div {
        word-wrap: normal;

        &._phantom {
            background-color: #C0C0C0;
            white-space: normal;

            &._gui {
                background-color: white;
            }

            &._text {
                display: inline;
            }
        }

        &._real {
            display: block;
            background-color: white;
            white-space: normal;
            margin-left: 1em;

            &._inline {
                display: inline;
                margin-left: 0em;
            }
        }
    }

    >div._real {
        margin-left: 0em;
    }

    ._owns_caret {
        border-bottom-style: solid;
    }

    ._placeholder {
        border-style: solid;
        white-space: pre;

        &._owns_caret {
            background-color: #C0C0C0;
            animation: placeholder 1s infinite;
            -webkit-animation: placeholder 1s infinite;
        }
    }

    ._gui._button>span {
        display: inline-block;
        line-height: 1;
        margin: 0.25em 0em;
    }

    ._gui._button, ._gui._button._owns_caret {
        text-indent: 0em;
        /* This restores the bootstrap 2 style. */
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        background-color: #3a87ad;
        color: white;

        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: .25em;
        border-style: none;
    }

    ._gui._button._button_clicked {
        background-color: #f0ad4e;
    }
}

@keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes caret {
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}

@-webkit-keyframes caret {
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}

/* Bootstrap styling */

.tooltip {
    font-size: 24px;
    max-width: 100em;
    line-height: 1.2em;
}

.tooltip-inner {
    background-color: #FFEF93;
    color: black;
    text-indent: 0em;
}

#sidebar {
    font-size: 16px;
}

#validation-message {
    font-size: 16px;
}

.label {
    text-indent: 0em;
    /* This restores the bootstrap 2 style. */
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.label-info {
    /* This restores the bootstrap 2 style. */
    background-color: #3a87ad;
}

.dropdown-menu>li>a {
    /* This restores the bootstrap 2 style. */
    line-height: 1;
}

.modal {
    position: absolute;

    .modal-body {
        /* See https://github.com/twitter/bootstrap/issues/6344 if there are
issues with typeaheads */
        overflow-y: auto;
    }
}

#validation-progress {
    -webkit-transition: width 0 ease 0;
    -moz-transition: width 0 ease 0;
    -o-transition: width 0 ease 0;
    transition: width 0 ease 0;
}

.progress {
    margin-bottom: inherit;
    height: 28px;

    /* The next stylings are to allow text over progress bars */

    span {
        position: absolute;
        left: 0;
        color: black;
        z-index: 2;
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    /* Styling to allow text over progress bars ends here */
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}

body {
    font-size: 24px;
    line-height: 1.2em;
}

.wed-menu-layer {
    z-index: 2;
    >* {
        position: absolute;
    }
}

.wed-caret-layer {
    z-index: 1;
    >* {
        position: absolute;
    }

    ._wed_caret {
        background-color: black;
        white-space: pre;
        border-style: none;
        display: inline-block;
        max-width: 1px;
        min-height: 100%;
        animation: caret 1s linear infinite;
        -webkit-animation: caret 1s linear infinite;
    }

}

div.wed-document {
    border-style: solid;
    border-width: 1px;

    div {
        word-wrap: normal;

        &._phantom {
            background-color: #C0C0C0;
            white-space: normal;

            &._gui {
                background-color: white;
            }

            &._text {
                display: inline;
            }
        }

        &._real {
            display: block;
            background-color: white;
            white-space: normal;
            margin-left: 1em;

            &._inline {
                display: inline;
                margin-left: 0em;
            }
        }
    }

    >div._real {
        margin-left: 0em;
    }

    ._owns_caret {
        border-bottom-style: solid;
    }

    ._placeholder {
        border-style: solid;
        white-space: pre;

        &._owns_caret {
            background-color: #C0C0C0;
            animation: placeholder 1s infinite;
            -webkit-animation: placeholder 1s infinite;
        }
    }

    ._gui._button>span {
        display: inline-block;
        line-height: 1;
        margin: 0.25em 0em;
    }

    ._gui._button, ._gui._button._owns_caret {
        text-indent: 0em;
        /* This restores the bootstrap 2 style. */
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        background-color: #3a87ad;
        color: white;

        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: .25em;
        border-style: none;
    }

    ._gui._button._button_clicked {
        background-color: #f0ad4e;
    }
}

@keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes caret {
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}

@-webkit-keyframes caret {
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}

/* Bootstrap styling */

.tooltip {
    font-size: 24px;
    max-width: 100em;
    line-height: 1.2em;
}

.tooltip-inner {
    background-color: #FFEF93;
    color: black;
    text-indent: 0em;
}

#sidebar {
    font-size: 16px;
}

#validation-message {
    font-size: 16px;
}

.label {
    text-indent: 0em;
    /* This restores the bootstrap 2 style. */
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.label-info {
    /* This restores the bootstrap 2 style. */
    background-color: #3a87ad;
}

.dropdown-menu>li>a {
    /* This restores the bootstrap 2 style. */
    line-height: 1;
}

.modal {
    position: absolute;

    .modal-body {
        /* See https://github.com/twitter/bootstrap/issues/6344 if there are
issues with typeaheads */
        overflow-y: auto;
    }
}

#validation-progress {
    -webkit-transition: width 0 ease 0;
    -moz-transition: width 0 ease 0;
    -o-transition: width 0 ease 0;
    transition: width 0 ease 0;
}

.progress {
    margin-bottom: inherit;
    height: 28px;

    /* The next stylings are to allow text over progress bars */

    span {
        position: absolute;
        color: black;
        z-index: 2;
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    /* Styling to allow text over progress bars ends here */
}


[gh-pages] Add navigator.less

[gh-pages] Add navigator.less

with initial styles of nav-horizontal menu

.nav-horizontal {
  position: fixed;
  width: 100%;
  background: @white;
  text-align: left;
  border-bottom: 2px solid lighten(@black, 62.5%);
  ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .link-menu-item {
    font-weight: 700;
    padding: 1em 2em;
    display: inline-block;
    &:hover {
      background: lighten(@black, 72.5%);
    }
  }
  .nav-atoms {
    .link-menu-item {
      color: @color-red;
    }
  }
  .nav-molecules {
    .link-menu-item {
      color: @color-yellow;
    }
  }
  .nav-organisms {
    .link-menu-item {
      color: @color-green;
    }
  }
  .nav-templates {
    .link-menu-item {
      color: @color-blue;
    }
  }
  .nav-devices {
    .link-menu-item {
      color: #555;
    }
  }
  > ul,
  .nav-horizontal-submenu-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 1.875em;
    > div {
      width: 20%;
      float: left;
      padding: 0 2em 0;
      ul {
        height: 14em;
      }
      a  {
        line-height: 2em;
      }
    }
    &:before,
    &:after {
      content: " ";
      display: table;
    }
    &:after {
      clear: both;
    }
  }
  .nav-horizontal-submenu-open {
    .nav-horizontal-submenu {
      display: block;
      padding-bottom: 3em;
    }
    .link-menu-item,
    .link-item {
      color: #fff;
      > &:hover {
        color: #fff;
      }
    }
    &.nav-atoms {
      .link-menu-item {
        background: @color-red;
      }
    }
    &.nav-molecules {
      .link-menu-item {
        background: @color-yellow;
      }
    }
    &.nav-organisms {
      .link-menu-item {
        background: @color-green;
      }
    }
    &.nav-templates {
      .link-menu-item {
        background: @color-blue;
      }
    }
    &.nav-devices {
      .link-menu-item {
        background: #555;
      }
    }
  }
  .nav-horizontal-submenu {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    .menu-title {
      padding: 2em 0 0.6em;
      margin: 0;
      font-size: 160%;
      font-weight: 300;
    }
    &.sub-atoms {
      background: @color-red;
      .menu-title {
        color: darken(@color-red, 20%);
      }
    }
    &.sub-molecules {
      background: @color-yellow;
      .menu-title {
        color: darken(@color-yellow, 20%);
      }
    }
    &.sub-organisms {
      background: @color-green;
      .menu-title {
        color: darken(@color-green, 20%);
      }
    }
    &.sub-templates {
      background: @color-blue;
      .menu-title {
        color: darken(@color-blue, 20%);
      }
    }
    &.sub-devices {
      background: #555;
      .menu-title {
        color: #333;
      }
    }
  }
  > ul > li {
    display: inline-block;
  }
}

error: pathspec 'cp-strap/src/website/stylesheets/navigator.less' did not match any file(s) known to git


make monthly pick image flush right

make monthly pick image flush right

@import 'lib';

#promos {
    display: none;
    height: 271px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    position: relative;
    > div,
    li > div {
        overflow: hidden;
    }
    .wrap p {
        margin: 1em 0 0;
    }
    .wrap > div > p:first-child {
        margin: 0;
    }
    h2, h3 {
        font-style: normal;
        font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    }
    .control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        color: #ccc;
        text-indent: -1000em;
        opacity: 0;
        z-index: 1;
        -moz-transition-property: background-color, color, opacity;
        -moz-transition-duration: .2s;
    }
    &:hover .control {
        opacity: 1;
    }
    .prev { left: -30px; }
    .next { right: -30px; }
    .control:after {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 38px;
        height: 38px;
        border: 2px solid #ccc;
        font-family: Georgia;
        margin: auto;
        font-size: 44px;
        line-height: 30px;
        text-indent: 0;
        text-align: center;
        .border-radius(20px);
        .box-shadow(0 -2px 0 rgba(204, 223, 243, 0.6) inset);
        -moz-transition-property: border-color, color, box-shadow, left, right;
        -moz-transition-duration: .2s;
    }
    .control:hover:after {
        border-color: #D16B00;
        color: #D16B00;
    }
    .prev:after {
        content: '\00ab';
        left: 10px;
    }
    .next:after {
        content: '\00bb';
        right: 10px;
    }

    .feature {
        .border-radius(5px);
        height: 251px;
        padding: 10px 10%;
        position: relative;
        overflow: hidden;
        box-shadow: none;
        &.ryff {
            color: #333;
            position: relative;
            overflow: hidden;
            padding: 20px 10% 0 270px;
            background: url(../../img/zamboni/discovery_pane/promos/ryff-bg.png) no-repeat;
            h2 {
                white-space: nowrap;
            }
            h3 {
                margin-bottom: 10px;
                a {
                    color: #7e100a;
                    text-decoration: none;
                }
                white-space: wrap;
            }
            p {
                color: #333;
            }
            img {
                width: 40%;
                float: right;
                margin: 0 0 .5em 10px;
            }
        }
    }
    .ryff h3,
    .promo h2 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1em;
    }
    .promo-collection {
        &.promo h2 a {
            color: inherit;
            text-decoration: none;
        }
    }
}

.promo {
    h2, h3 {
        margin-bottom: 0;
    }
    h2 {
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
        white-space: nowrap;
    }
    hgroup {
        margin: 10px auto 20px;
    }
}

#starter {
    &.feature {
        background: none;
        background-image:
            url(../../img/zamboni/discovery_pane/promos/starter-bg-left.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg.png);
        background-position: -5% 100%, 100% 0, 50% 100%;
        background-repeat: no-repeat, no-repeat, repeat-x;
    }
    h2 {
        color: #075f7a;
    }
}

#st-patricks {
    background: url(../../img/zamboni/discovery_pane/promos/st-patricks-bg.png) 50% 0 no-repeat;
    h2 {
        color: #296215;
    }
}

#monthly {
    background: url(../../img/zamboni/discovery_pane/promos/monthly-bg.png) 50% 0 no-repeat;
    .wrap > div {
        display: table;
        overflow: hidden;
        position: relative;
        max-height: 120px;
        width: 100%;
    }
    .blurb, .thumb {
        display: table-cell;
        padding: 20px;
        vertical-align: top;
        width: 50%;
    }
    h2 {
        color: #8b0101;
    }
    h3 {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .thumb {
        text-align: right;
        img {
            max-height: 120px;
        }
    }
}

.html-rtl #monthly .thumb {
    text-align: left;
}

#go-mobile {
    background: url(../../img/zamboni/discovery_pane/promos/go-mobile-bg.png) 0 100% no-repeat;
    h2 {
        color: #485c65;
    }
    .wrap {
        width: 384px;
        margin: 0;
    }
    .wrap > div {
        padding: 20px;
    }
}

#fx4-collection {
    background: url(../../img/zamboni/discovery_pane/promos/fx4-collection-bg.png) 50% 0 no-repeat;
    h2 {
        color: #2c5c89;
    }
}

#travel {
    background: none;
    background-image:
        url(../../img/zamboni/discovery_pane/promos/travel-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg.jpg);
    background-position: -5% 0, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #063;
    }
}

#school {
    background: none;
    background-image:
        url(../../img/zamboni/discovery_pane/promos/school-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg.jpg);
    background-position: -5px 100%, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #933;
    }
}

.addons li {
    float: left;
    width: 30%;
    position: relative;
    margin-right: 5%;
    margin-bottom: 5%;
}

.html-rtl .addons li {
    float: right;
}

.addons li:nth-child(3n),
.html-rtl .addons li:nth-child(3n + 1) {
    margin-right: 0;
}
.html-rtl .addons li:nth-child(3n) {
    margin-right: 5%;
}

.addons li > a,
#monthly > div,
#go-mobile > div {
    .gradient-two-color(#fff, #ecf1f7);
    border: 1px solid #b7c3d7;
    .border-radius(6px);
    .box-shadow(0 -2px 0 rgba(58,78,103,0.08) inset, 0 2px 0 rgba(190,210,230,0.5);
}

.addons li > a {
    display: block;
    position: relative;
    text-align: center;
    height: 120px;
    width: 84%;
    padding: 10px 8%;
    -moz-transition-property: border-color, box-shadow;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    &:hover, &:focus, &:active {
        border-color: rgba(165,175,185,1);
        box-shadow: inset 0 -2px 0 rgba(58,78,103,0.1), 0 2px 0 rgba(190,210,230,0.85);
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        text-decoration: none;
    }
}

.addons h3 {
    font-size: 14px;
    line-height: 1.1;
    max-height: 1.1em;
    font-weight: bold;
    font-family: inherit;
    margin: .25em 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.addons li > a {
    &:hover h3,
    &:focus h3,
    &:active h3 {
        text-decoration: underline;
    }
}

.addons p.desc {
    overflow: hidden;
    max-height: 5.4em;
    font-size: 11px;
    text-align: left;
    color: #373d48;
    text-overflow: ellipsis;
    margin: 0;
    a {
        color: #373d48;
        &:hover {
            text-decoration: none;
        }
    }
}

.html-rtl .addons p.desc {
    text-align: right;
}

.addons img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
}

.promo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

html[lang=it],
html[lang^=es],
html[lang=fr] {
    #promos {
        .ryff h3,
        .promo h2 {
            font-size: 24px;
        }
    }
}

@import 'lib';

#promos {
    display: none;
    height: 271px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    position: relative;
    > div,
    li > div {
        overflow: hidden;
    }
    .wrap p {
        margin: 1em 0 0;
    }
    .wrap > div > p:first-child {
        margin: 0;
    }
    h2, h3 {
        font-style: normal;
        font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    }
    .control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        color: #ccc;
        text-indent: -1000em;
        opacity: 0;
        z-index: 1;
        -moz-transition-property: background-color, color, opacity;
        -moz-transition-duration: .2s;
    }
    &:hover .control {
        opacity: 1;
    }
    .prev { left: -30px; }
    .next { right: -30px; }
    .control:after {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 38px;
        height: 38px;
        border: 2px solid #ccc;
        font-family: Georgia;
        margin: auto;
        font-size: 44px;
        line-height: 30px;
        text-indent: 0;
        text-align: center;
        .border-radius(20px);
        .box-shadow(0 -2px 0 rgba(204, 223, 243, 0.6) inset);
        -moz-transition-property: border-color, color, box-shadow, left, right;
        -moz-transition-duration: .2s;
    }
    .control:hover:after {
        border-color: #D16B00;
        color: #D16B00;
    }
    .prev:after {
        content: '\00ab';
        left: 10px;
    }
    .next:after {
        content: '\00bb';
        right: 10px;
    }

    .feature {
        .border-radius(5px);
        height: 251px;
        padding: 10px 10%;
        position: relative;
        overflow: hidden;
        box-shadow: none;
        &.ryff {
            color: #333;
            position: relative;
            overflow: hidden;
            padding: 20px 10% 0 270px;
            background: url(../../img/zamboni/discovery_pane/promos/ryff-bg.png) no-repeat;
            h2 {
                white-space: nowrap;
            }
            h3 {
                margin-bottom: 10px;
                a {
                    color: #7e100a;
                    text-decoration: none;
                }
                white-space: wrap;
            }
            p {
                color: #333;
            }
            img {
                width: 40%;
                float: right;
                margin: 0 0 .5em 10px;
            }
        }
    }
    .ryff h3,
    .promo h2 {
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1em;
    }
    .promo-collection {
        &.promo h2 a {
            color: inherit;
            text-decoration: none;
        }
    }
}

.promo {
    h2, h3 {
        margin-bottom: 0;
    }
    h2 {
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
        white-space: nowrap;
    }
    hgroup {
        margin: 10px auto 20px;
    }
}

#starter {
    &.feature {
        background: none;
        background-image:
            url(../../img/zamboni/discovery_pane/promos/starter-bg-left.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg-right.png),
            url(../../img/zamboni/discovery_pane/promos/starter-bg.png);
        background-position: -5% 100%, 100% 0, 50% 100%;
        background-repeat: no-repeat, no-repeat, repeat-x;
    }
    h2 {
        color: #075f7a;
    }
}

#st-patricks {
    background: url(../../img/zamboni/discovery_pane/promos/st-patricks-bg.png) 50% 0 no-repeat;
    h2 {
        color: #296215;
    }
}

#monthly {
    background: url(../../img/zamboni/discovery_pane/promos/monthly-bg.png) 50% 0 no-repeat;
    .wrap > div {
        overflow: hidden;
        display: table;
        position: relative;
        max-height: 120px;
        padding: 20px;
    }
    .blurb, .thumb {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }
    h2 {
        color: #8b0101;
    }
    h3 {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .thumb img {
        display: block;
        margin-left: 20px;
        max-height: 120px;
    }
}

.html-rtl #monthly .thumb img {
    margin: 0 20px 0 0;
}

#go-mobile {
    background: url(../../img/zamboni/discovery_pane/promos/go-mobile-bg.png) 0 100% no-repeat;
    h2 {
        color: #485c65;
    }
    .wrap {
        width: 384px;
        margin: 0;
    }
    .wrap > div {
        padding: 20px;
    }
}

#fx4-collection {
    background: url(../../img/zamboni/discovery_pane/promos/fx4-collection-bg.png) 50% 0 no-repeat;
    h2 {
        color: #2c5c89;
    }
}

#travel {
    background: none;
    background-image:
        url(../../img/zamboni/discovery_pane/promos/travel-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/travel-bg.jpg);
    background-position: -5% 0, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #063;
    }
}

#school {
    background: none;
    background-image:
        url(../../img/zamboni/discovery_pane/promos/school-bg-left.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg-right.png),
        url(../../img/zamboni/discovery_pane/promos/school-bg.jpg);
    background-position: -5px 100%, 100% 100%, 50% 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    h2 {
        color: #933;
    }
}

.addons li {
    float: left;
    width: 30%;
    position: relative;
    margin-right: 5%;
    margin-bottom: 5%;
}

.html-rtl .addons li {
    float: right;
}

.addons li:nth-child(3n),
.html-rtl .addons li:nth-child(3n + 1) {
    margin-right: 0;
}
.html-rtl .addons li:nth-child(3n) {
    margin-right: 5%;
}

.addons li > a,
#monthly > div,
#go-mobile > div {
    .gradient-two-color(#fff, #ecf1f7);
    border: 1px solid #b7c3d7;
    .border-radius(6px);
    .box-shadow(0 -2px 0 rgba(58,78,103,0.08) inset, 0 2px 0 rgba(190,210,230,0.5);
}

.addons li > a {
    display: block;
    position: relative;
    text-align: center;
    height: 120px;
    width: 84%;
    padding: 10px 8%;
    -moz-transition-property: border-color, box-shadow;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    &:hover, &:focus, &:active {
        border-color: rgba(165,175,185,1);
        box-shadow: inset 0 -2px 0 rgba(58,78,103,0.1), 0 2px 0 rgba(190,210,230,0.85);
        -moz-transition-property: border-color, box-shadow;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        text-decoration: none;
    }
}

.addons h3 {
    font-size: 14px;
    line-height: 1.1;
    max-height: 1.1em;
    font-weight: bold;
    font-family: inherit;
    margin: .25em 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.addons li > a {
    &:hover h3,
    &:focus h3,
    &:active h3 {
        text-decoration: underline;
    }
}

.addons p.desc {
    overflow: hidden;
    max-height: 5.4em;
    font-size: 11px;
    text-align: left;
    color: #373d48;
    text-overflow: ellipsis;
    margin: 0;
    a {
        color: #373d48;
        &:hover {
            text-decoration: none;
        }
    }
}

.html-rtl .addons p.desc {
    text-align: right;
}

.addons img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
}

.promo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

html[lang=it],
html[lang^=es],
html[lang=fr] {
    #promos {
        .ryff h3,
        .promo h2 {
            font-size: 24px;
        }
    }
}


for-foreach mixin

for-foreach mixin

.for(@i, @n) {.-each(@i)}
.for(@n)     when (isnumber(@n)) {.for(1, @n)}
.for(@i, @n) when not (@i = @n)  {
    .for((@i + (@n - @i) / abs(@n - @i)), @n);
}

.for(@array)   when (default()) {.for-impl_(length(@array))}
.for-impl_(@i) when (@i > 1)    {.for-impl_((@i - 1))}
.for-impl_(@i) when (@i > 0)    {.-each(extract(@array, @i))}

.for(@colors); .-each(@color) {
	.alert-@{color} { background: @@color; color: #FFFFFF; border-radius: 0px; }
}

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


cleanup

cleanup

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