Change position of breadcrumb styles

Change position of breadcrumb styles

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


Nice image hack from http://www.456bereastreet.com/archive/201306/how_to_proportionally_scale_images_that_have_dimension_attributes/ -- How to proportionally scale images that have dimension attributes

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


Create header.less

Create header.less

//**** Header ****//

//Base Style

.header {
   position: relative;
   background-color: @header; //Edit background as you like :)
   text-align: center;
   padding: @header-padding;
   display: block;
}

.header .text-white {
   color: @white;
}

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


Update mixins.less

Update mixins.less

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


FA router.less is optional. In case you want to use your own

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


Added less version

Added less version

@i: 0;
@maxms: 6000;
@hops: 100;

.loop (@i) when (@i <= @maxms) {

  @val: @i /1000;
  .delay-@{i} {
    animation-delay: @val s;
  }
  .duration-@{i} {
    animation-duration: @val s;
  }

  .loop(@i + @hops);
}

.loop(@maxms+1) {}

.loop(@hops);

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


Add cover text style

Add cover text style

@import (reference) "../styles/custom.less";

.UserHeader {
  background-color: #f3f4f6;
  background-size: cover;
  background-position: center;
  position: relative;

  &__more {
    font-size: 36px !important;
    color: @purple;

    &:hover {
      cursor: pointer;
      color: darken(@purple, 15%);
    }
  }

  &--cover {
    background-color: darken(@purple, 25%) !important;

    .UserHeader__rank,
    .UserHeader__rank & > i,
    .UserHeader__handle,
    .UserHeader__more,
    .UserHeader__user__username  {
      color: #FFFFFF !important;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    }
  }
}

.UserHeader__container {
  display: flex;
  margin: 0 auto;
  max-width: 990px;
  padding: 30px 0;
}

@media screen and (max-width: 990px) {
  .UserHeader__container {
    padding: 30px 16px;
  }
}

.UserHeader__user {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.UserHeader__row {
  display: flex;
}

.UserHeader__handle {
  position: relative;
  top: -8px;
  color: #99aab5;
}

.UserHeader__rank {
  margin-top: -4px;

  & > i {
    font-size: 18px !important;
    vertical-align: -1px;
  }
}

.UserHeader__user__username {
  margin-right: -8px;
  font-weight: 700;
  font-size: 32px;
  color: #353535;

  .ant-tag {
    margin-left: 8px;
    vertical-align: 4px;
    text-shadow: none;
  }
}

.UserHeader__user__button {
  position: relative;
  top: 12px;
  margin: 0 10px;
}

@import (reference) "../styles/custom.less";

.UserHeader {
  background-color: #f3f4f6;
  background-size: cover;
  background-position: center;
  position: relative;

  &__more {
    font-size: 36px !important;
    color: @purple;

    &:hover {
      cursor: pointer;
      color: darken(@purple, 15%);
    }
  }
}

.UserHeader__container {
  display: flex;
  margin: 0 auto;
  max-width: 990px;
  padding: 30px 0;
}

@media screen and (max-width: 990px) {
  .UserHeader__container {
    padding: 30px 16px;
  }
}

.UserHeader__user {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.UserHeader__row {
  display: flex;
}

.UserHeader__handle {
  position: relative;
  top: -8px;
  color: #99aab5;
}

.UserHeader__rank {
  margin-top: -4px;

  & > i {
    font-size: 18px !important;
    vertical-align: -1px;
  }
}

.UserHeader__user__username {
  margin-right: -8px;
  font-weight: 700;
  font-size: 32px;
  color: #353535;

  .ant-tag {
    margin-left: 8px;
    vertical-align: 4px;
  }
}

.UserHeader__user__button {
  position: relative;
  top: 12px;
  margin: 0 10px;
}


Change Choose Deck BAckground

Change Choose Deck BAckground

Adjusted BAckground color on deck chooser to not blend with fade out.

@import "variables";

.card-link {
  cursor: pointer;
  cursor: hand;
  color: @brand-primary;
}

.card-link:hover {
  color: @brand-info;
}

.username {
  font-weight: bold;
  margin-right: 5px;
  color: white;
}

.gravatar {
  margin-right: 5px;
  vertical-align: middle;
}

.deck-popup {
  color: #1E1E1E;
  background-color: rgba(193, 176, 146, 0.85);
}

.panel {
  position: relative;
  background-color: rgba(193, 176, 146, 0.85);
  margin: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(75, 7, 9, 0.95);
  overflow: visible;
}

.absolute-panel {
  background-color: rgba(193, 176, 146, 0.85);
  margin: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(75, 7, 9, 0.95);
  overflow: visible;
}

.panel-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: @layer-pile-header;
  padding: 1px 4px;
  font-size: 10px;
  line-height: 14px;
  background: rgba(193,176,146,0.6);
  text-shadow: 1px 1px 2px #000;
  border-radius: 4px;
}

.highlight-panel {
  border-color: @brand-info;
}

.menu {
  position: absolute;
  width: 200px;
  left: 58px;
  top: -5px;
  font-size: 12px;
  line-height: 16px;
  z-index: @layer-card-menu;
}

.menu > div {
  border: 1px solid @brand-primary;
  padding: 3px 6px;
  border-radius: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}

.menu > div:hover {
  border-color: @brand-info;
}

.bootstrap-typeahead-input-main {
  background: white !important;
}

.ignore-mouse-events {
  pointer-events: none;
}

.shadow {
  box-shadow: 0 0 12px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.1);
}

.icon-danger {
  color: @brand-danger;
}

@import "variables";

.card-link {
  cursor: pointer;
  cursor: hand;
  color: @brand-primary;
}

.card-link:hover {
  color: @brand-info;
}

.username {
  font-weight: bold;
  margin-right: 5px;
  color: white;
}

.gravatar {
  margin-right: 5px;
  vertical-align: middle;
}

.deck-popup {
  color: #1E1E1E;
  background-color: #999999;
}

.panel {
  position: relative;
  background-color: rgba(193, 176, 146, 0.85);
  margin: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(75, 7, 9, 0.95);
  overflow: visible;
}

.absolute-panel {
  background-color: rgba(193, 176, 146, 0.85);
  margin: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(75, 7, 9, 0.95);
  overflow: visible;
}

.panel-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: @layer-pile-header;
  padding: 1px 4px;
  font-size: 10px;
  line-height: 14px;
  background: rgba(193,176,146,0.6);
  text-shadow: 1px 1px 2px #000;
  border-radius: 4px;
}

.highlight-panel {
  border-color: @brand-info;
}

.menu {
  position: absolute;
  width: 200px;
  left: 58px;
  top: -5px;
  font-size: 12px;
  line-height: 16px;
  z-index: @layer-card-menu;
}

.menu > div {
  border: 1px solid @brand-primary;
  padding: 3px 6px;
  border-radius: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}

.menu > div:hover {
  border-color: @brand-info;
}

.bootstrap-typeahead-input-main {
  background: white !important;
}

.ignore-mouse-events {
  pointer-events: none;
}

.shadow {
  box-shadow: 0 0 12px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.1);
}

.icon-danger {
  color: @brand-danger;
}


created mixins.less file including text aligment, text transformation, box-sizing, sizing shortcuts, transitions and transformations mixins.

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/mavisland/hover-pocket-less.git/'