tweak border-radius for desktop search suggestions (bug 818938)

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
    h1 {
        display: none;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions,
    #site-search-suggestions .wrap,
    #site-search-suggestions ul,
    #site-search-suggestions li:only-child a {
        .border-radius(3px);
    }
    #site-search-suggestions {
        .box-shadow(0 0 1px);
        height: auto;
        position: static;
        float: right;
        width: 175px;
        margin: -24px 47px 0 0;
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            top: 0;
            a {
                font-size: 12px;
                line-height: 30px;
                span {
                    width: 275px;
                    .ellipsis();
                }
            }
        }
        li:first-child a {
            .border-radius(3px 3px 0 0);
        }
        li:last-child a {
            .border-radius(0 0 3px 3px);
            border-bottom: 0;
        }
        li:only-child a {
            border-bottom: 0;
        }
    }
    #site-header.suggestions {
        #search, #search-q {
            width: 175px;
        }
        h1 {
            display: inline-block;
        }
    }
}

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
    h1 {
        display: none;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions {
        height: auto;
        position: static;
        float: right;
        width: 175px;
        margin: -24px 47px 0 0;
        .border-radius(5px);
        .box-shadow(0 0 1px);
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            .border-radius(5px);
            top: 0;
            ul {
                .border-radius(5px);
            }
            a {
                font-size: 12px;
                line-height: 30px;
                span {
                    width: 275px;
                    .ellipsis();
                }
            }
            li:first-child a {
                .border-radius(5px 5px 0 0);
            }
            li:last-child a {
                .border-radius(0 0 5px 5px);
                border-bottom: 0;
            }
            li:only-child a {
                .border-radius(5px);
                border-bottom: 0;
            }
        }
        &.visible {
            bottom: inherit;
        }
    }
    #site-header.suggestions {
        #search, #search-q {
            width: 175px;
        }
        h1 {
            display: inline-block;
        }
    }
}


Changes textarea appearance

Changes textarea appearance

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/studiomotio/www1.git/'


Tweak vcards

Tweak vcards

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/kyfr59/atom-cg35.git/'


testing compatibility of tv-browsers, add some alternates selectors

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


Create animated.less

Create animated.less

// Animated Icons
// --------------------------

.@{fa-css-prefix}-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.@{fa-css-prefix}-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

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


Re-enable pointer events for fold marker as pointer-events are disabled for CodeMirror-lines to fix issue#2780

@font-size: 1.1em;
@color-triangle: #ccc;
@color-triangle-mouseover: #aaa;
@color-triangle-collapsed: #999;
@color-marker-bg: #fff;
@color-marker-border: #d7d7d7;
@color-marker-text: #777;

.CodeMirror-foldgutter {
    &-open:after {
        content: "\25bc";
        font-size: @font-size;
        color: @color-triangle;
    }
    &-folded:after {
        content: "\25b6";
        font-size: @font-size;
        color: @color-triangle-collapsed;
    }
}

.CodeMirror.over-gutter, .CodeMirror-activeline {
    .CodeMirror-foldgutter-open:after {
        color: @color-triangle-mouseover;
    }
}

.CodeMirror-foldgutter,
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded,
.CodeMirror-foldgutter-blank {
    width: @font-size;
    cursor: default;
    line-height: 100%;
}

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
    padding-top: 2px;
}

.CodeMirror-gutter-elt {
    height: 100% !important;
}

.CodeMirror.folding-enabled .CodeMirror-linenumber {
    // Normally linenumber gutter has large right-padding to separate it from the code's text. But the
    // folding gutter provides that same separation, so we need much less padding when it's displayed.
    padding-right: 5px;
}

.CodeMirror-foldmarker {
    // Re-enabling the pointer events for the fold marker. As pointer events are disabled for "CodeMirror-lines"
    // to fix issue #2780.
    pointer-events: auto;
    padding-right: 3px;
    padding-left: 3px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid @color-marker-border;
    color: @color-marker-text;
    background-color: @color-marker-bg;

    &:after {
        content: "...";
        font-size: 1em;
        vertical-align: top;
        line-height: 0.8em;
    }
}

@font-size: 1.1em;
@color-triangle: #ccc;
@color-triangle-mouseover: #aaa;
@color-triangle-collapsed: #999;
@color-marker-bg: #fff;
@color-marker-border: #d7d7d7;
@color-marker-text: #777;

.CodeMirror-foldgutter {
    &-open:after {
        content: "\25bc";
        font-size: @font-size;
        color: @color-triangle;
    }
    &-folded:after {
        content: "\25b6";
        font-size: @font-size;
        color: @color-triangle-collapsed;
    }
}

.CodeMirror.over-gutter, .CodeMirror-activeline {
    .CodeMirror-foldgutter-open:after {
        color: @color-triangle-mouseover;
    }
}

.CodeMirror-foldgutter,
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded,
.CodeMirror-foldgutter-blank {
    width: @font-size;
    cursor: default;
    line-height: 100%;
}

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
    padding-top: 2px;
}

.CodeMirror-gutter-elt {
    height: 100% !important;
}

.CodeMirror.folding-enabled .CodeMirror-linenumber {
    // Normally linenumber gutter has large right-padding to separate it from the code's text. But the
    // folding gutter provides that same separation, so we need much less padding when it's displayed.
    padding-right: 5px;
}

.CodeMirror-foldmarker {
    padding-right: 3px;
    padding-left: 3px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid @color-marker-border;
    color: @color-marker-text;
    background-color: @color-marker-bg;

    &:after {
        content: "...";
        font-size: 1em;
        vertical-align: top;
        line-height: 0.8em;
    }
}


fixed a type in the @details of link.less file

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


padding to less freelancer

padding to less freelancer

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/mccurdyc/mccurdyc.github.io.git/'


signup styling

signup styling

body.signup {

  h1 {
    letter-spacing: -1.5px;
    margin: 50px 0 30px 0;
  }

}

error: pathspec 'client/app/account/signup/signup.less' did not match any file(s) known to git


Port over time icon for feature cards

Port over time icon for feature cards

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


by jy

by jy

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/GeekFE/mip.git/'


OR-312 remove useless position:fixed of the footer

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


Adjust ipad header

Adjust ipad header

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/Livefyre/CES-2013-NewsHub.git/'


updated totop colors

updated totop colors

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


Add some style to 404 page

Add some style to 404 page

.not-found{
	h1{
		font-size: 15rem;
	}

	h2{
		line-height: 0;
		text-transform: uppercase;
	    letter-spacing: 25px;
	    font-weight: 100;
	}
}

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


Tidy up hover state of more-feature article cards


Fix Firefox word breaking

Fix Firefox word breaking

a {
  color: @blue;
}

a.voted.text-upvote:hover,
a.voted.text-upvote:focus,
.text-upvote {
  color: @orangered;
}

a.voted.text-downvote:hover,
a.voted.text-downvote:focus,
.text-downvote {
  color: @periwinkle;
}

.label.label-default {
  background: @gray-lighter;
}

.label.label-large {
  font-size: 100%;
}

.label a:hover {
  text-decoration: none;
}

.text-admin {
  color: @admin-text;

  &:after {
    content: ' [A]';
  }
}

.text-moderator {
  color: @mod-text;

  &:after {
    content: ' [M]';
  }
}

.text-special {
  color: @special-text;
}

.linkbar {
  display: inline-block;
  margin: (@row-spacing-base / 4) 0 0 0;
  padding: 0;

  > li {
    padding: 0;
    display: inline-block;
    margin-right: .5em;
    vertical-align: bottom;

    &:nth-child(n+2)::before {
      content: '·';
      padding-right: .5em;
    }
  }
}

.linkbar-single-line {
  height: 1.5em;
  overflow: hidden;
  width: 100%;
  position: relative;

  &:after {
   content: '';
   position: absolute;
   height: 2em;
   z-index: 1;
   bottom: 0;
   right: 0;
   width: 3em;

   #gradient > .horizontal(@start-color: rgba(255,255,255,0); @end-color: rgba(255,255,255,1););
 }

  > .linkbar {
    width: 1000%;
  }
}

.linkbar > li.linkbar-item-no-seperator::before {
  content: '';
  padding-right: 0;
}

.linkbar-compact {
  vertical-align: middle;
  margin: 0;

  li:before {
    display: none;
  }

  & > li:nth-child(n+2)::before {
    content: '';
    padding-right: 0;
  }
}

.linkbar-spread {
  width: 100%;
  text-align: center;
  padding: 0;

  > li {
    float: left;
  }

  &.linkbar-spread-5 {
    > li {
      width: 20%;
    }
    > .linkbar-spread-li-double {
      width: 40%;
    }
  }

}

.text-inverted {
  color: @white;
}

.text-muted a,
.text-muted a:hover {
  &:extend(.text-muted);
}

.text-link,
.text-muted .text-link {
  color: @link-color;
}

.logo-reddit {
  background: url('/img/snoo-32.png') center right no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;

  &.logo-small {
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (-moz-min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-device-pixel-ratio: 2) {

  .logo-reddit {
    background: url('/img/snoo-64.png') center right no-repeat;
    background-size: 32px;

    &.logo-small {
      background: url('/img/snoo-32.png') center right no-repeat;
      background-size: 16px;
    }
  }
}

blockquote, table{
  font-size: inherit;
}

blockquote {
  margin: .5rem 0 1rem .5rem;
  padding: .5rem 1rem;
}

p {
  word-wrap: break-word;
  word-break: keep-all;
}

.text-super-large {
  font-size: 128px;
}

.text-mirror {
  .scale(-1,1);
}

.encircle-icon {
  padding: 3px;
  color: @white;
}

dd {
  margin-bottom: 1em;
}

.title {
  color: @blue;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (min-width: 0px) {
  .jumbotron {
    padding: 1em;
    margin-bottom: 0;

    h1 {
      font-size: 18px;
    }

    p {
      font-size: 13px;
    }
  }
}

.sponsored-label {
  color: lighten(@brand-primary, 20%);
  text-transform: uppercase;
}

a {
  color: @blue;
}

a.voted.text-upvote:hover,
a.voted.text-upvote:focus,
.text-upvote {
  color: @orangered;
}

a.voted.text-downvote:hover,
a.voted.text-downvote:focus,
.text-downvote {
  color: @periwinkle;
}

.label.label-default {
  background: @gray-lighter;
}

.label.label-large {
  font-size: 100%;
}

.label a:hover {
  text-decoration: none;
}

.text-admin {
  color: @admin-text;

  &:after {
    content: ' [A]';
  }
}

.text-moderator {
  color: @mod-text;

  &:after {
    content: ' [M]';
  }
}

.text-special {
  color: @special-text;
}

.linkbar {
  display: inline-block;
  margin: (@row-spacing-base / 4) 0 0 0;
  padding: 0;

  > li {
    padding: 0;
    display: inline-block;
    margin-right: .5em;
    vertical-align: bottom;

    &:nth-child(n+2)::before {
      content: '·';
      padding-right: .5em;
    }
  }
}

.linkbar-single-line {
  height: 1.5em;
  overflow: hidden;
  width: 100%;
  position: relative;

  &:after {
   content: '';
   position: absolute;
   height: 2em;
   z-index: 1;
   bottom: 0;
   right: 0;
   width: 3em;

   #gradient > .horizontal(@start-color: rgba(255,255,255,0); @end-color: rgba(255,255,255,1););
 }

  > .linkbar {
    width: 1000%;
  }
}

.linkbar > li.linkbar-item-no-seperator::before {
  content: '';
  padding-right: 0;
}

.linkbar-compact {
  vertical-align: middle;
  margin: 0;

  li:before {
    display: none;
  }

  & > li:nth-child(n+2)::before {
    content: '';
    padding-right: 0;
  }
}

.linkbar-spread {
  width: 100%;
  text-align: center;
  padding: 0;

  > li {
    float: left;
  }

  &.linkbar-spread-5 {
    > li {
      width: 20%;
    }
    > .linkbar-spread-li-double {
      width: 40%;
    }
  }

}

.text-inverted {
  color: @white;
}

.text-muted a,
.text-muted a:hover {
  &:extend(.text-muted);
}

.text-link,
.text-muted .text-link {
  color: @link-color;
}

.logo-reddit {
  background: url('/img/snoo-32.png') center right no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;

  &.logo-small {
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (-moz-min-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-device-pixel-ratio: 2) {

  .logo-reddit {
    background: url('/img/snoo-64.png') center right no-repeat;
    background-size: 32px;

    &.logo-small {
      background: url('/img/snoo-32.png') center right no-repeat;
      background-size: 16px;
    }
  }
}

blockquote, table{
  font-size: inherit;
}

blockquote {
  margin: .5rem 0 1rem .5rem;
  padding: .5rem 1rem;
}

p {
  word-wrap: break-word;
  word-break: break-word;
}

.text-super-large {
  font-size: 128px;
}

.text-mirror {
  .scale(-1,1);
}

.encircle-icon {
  padding: 3px;
  color: @white;
}

dd {
  margin-bottom: 1em;
}

.title {
  color: @blue;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (min-width: 0px) {
  .jumbotron {
    padding: 1em;
    margin-bottom: 0;

    h1 {
      font-size: 18px;
    }

    p {
      font-size: 13px;
    }
  }
}

.sponsored-label {
  color: lighten(@brand-primary, 20%);
  text-transform: uppercase;
}


Body padding

Body padding

// add padding to offset body from fixed navbar
body {
    padding-top: (2*@navbar-height) + @navbar-margin-bottom;

    @media(min-width:@screen-sm-min) {
        padding-top: @navbar-height + @navbar-margin-bottom;

    }
}

// add padding to offset body from fixed navbar
body {
    padding-top: @navbar-height + @navbar-margin-bottom;
}


all mixins for easy include

all mixins for easy include

@import "elements.less";
@import "em.less";
@import "mixins.less";

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


Adding robust transition library

Adding robust transition library

Initial Commit. Will need modifications.

#ease {

  @durationDefault: 1000ms;
  @propertyDefault: all;

  .linear(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration linear;
            transition: all @duration linear;
  }

  .ease(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration ease;
            transition: all @duration ease;
  }

  .ease-in(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration ease-in;
            transition: all @duration ease-in;
  }

  .ease-out(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration ease-out;
            transition: all @duration ease-out;
  }

  .ease-in-out(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration ease-in-out;
            transition: all @duration ease-in-out;
  }

  .easeInQuad(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.550, 0.085, 0.680, 0.530);
            transition: all @duration cubic-bezier(0.550, 0.085, 0.680, 0.530);
  }

  .easeInCubic(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.550, 0.055, 0.675, 0.190);
            transition: all @duration cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  .easeInQuart(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.895, 0.030, 0.685, 0.220);
            transition: all @duration cubic-bezier(0.895, 0.030, 0.685, 0.220);
  }

  .easeInQuint(@duration: @durationDefault; @property: @propertyDefault) {
   -webkit-transition: all @duration cubic-bezier(0.755, 0.050, 0.855, 0.060);
           transition: all @duration cubic-bezier(0.755, 0.050, 0.855, 0.060);
  }

  .easeInSine(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.470, 0.000, 0.745, 0.715);
            transition: all @duration cubic-bezier(0.470, 0.000, 0.745, 0.715);
  }

  .easeInExpo(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.950, 0.050, 0.795, 0.035);
            transition: all @duration cubic-bezier(0.950, 0.050, 0.795, 0.035);
  }

  .easeInCirc(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.600, 0.040, 0.980, 0.335);
            transition: all @duration cubic-bezier(0.600, 0.040, 0.980, 0.335);
  }

  .easeInBack(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.600, -0.280, 0.735, 0.045);
            transition: all @duration cubic-bezier(0.600, -0.280, 0.735, 0.045);
  }

  .easeOutQuad(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: all @duration cubic-bezier(0.250, 0.460, 0.450, 0.940);
  }

  .easeOutCubic(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition: all @duration cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  .easeOutQuart(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all @duration cubic-bezier(0.165, 0.840, 0.440, 1.000);
  }

  .easeOutQuint(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.230, 1.000, 0.320, 1.000);
            transition: all @duration cubic-bezier(0.230, 1.000, 0.320, 1.000);
  }

  .easeOutSine(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.390, 0.575, 0.565, 1.000);
            transition: all @duration cubic-bezier(0.390, 0.575, 0.565, 1.000);
  }

  .easeOutExpo(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.190, 1.000, 0.220, 1.000);
            transition: all @duration cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }

  .easeOutCirc(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.075, 0.820, 0.165, 1.000);
            transition: all @duration cubic-bezier(0.075, 0.820, 0.165, 1.000);
  }

  .easeOutBack(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition: all @duration cubic-bezier(0.175, 0.885, 0.320, 1.275);
  }

  .easeInOutQuad(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.455, 0.030, 0.515, 0.955);
            transition: all @duration cubic-bezier(0.455, 0.030, 0.515, 0.955);
  }

  .easeInOutCubic(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: all @duration cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }

  .easeInOutQuart(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.770, 0.000, 0.175, 1.000);
            transition: all @duration cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }

  .easeInOutQuint(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.860, 0.000, 0.070, 1.000);
            transition: all @duration cubic-bezier(0.860, 0.000, 0.070, 1.000);
  }

  .easeInOutSine(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.445, 0.050, 0.550, 0.950);
            transition: all @duration cubic-bezier(0.445, 0.050, 0.550, 0.950);
  }

  .easeInOutExpo(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(1.000, 0.000, 0.000, 1.000);
            transition: all @duration cubic-bezier(1.000, 0.000, 0.000, 1.000);
  }

  .easeInOutCirc(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.785, 0.135, 0.150, 0.860);
            transition: all @duration cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  .easeInOutBack(@duration: @durationDefault; @property: @propertyDefault) {
    -webkit-transition: all @duration cubic-bezier(0.680, -0.550, 0.265, 1.550);
            transition: all @duration cubic-bezier(0.680, -0.550, 0.265, 1.550);
  }

}

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


LESS fixed with call to unit()

LESS fixed with call to unit()

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/Scotchester/cf-core.git/'


elements less

elements 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/Shivabeach/herbs.git/'


added style from customizer

added style from customizer

/* theme: Almost Flat */

//
// General
//

@global-background: #1f1d1e;
@global-border: #7f797f;
@global-border-radius: 0px;

//
// Typography
//

@global-color: #dcd2d0;
@global-muted-color: #c1b0ad;
@global-text-shadow: rgba(255, 255, 255, 0);
@global-link-color: #03b5ff;
@global-link-hover-color: #0085bd;
@global-contrast-color: #464444;
@global-contrast-text-shadow: rgba(0, 0, 0, 0);
@base-body-font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
@base-heading-font-family: Verdana, Arial, sans-serif;

//
// Buttons, Navs & Badges
//

@global-default-background: #3c3c3c;
@global-default-hover-background: #585858;
@global-primary-background: #00b3fd;
@global-success-background: #00fa86;
@global-warning-background: #ffea00;
@global-danger-background: #ff0027;

//
// Alert
//

@alert-success-color: #009d54;
@alert-success-background: #c0fadf;
@alert-warning-color: #887d00;
@alert-warning-background: #fff68c;
@alert-danger-color: #a50000;
@alert-danger-background: #f9c0c0;

//
// Block
//

@block-muted-background: #585858;

//
// Dropdown
//

@dropdown-background: #5b5b5b;
@dropdown-navbar-background: #545454;

//
// Icon
//

@icon-font-path: "../../fonts";

//
// Panel
//

@panel-box-background: #2b2b2b;
@panel-box-primary-background: #00486c;
@panel-box-primary-title-color: #ade0f9;
@panel-box-secondary-background: #2b2b2b;
@panel-box-secondary-color: #9f9f9f;
@panel-box-secondary-title-color: #ababab;

//
// Tab
//

@tab-hover-background: #464646;

//
// Table
//

@table-striped-background: #434343;

//
// Text
//

@text-success-color: #477900;
@text-warning-color: #e28327;

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


ccn-94 cart column headers

ccn-94 cart column headers

.c-line-item {
  // use flexbox for layout on small+ screens
  @media (min-width: @screen-sm-min) {
    .oc-flex-layout.horizontal;
    .oc-flex-layout.wrap;
    .oc-flex-layout.center;
  }
  &__header {
    h6 {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  &--centered {
    @media (min-width: @screen-sm-min) {
      .oc-flex-layout.horizontal;
      .oc-flex-layout.wrap;
      .oc-flex-layout.center;
    }
  }
  &__img {
    margin-bottom: 0;
  }
  &__info--top {
    padding-bottom: @padding-large-vertical;
    @media (min-width: @screen-sm-min) {
      padding-bottom: 0;
    }
  }
  &__name {
    margin-top: 0;
  }
  &__price {
    margin-top: 0;
    margin-bottom: 0;
  }
  &__qty-input {
    width: 100%;
    .form-group {
      margin-bottom: 0;
    }
  }
  &__total {
    margin-top: 0;
    margin-bottom: 0;
  }
  // declare smaller gutters on cart line items
  &.row,
  .row {
    margin-left: -(@grid-gutter-width / 4);
    margin-right: -(@grid-gutter-width / 4);
  }
  [class^="col-"] {
    padding-left: @grid-gutter-width / 4;
    padding-right: @grid-gutter-width / 4;
  }
}

.c-line-item {
  // use flexbox for layout on small+ screens
  @media (min-width: @screen-sm-min) {
    .oc-flex-layout.horizontal;
    .oc-flex-layout.wrap;
    .oc-flex-layout.center;
  }
  &--centered {
    @media (min-width: @screen-sm-min) {
      .oc-flex-layout.horizontal;
      .oc-flex-layout.wrap;
      .oc-flex-layout.center;
    }
  }
  &__img {
    margin-bottom: 0;
  }
  &__info--top {
    padding-bottom: @padding-large-vertical;
    @media (min-width: @screen-sm-min) {
      padding-bottom: 0;
    }
  }
  &__name {
    margin-top: 0;
  }
  &__price {
    margin-top: 0;
    margin-bottom: 0;
  }
  &__qty-input {
    width: 100%;
    .form-group {
      margin-bottom: 0;
    }
  }
  &__total {
    margin-top: 0;
    margin-bottom: 0;
  }
  // declare smaller gutters on cart line items
  &.row,
  .row {
    margin-left: -(@grid-gutter-width / 4);
    margin-right: -(@grid-gutter-width / 4);
  }
  [class^="col-"] {
    padding-left: @grid-gutter-width / 4;
    padding-right: @grid-gutter-width / 4;
  }
}