Documentation

Documentation

@font-face {
  font-family: 'OpenSans';
  src: url('/css/core/fonts/OpenSans/OpenSans.eot');
  src: url('/css/core/fonts/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('/css/core/fonts/OpenSans/OpenSans.woff') format('woff'),
    url('/css/core/fonts/OpenSans/OpenSans.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

p {
  line-height: 20px;
}

.section {
  h1, h2, h3, h4 {
    margin-bottom: @spacingL;
    font-family: 'OpenSans', 'Arial', sans-serif;
  }

  .restore-typography {
    h1, h2, h3, h4 {
      font-family: 'Arial', sans-serif;
    }
  }
}

.section-container-loading {
	.section {
	   visibility: hidden;
	}
	.loading {
	   @width: 145px;
	   @height: 80px;

	   display: block !important;
	   width: 100%;
	   text-align: center;
	   margin: 0 auto;
	   position: absolute;
	   top: @spacingXl;

	   p {
	       color: @gray;
	       font-size: 12px;
	   }
	}
}

.var {
	display: block;
	width: 36px;
	height: 14px;
	.border-radius(@borderRadiusS);
	border: 2px solid @white;
	.box-shadow(0 0 3px @gray);
}

code, pre {
  font-family: 'Consolas', 'Menlo', 'Monaco', 'Andale Mono', 'Courier New', monospace;
}

pre {
  overflow-x: auto;
}

code.color-transform { font-size: 11px; margin: @spacingXs 0 0 0; background: @white; color: @gray; }

// Grayscale
.var-black              { background-color: @black; }
.var-gray-dark          { background-color: @grayDark; }
.var-gray               { background-color: @gray; }
.var-gray-light         { background-color: @grayLight; }
.var-gray-lighter       { background-color: @grayLighter; }
.var-white              { background-color: @white; }

// Colors
.var-green              { background-color: @green; }
.var-yellow             { background-color: @yellow; }
.var-orange             { background-color: @orange; }
.var-highlight          { background-color: @highlightColor; }
.var-link               { background-color: @linkColor; }
.var-link-hover         { background-color: @linkColorHover; }
.var-border-color       { background-color: @borderColor; }
.var-panel-background   { background-color: @panelBackground; }
.var-panel-border       { background-color: @panelBorder; }
.var-overlay-border     { background-color: @overlayBorder; }

// Typo
.var-base-font-color    { background-color: @baseFontColor; }

.var-tooltip {
	position: absolute;
	background-color: @grayDark;
	margin-top: -26px;
	color: @grayLighter;
	padding: 2px 3px;
	#font > .code();

	.arrow {
	   #arrow > .down(5px, @grayDark);
	   bottom: -5px;
	   left: 5px;
	}
}

#button-dropdowns,
#split-button-dropdowns {
	.btn-group {
	   margin-right: @spacingXs;
	}
}

.vicon {
  color: lighten(@black, 25%);
}

.icon-sample-settings-btn .vicon {
  margin-left: -5px;
  font-size: 8px;
  color: @white;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.btn-primary.icon-sample-add-btn .vicon {
  font-size: 10px;
  color: @white;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.btn-default.icon-sample-add-btn .vicon {
  font-size: 8px;
  color: #666;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.icon-sample-header .vicon {
  color: #ADC6D9;
}

.icon-sample-profile .vicon {
  color: #FA6900;
}

.icon-sample-premium .vicon {
  color: #FFBC14;
}

.btn-twitter {
  padding: 1px 0;
  border: 1px solid #42C8F4;
  #gradient > .vertical(#80DFFF, #48CAF5);

  .vicon {
    font-size: 7px;
    color: white;
  }

  &:hover {
    border-color: darken(#42C8F4, 10%);
    #gradient > .vertical(darken(#80DFFF, 10%), darken(#48CAF5, 10%));
  }
}

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


Move aroun box hero spacing to work better on skinny devices

fatal: unable to access 'https://github.com/hevnly/asset-bazaar.git/': The requested URL returned error: 403


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


make Actions list on devhub dashboard not collide with add-on info (bug 698728)

@import 'lib';

.items:first-child .item:first-child {
    .info, .action {
        border: 0;
     }
}

.listing .item {
    .item-info,
    .item-details {
        .border-box;
    }
    .item-info {
        border-left: 1px dotted @border-blue;
        float: right;
        margin-left: 2%;
        padding-left: 2%;
        width: 30%;
        > .downloads,
        > .users {
            color: @green;
            margin-top: 0;
        }
    }
    .item-details {
        width: 68%;
    }
    .item-actions {
        clear: both;
        float: none;
        margin: 1.75em 0 0;
        a {
            color: @note-gray;
            &.more-actions {
                display: block;
                position: relative;
                &:after {
                    border-color: @note-gray transparent transparent;
                    border-style: solid;
                    border-width: 3px 3px 0;
                    content: "";
                    margin: 5px 0 0 4px;
                    position: absolute;
                    height: 0;
                    top: 0;
                    width: 0;
                }
                &:hover:after {
                    border-top-color: #05e;
                }
            }
        }
        h5 {
            font-size: 1em;
            margin-right: 4px;
        }
        h5, > ul, > ul > li {
            color: @note-gray;
            display: inline-block;
        }
        h5:after {
            content: ":";
        }
        > ul > li {
            display: inline-block;
            &:not(:last-child):after {
                background-color: @note-gray;
                border-radius: 5em;
                content: "";
                display: inline-block;
                height: 2px;
                margin: 0 2px 4px;
                width: 2px;
            }
        }
    }
    &:hover {
        a {
            color: @link;
        }
        h5 {
            color: @dark-gray;
        }
    }
}

.html-rtl .listing .item {
    .item-info {
        float: left;
        border: 0;
        border-right: 1px dotted @border-blue;
        margin: 0 2% 0 0;
        padding: 0 2% 0 0;
    }
    .item-actions a.more-actions:after {
        margin: 5px 4px 0 0;
    }
}

@import 'lib';

.items:first-child .item:first-child {
    .info, .action {
        border: 0;
     }
}

.listing .item {
    .item-info {
        border-left: 1px dotted @border-blue;
        float: right;
        margin-left: 2%;
        padding-left: 2%;
        width: 15em;
        > .downloads,
        > .users {
            color: @green;
            margin-top: 0;
        }
    }
    .item-actions {
        float: none;
        a {
            color: @note-gray;
            &.more-actions {
                display: block;
                position: relative;
                &:after {
                    border-color: @note-gray transparent transparent;
                    border-style: solid;
                    border-width: 3px 3px 0;
                    content: "";
                    margin: 5px 0 0 4px;
                    position: absolute;
                    height: 0;
                    top: 0;
                    width: 0;
                }
                &:hover:after {
                    border-top-color: #05e;
                }
            }
        }
        h5 {
            font-size: 1em;
            margin-right: 4px;
        }
        h5, > ul, > ul > li {
            color: @note-gray;
            display: inline-block;
        }
        h5:after {
            content: ":";
        }
        > ul > li {
            display: inline-block;
            &:not(:last-child):after {
                background-color: @note-gray;
                border-radius: 5em;
                content: "";
                display: inline-block;
                height: 2px;
                margin: 0 2px 4px;
                width: 2px;
            }
        }
    }
    &:hover {
        a {
            color: @link;
        }
        h5 {
            color: @dark-gray;
        }
    }
}

.html-rtl .listing .item {
    .item-info {
        float: left;
        border: 0;
        border-right: 1px dotted @border-blue;
        margin: 0 2% 0 0;
        padding: 0 2% 0 0;
    }
    .item-actions a.more-actions:after {
        margin: 5px 4px 0 0;
    }
}


Fixes #268 icon spacing issue

Fixes #268 icon spacing issue

/*
 * # Semantic - Dropdown
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Dropdown
*******************************/

.ui.dropdown {
  position: relative;
  display: inline-block;

  line-height: 1;

  -webkit-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  -moz-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  -o-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  -ms-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

/*******************************
            Content
*******************************/

/*--------------
     Menu
---------------*/

.ui.dropdown .menu {
  position: absolute;
  display: none;
  top: 100%;

  margin: 0em;
  background-color: #FFFFFF;
  min-width: 100%;

  white-space: nowrap;
  font-size: 0.875em;
  text-shadow: none;

  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);

  -moz-border-radius: 0px 0px 0.325em 0.325em;
  -webkit-border-radius: 0px 0px 0.325em 0.325em;
  border-radius: 0px 0px 0.325em 0.325em;

  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 11;
}

/*--------------
      Icon
---------------*/

.ui.dropdown > .dropdown.icon {
  float: right;
  width: auto;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown > .dropdown.icon:before {
  content: "\f0d7";
}
.ui.dropdown .menu .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 0.5em;
}
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "\f0da";
}

/*--------------
      Text
---------------*/

.ui.dropdown > .text {
  cursor: pointer;
  display: inline-block;

  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/*--------------
    Sub Menu
---------------*/

.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  margin: 0em !important;
  border-radius: 0 0.325em 0.325em 0em !important;
}
.ui.dropdown .menu .menu:after {
  display: none;
}

.ui.dropdown .menu .item {
  cursor: pointer;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  height: auto;

  font-size: 0.875em;
  display: block;
  color: rgba(0, 0, 0, 0.75);

  padding: 0.85em 1em !important;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: normal;
  text-align: left;

  -webkit-touch-callout: none;
}
.ui.dropdown .menu .item:before {
  display: none;
}
.ui.dropdown .menu .item .icon {
  margin-right: 0.75em;
}

.ui.dropdown .menu .item:first-child {
  border-top: none;
}

/*******************************
            Coupling
*******************************/

/* Opposite on last menu on right */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0px;
}
.ui.vertical.menu .dropdown.item > .dropdown.icon {
  content: "\f0da";
}
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}

/*******************************
            States
*******************************/

/* Dropdown Visible */
.ui.visible.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.ui.visible.dropdown > .menu {
  display: block;
}

/* Menu Item Hover */
.ui.dropdown .menu .item:hover {
  background-color: rgba(0, 0, 0, 0.02);
  z-index: 12;
}

/* Menu Item Active */
.ui.dropdown .menu .active.item {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.06) !important;
  border-left: none;
  border-color: transparent !important;

  -webkit-box-shadow: none;
  -moz-shadow: none;
  box-shadow: none;
  z-index: 12;
}

/* Default Text */
.ui.dropdown > .default.text,
.ui.default.dropdown > .text {
  color: rgba(0, 0, 0, 0.5);
}
.ui.dropdown:hover > .default.text,
.ui.default.dropdown:hover > .text {
  color: rgba(0, 0, 0, 0.8);
}

/*******************************
           Variations
*******************************/

/*--------------
     Simple
---------------*/
/* Displays without javascript */

.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  display: block;
  overflow: hidden;
  top: -9999px !important;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu .item:active > .menu,
.ui.simple.dropdown:hover > .menu .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/*--------------
    Selection
---------------*/
/* Displays like a select box */

.ui.selection.dropdown {
  cursor: pointer;
  display: inline-block;

  word-wrap: break-word;
  white-space: normal;

  background-color: #FFFFFF;
  padding: 0.5em 1em;

  line-height: 1.33;
  color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);

  -webkit-border-radius: 0.3125em !important;
  -moz-border-radius: 0.3125em !important;
  border-radius: 0.3125em !important;
}
.ui.selection.dropdown select {
  display: none;
}
.ui.selection.dropdown > .dropdown.icon {
  opacity: 0.7;
  margin: 0.2em 0em 0.2em 1.25em;

  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.ui.selection.dropdown,
.ui.selection.dropdown .menu {
  top: 100%;
  -webkit-transition: box-shadow 0.2s ease-out;
  -moz-transition: box-shadow 0.2s ease-out;
  -o-transition: box-shadow 0.2s ease-out;
  -ms-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}

.ui.selection.dropdown .menu {
  max-height: 312px;

  overflow-x: hidden;
  overflow-y: auto;

  -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE;
  -moz-box-shadow: 0px 1px 0px 1px #EEEEEE;
  box-shadow: 0px 1px 0px 1px #EEEEEE;

  -moz-border-radius: 0px 0px 0.325em 0.325em;
  -webkit-border-radius: 0px 0px 0.325em 0.325em;
  border-radius: 0px 0px 0.325em 0.325em;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
.ui.selection.dropdown .menu img {
  height: 2.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}

/* Hover */
.ui.selection.dropdown:hover,
.ui.selection.dropdown.hover {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.ui.selection.dropdown:hover > .dropdown.icon {
  opacity: 1;
}

/* Visible */
.ui.selection.active.dropdown {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;

  -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
  -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
  border-radius: 0.3125em 0.3125em 0em 0em !important;
}
.ui.selection.active.dropdown > .dropdown.icon {
  opacity: 1;
}
.ui.selection.active.dropdown .menu {
  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
  -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
  box-shadow: 0px 1px 0px 1px #D3D3D3;
}

/*--------------
      Fluid
---------------*/

.ui.fluid.dropdown {
  display: block;
}

/*--------------
     Inline
---------------*/

.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.25em;
}
.ui.inline.dropdown .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.25em;

  -webkit-border-radius: 0.325em;
  -moz-border-radius: 0.325em;
  border-radius: 0.325em;
}

/*--------------
    Floating
---------------*/

.ui.floating.dropdown .menu {
  left: 0;
  right: auto;

  margin-top: 0.5em;

  -webkit-border-radius: 0.325em;
  -moz-border-radius: 0.325em;
  border-radius: 0.325em;
}

/*--------------
     Pointing
---------------*/

.ui.pointing.dropdown .menu {
  top: 100%;
  margin-top: 0.75em;
  -moz-border-radius: 0.325em;
  -webkit-border-radius: 0.325em;
  border-radius: 0.325em;
}

.ui.pointing.dropdown .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: " ";
  visibility: visible;

  width: 0.5em;
  height: 0.5em;

  -moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
  box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);

  background-image: none;
  background-color: #FFFFFF;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}

.ui.pointing.dropdown .menu .active.item:first-child {
  background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03));
}

/* Directions */

.ui.pointing.dropdown .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
.ui.top.left.pointing.dropdown .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 0.75em 0em 0em;
}
.ui.top.left.pointing.dropdown .menu:after {
  top: -0.25em;
  left: 1.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui.top.right.pointing.dropdown .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 0.75em 0em 0em;
}
.ui.top.right.pointing.dropdown .menu:after {
  top: -0.25em;
  left: auto;
  right: 1.25em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui.left.pointing.dropdown .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 0.75em;
}
.ui.left.pointing.dropdown .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui.right.pointing.dropdown .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 0.75em 0em 0em;
}
.ui.right.pointing.dropdown .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;

  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*
 * # Semantic - Dropdown
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Dropdown
*******************************/

.ui.dropdown {
  position: relative;
  display: inline-block;

  line-height: 1;

  -webkit-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  -moz-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  -o-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  -ms-transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;
  transition:
    border-radius 0.1s ease,
    width 0.2s ease
  ;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

/*******************************
            Content
*******************************/

/*--------------
     Menu
---------------*/

.ui.dropdown .menu {
  position: absolute;
  display: none;
  top: 100%;

  margin: 0em;
  background-color: #FFFFFF;
  min-width: 100%;

  white-space: nowrap;
  font-size: 0.875em;
  text-shadow: none;

  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);

  -moz-border-radius: 0px 0px 0.325em 0.325em;
  -webkit-border-radius: 0px 0px 0.325em 0.325em;
  border-radius: 0px 0px 0.325em 0.325em;

  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 11;
}

/*--------------
      Icon
---------------*/

.ui.dropdown > .dropdown.icon {
  width: auto;
  margin: 0em 0em 0em 0.5em;
}

.ui.dropdown > .dropdown.icon:before {
  content: "\f0d7";
}

.ui.dropdown .menu .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 0.5em;
}
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "\f0da";
}

/*--------------
      Text
---------------*/

.ui.dropdown > .text {
  cursor: pointer;
  display: inline-block;

  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/*--------------
    Sub Menu
---------------*/

.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  margin: 0em !important;
  border-radius: 0 0.325em 0.325em 0em !important;
}
.ui.dropdown .menu .menu:after {
  display: none;
}

.ui.dropdown .menu .item {
  cursor: pointer;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  height: auto;

  font-size: 0.875em;
  display: block;
  color: rgba(0, 0, 0, 0.75);

  padding: 0.85em 1em !important;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: normal;
  text-align: left;

  -webkit-touch-callout: none;
}
.ui.dropdown .menu .item:before {
  display: none;
}
.ui.dropdown .menu .item .icon {
  margin-right: 0.75em;
}

.ui.dropdown .menu .item:first-child {
  border-top: none;
}

/*******************************
            Coupling
*******************************/

/* Opposite on last menu on right */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0px;
}
.ui.vertical.menu .dropdown.item > .dropdown.icon {
  content: "\f0da";
}
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}

/*******************************
            States
*******************************/

/* Dropdown Visible */
.ui.visible.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.ui.visible.dropdown > .menu {
  display: block;
}

/* Menu Item Hover */
.ui.dropdown .menu .item:hover {
  background-color: rgba(0, 0, 0, 0.02);
  z-index: 12;
}

/* Menu Item Active */
.ui.dropdown .menu .active.item {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.06) !important;
  border-left: none;
  border-color: transparent !important;

  -webkit-box-shadow: none;
  -moz-shadow: none;
  box-shadow: none;
  z-index: 12;
}

/* Default Text */
.ui.dropdown > .default.text,
.ui.default.dropdown > .text {
  color: rgba(0, 0, 0, 0.5);
}
.ui.dropdown:hover > .default.text,
.ui.default.dropdown:hover > .text {
  color: rgba(0, 0, 0, 0.8);
}

/*******************************
           Variations
*******************************/

/*--------------
     Simple
---------------*/
/* Displays without javascript */

.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  display: block;
  overflow: hidden;
  top: -9999px !important;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu .item:active > .menu,
.ui.simple.dropdown:hover > .menu .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/*--------------
    Selection
---------------*/
/* Displays like a select box */

.ui.selection.dropdown {
  cursor: pointer;
  display: inline-block;

  word-wrap: break-word;
  white-space: normal;

  background-color: #FFFFFF;
  padding: 0.5em 1em;

  line-height: 1.33;
  color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);

  -webkit-border-radius: 0.3125em !important;
  -moz-border-radius: 0.3125em !important;
  border-radius: 0.3125em !important;
}
.ui.selection.dropdown select {
  display: none;
}
.ui.selection.dropdown > .dropdown.icon {
  float: right;

  opacity: 0.7;
  margin: 0.2em 0em 0.2em 1.25em;

  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.ui.selection.dropdown,
.ui.selection.dropdown .menu {
  top: 100%;
  -webkit-transition: box-shadow 0.2s ease-out;
  -moz-transition: box-shadow 0.2s ease-out;
  -o-transition: box-shadow 0.2s ease-out;
  -ms-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}

.ui.selection.dropdown .menu {
  max-height: 312px;

  overflow-x: hidden;
  overflow-y: auto;

  -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE;
  -moz-box-shadow: 0px 1px 0px 1px #EEEEEE;
  box-shadow: 0px 1px 0px 1px #EEEEEE;

  -moz-border-radius: 0px 0px 0.325em 0.325em;
  -webkit-border-radius: 0px 0px 0.325em 0.325em;
  border-radius: 0px 0px 0.325em 0.325em;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
.ui.selection.dropdown .menu img {
  height: 2.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}

/* Hover */
.ui.selection.dropdown:hover,
.ui.selection.dropdown.hover {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.ui.selection.dropdown:hover > .dropdown.icon {
  opacity: 1;
}

/* Visible */
.ui.selection.active.dropdown {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;

  -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
  -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
  border-radius: 0.3125em 0.3125em 0em 0em !important;
}
.ui.selection.active.dropdown > .dropdown.icon {
  opacity: 1;
}
.ui.selection.active.dropdown .menu {
  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
  -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
  box-shadow: 0px 1px 0px 1px #D3D3D3;
}

/*--------------
      Fluid
---------------*/

.ui.fluid.dropdown {
  display: block;
}

/*--------------
     Inline
---------------*/

.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.25em;
}
.ui.inline.dropdown .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.25em;

  -webkit-border-radius: 0.325em;
  -moz-border-radius: 0.325em;
  border-radius: 0.325em;
}

/*--------------
    Floating
---------------*/

.ui.floating.dropdown .menu {
  left: 0;
  right: auto;

  margin-top: 0.5em;

  -webkit-border-radius: 0.325em;
  -moz-border-radius: 0.325em;
  border-radius: 0.325em;
}

/*--------------
     Pointing
---------------*/

.ui.pointing.dropdown .menu {
  top: 100%;
  margin-top: 0.75em;
  -moz-border-radius: 0.325em;
  -webkit-border-radius: 0.325em;
  border-radius: 0.325em;
}

.ui.pointing.dropdown .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: " ";
  visibility: visible;

  width: 0.5em;
  height: 0.5em;

  -moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
  box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);

  background-image: none;
  background-color: #FFFFFF;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}

.ui.pointing.dropdown .menu .active.item:first-child {
  background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03));
}

/* Directions */

.ui.pointing.dropdown .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
.ui.top.left.pointing.dropdown .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 0.75em 0em 0em;
}
.ui.top.left.pointing.dropdown .menu:after {
  top: -0.25em;
  left: 1.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui.top.right.pointing.dropdown .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 0.75em 0em 0em;
}
.ui.top.right.pointing.dropdown .menu:after {
  top: -0.25em;
  left: auto;
  right: 1.25em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui.left.pointing.dropdown .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 0.75em;
}
.ui.left.pointing.dropdown .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui.right.pointing.dropdown .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 0.75em 0em 0em;
}
.ui.right.pointing.dropdown .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;

  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}


Create panels.less

Create panels.less

// Panels

.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
  border-color: @border;

  & > .panel-heading {
    color: @heading-text-color;
    background-color: @heading-bg-color;
    border-color: @heading-border;

    + .panel-collapse > .panel-body {
      border-top-color: @border;
    }
    .badge {
      color: @heading-bg-color;
      background-color: @heading-text-color;
    }
  }
  & > .panel-footer {
    + .panel-collapse > .panel-body {
      border-bottom-color: @border;
    }
  }
}

error: pathspec 'static/app/components/bootstrap/css/less/mixins/panels.less' did not match any file(s) known to git


Comment blocks for each element

Comment blocks for each 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/putterschool/styleguide.git/'


added max-width 100% to data-not-found assets, prevents extending widget container on mobile

.analytics .widget-item .content .data-not-found {
  text-align: center;
  font-size: 18px;
  color: @impac-widget-text-color;
  img {
    opacity: 0.8;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    // fix for mobile, prevents images from extended the width of the widget.
    max-width: 100%;
  }
  .message {
    position: absolute;
    top: 90px;
    width: 70%;
    left: 15%;
    background-color: rgb(244, 248, 249);
    padding: 10px 0px;
    border-radius: 4px;
    border: solid 1px @impac-widget-borders-color;
    a {
      color: @impac-widget-link-color;
      display: block;
      font-size: 16px;
      font-weight: normal;
    }
  }
}

.analytics .widget-item .content .data-not-found {
  text-align: center;
  font-size: 18px;
  color: @impac-widget-text-color;
  img {
    opacity: 0.8;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .message {
    position: absolute;
    top: 90px;
    width: 70%;
    left: 15%;
    background-color: rgb(244, 248, 249);
    padding: 10px 0px;
    border-radius: 4px;
    border: solid 1px @impac-widget-borders-color;
    a {
      color: @impac-widget-link-color;
      display: block;
      font-size: 16px;
      font-weight: normal;
    }
  }
}


Adding list separator color for selected items.

@import '..\..\less\valenceui.less';

.vui-list {
	padding: 0px;
	list-style: none outside none;
}

.vui-list > li {
	padding: 7px 10px;
	border-width: 0;
	border-bottom: 1px solid @itemSeparatorColor;
	list-style: none outside none;
}

.vui-list > .vui-checkbox,
.vui-list > .vui-radio {
	margin: 0;
	padding-left: 30px;
}

.vui-list > .vui-selected {
	background-color: @itemSelectedBackgroundColor;
	border-bottom-color: @itemSelectedSeparatorColor;
}

.vui-list > .vui-active {
	background-color: @itemHoverBackgroundColor;
}

.vui-list > .vui-selected.vui-active {
	background-color: @itemSelectedHoverBackgroundColor;
}

.vui-list > li:last-child {
	border-bottom: 1px solid transparent;
}

[dir='rtl'] .vui-list > .vui-checkbox,
[dir='rtl'] .vui-list > .vui-radio {
	padding-left: 10px;
	padding-right: 30px;
}

@import '..\..\less\valenceui.less';

.vui-list {
	padding: 0px;
	list-style: none outside none;
}

.vui-list > li {
	padding: 7px 10px;
	border-width: 0;
	border-bottom: 1px solid @itemSeparatorColor;
	list-style: none outside none;
}

.vui-list > .vui-checkbox,
.vui-list > .vui-radio {
	margin: 0;
	padding-left: 30px;
}

.vui-list > .vui-selected {
	background-color: @itemSelectedBackgroundColor;
}

.vui-list > .vui-active {
	background-color: @itemHoverBackgroundColor;
}

.vui-list > .vui-selected.vui-active {
	background-color: @itemSelectedHoverBackgroundColor;
}

.vui-list > li:last-child {
	border-bottom: 1px solid transparent;
}

[dir='rtl'] .vui-list > .vui-checkbox,
[dir='rtl'] .vui-list > .vui-radio {
	padding-left: 10px;
	padding-right: 30px;
}


Themes improvements

Themes improvements

fatal: unable to access 'https://github.com/StudyForFun/Framework7-Plus.git/': The requested URL returned error: 403


Create achievement.less

Create achievement.less

By the way, this file was deleted and I'm putting it back here as bare CSS.
Todo: Make this a 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/Tach-Yon/Tap-Tap-Adventure.git/'


商城课程列表

商城课程列表

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/XUEJS/xue-project.git/'


Delete icons.less

Delete icons.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/hackersvsharassment/hackersvsharassment.github.io.git/'


OR-2071 override screen-* bootstrap variables. The goal is to have only 2 layout, xs and md

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


shorten left menu nav heads

shorten left menu nav heads

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/stxnext/intranet-open.git/'


update config icon settings

update config icon settings

@import "icon-colors";
@import "icon-font";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SLECTOR OF FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e612';
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px;
    color: @color-default;
  }

}

// CSS
.name.icon[data-name*=".css"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-css;
  }

}

// HANDLEBARS
.name.icon[data-name*=".hbs"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-handlebars;
  }
}

// HIDDEN FILES - .GITIGNORE, CONFIG, DS_STORE
.name.icon[data-name*=".gitignore"], .name.icon[data-name*=".config"], .name.icon[data-name*=".DS_Store"],{
  position: relative;
  display: inline-block;
  top:-5px;
  padding: 0;
  color: @color-hidden;

  &:before {
    font-family: icomoon;
    content: '\e615';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-hidden;
  }
}

// HTML
.name.icon[data-name*=".html"], .name.icon[data-name*=".htm"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-html;
  }
}

// IMAGES
.name.icon[data-name*=".ai"],
.name.icon[data-name*=".gif"],
.name.icon[data-name*=".jpeg"],
.name.icon[data-name*=".jpg"],
.name.icon[data-name*=".png"],
.name.icon[data-name*=".psd"],
.name.icon[data-name*=".svg"],
.name.icon[data-name*=".svgx"] {

  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e60d';
    font-size: 18px;
    position: relative;
    top: 5px;
    left: -2px;
    color: @color-img;
  }
}

// JADE
.name.icon[data-name*=".jade"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-jade;
  }
}

// JAVASCRIPT
.name.icon[data-name*=".js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60c';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-js;
  }
}

// JSON
.name.icon[data-name*=".json"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60b';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-json;
  }
}

// LESS
.name.icon[data-name*=".less"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-less;
  }

}

// MARKDOWN
.name.icon[data-name*=".md"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e609';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-md;
  }
}

// MUSTACHE
.name.icon[data-name*=".mustache"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-mustache;
  }
}

// PHP
.name.icon[data-name*=".php"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e608';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-php;
  }
}

// PYTHON
.name.icon[data-name*=".py"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e606';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-python;
  }
}

// RUBY
.name.icon[data-name*=".rb"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e604';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-ruby;
  }
}

// SASS
.name.icon[data-name*=".scss"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e603';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-sass;
  }
}

// STYLUS
.name.icon[data-name*=".styl"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e600';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-styl;
  }
}

// - - - - - - - - - - - - - - - - -
//  ICONS BASED ON NAME VS EXTENSION
// - - - - - - - - - - - - - - - - -

// BOWER
.name.icon[data-name*="BOWER.json"],
.name.icon[data-name*="Bower.json"],
.name.icon[data-name*="bower.json"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-bower;
    content: '\e61a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// GRUNT
.name.icon[data-name*="GRUNTFILE.js"],
.name.icon[data-name*="Gruntfile.js"],
.name.icon[data-name*="gruntfile.js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e611';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-grunt;
  }
}

// GULP
.name.icon[data-name*="GULPFILE.js"],
.name.icon[data-name*="Gulpfile.js"],
.name.icon[data-name*="gulpfile.js"] {

  position: relative;
  display: inline-block;
  top: -5px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e610';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-gulp;
  }
}

// LICENSE
.name.icon[data-name*="LICENSE"],
.name.icon[data-name*="License"],
.name.icon[data-name*="license"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    color: @color-license;
    content: '\e60a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// NPM
.name.icon[data-name*=".npmignore"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-npm;
    content: '\e616';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// PROCFILE
.name.icon[data-name*="PROCFILE"],
.name.icon[data-name*="Procfile"],
.name.icon[data-name*="procfile"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e607';
    font-size: 20px;
    position: relative;
    top: 5px;
    left: -3px;
    color: @color-procfile;
  }
}

// XML
.name.icon[data-name*=".xml"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-xml;
    content: '\e619';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-added;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-modified;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }

@import "icon-colors";
@import "icon-font";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SLECTOR OF FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e612';
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px;
    color: @color-default;
  }

}

// CSS
.name.icon[data-name*=".css"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-css;
  }

}

// HANDLEBARS
.name.icon[data-name*=".hbs"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-handlebars;
  }
}

// HIDDEN FILES - .GITIGNORE, CONFIG, DS_STORE
.name.icon[data-name*=".gitignore"], .name.icon[data-name*="config"], .name.icon[data-name*=".DS_Store"],{
  position: relative;
  display: inline-block;
  top:-5px;
  padding: 0;
  color: @color-hidden;

  &:before {
    font-family: icomoon;
    content: '\e615';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-hidden;
  }
}

// HTML
.name.icon[data-name*=".html"], .name.icon[data-name*=".htm"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-html;
  }
}

// IMAGES
.name.icon[data-name*=".ai"],
.name.icon[data-name*=".gif"],
.name.icon[data-name*=".jpeg"],
.name.icon[data-name*=".jpg"],
.name.icon[data-name*=".png"],
.name.icon[data-name*=".psd"],
.name.icon[data-name*=".svg"],
.name.icon[data-name*=".svgx"] {

  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e60d';
    font-size: 18px;
    position: relative;
    top: 5px;
    left: -2px;
    color: @color-img;
  }
}

// JADE
.name.icon[data-name*=".jade"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60e';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-jade;
  }
}

// JAVASCRIPT
.name.icon[data-name*=".js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60c';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-js;
  }
}

// JSON
.name.icon[data-name*=".json"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60b';
    font-size: 22px;
    position: relative;
    top: 7px;
    left: -5px;
    color: @color-json;
  }
}

// LESS
.name.icon[data-name*=".less"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e614';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-less;
  }

}

// MARKDOWN
.name.icon[data-name*=".md"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: '\e609';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-md;
  }
}

// MUSTACHE
.name.icon[data-name*=".mustache"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e60f';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-mustache;
  }
}

// PHP
.name.icon[data-name*=".php"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e608';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-php;
  }
}

// PYTHON
.name.icon[data-name*=".py"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e606';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-python;
  }
}

// RUBY
.name.icon[data-name*=".rb"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e604';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-ruby;
  }
}

// SASS
.name.icon[data-name*=".scss"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e603';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-sass;
  }
}

// STYLUS
.name.icon[data-name*=".styl"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e600';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-styl;
  }
}

// - - - - - - - - - - - - - - - - -
//  ICONS BASED ON NAME VS EXTENSION
// - - - - - - - - - - - - - - - - -

// BOWER
.name.icon[data-name*="BOWER.json"],
.name.icon[data-name*="Bower.json"],
.name.icon[data-name*="bower.json"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-bower;
    content: '\e61a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// GRUNT
.name.icon[data-name*="GRUNTFILE.js"],
.name.icon[data-name*="Gruntfile.js"],
.name.icon[data-name*="gruntfile.js"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e611';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-grunt;
  }
}

// GULP
.name.icon[data-name*="GULPFILE.js"],
.name.icon[data-name*="Gulpfile.js"],
.name.icon[data-name*="gulpfile.js"] {

  position: relative;
  display: inline-block;
  top: -5px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e610';
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -5px;
    color: @color-gulp;
  }
}

// LICENSE
.name.icon[data-name*="LICENSE"],
.name.icon[data-name*="License"],
.name.icon[data-name*="license"] {

  position: relative;
  display: inline-block;
  top: -6px;
  padding: 0;

  &.icon-file-text:before {
    color: @color-license;
    content: '\e60a';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// NPM
.name.icon[data-name*=".npmignore"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-npm;
    content: '\e616';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// PROCFILE
.name.icon[data-name*="PROCFILE"],
.name.icon[data-name*="Procfile"],
.name.icon[data-name*="procfile"] {

  position: relative;
  display: inline-block;
  top: -4px;
  padding: 0;

  &.icon-file-text:before {
    font-family: icomoon;
    content: '\e607';
    font-size: 20px;
    position: relative;
    top: 5px;
    left: -3px;
    color: @color-procfile;
  }
}

// XML
.name.icon[data-name*=".xml"] {

  display: inline-block;
  padding: 0;
  position: relative;
  top: -6px;

  &.icon-file-text:before {
    color: @color-xml;
    content: '\e619';
    font-family: icomoon;
    font-size: 22px;
    left: -5px;
    position: relative;
    top: 6px;
  }
}

// - - - - - - -
// STATUS COLORS
// - - - - - - -

// STATUS: ADDED
.directory.entry.list-nested-item.status-added {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-added;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-added;

    // ICON
    &:before {
      color: @color-status-added;
    }
  }

}

  .file.entry.list-item.status-added {

    .name.icon {

      // TEXT
      color: @color-status-added;

      // ICON
      &:before {
        color: @color-status-added !important;
      }

      &.icon-file-text:before {
        color: @color-status-added;
      }
    }
  }

// STATUS: MODIFIED
.directory.entry.list-nested-item.status-modified {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-modified;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-modified;

    // ICON
    &:before {
      color: @color-status-modified;
    }
  }

}

  .file.entry.list-item.status-modified {
    .name.icon {

      // TEXT
      color: @color-status-modified;

      // ICON
      &:before {
        color: @color-status-modified;
      }
    }
  }

// STATUS: IGNORED
.directory.entry.list-nested-item.status-ignored {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-ignored;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-ignored;

    // ICON
    &:before {
      color: @color-status-ignored;
    }
  }

}

  .file.entry.list-item.status-ignored {
    .name.icon {

      // TEXT
      color: @color-status-ignored;

      // ICON
      &:before {
        color: @color-status-ignored;
      }
    }
  }

// STATUS: REMOVED
.directory.entry.list-nested-item.status-removed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-removed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-removed;

    // ICON
    &:before {
      color: @color-status-removed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-removed {
    .name.icon {

      // TEXT
      color: @color-status-removed;

      // ICON
      &:before {
        color: @color-status-removed;
      }
    }
  }

// STATUS: RENAMED
.directory.entry.list-nested-item.status-renamed {

  // OPEN/CLOSE SELECTOR
  .header.list-item {
    &:before {
      color: @color-status-renamed;
    }
  }

  // DIRECTORY
  .name.icon.icon-file-directory {

    // TEXT
    color: @color-status-renamed;

    // ICON
    &:before {
      color: @color-status-renamed;
    }
  }

}

  // FILE
  .file.entry.list-item.status-renamed {
    .name.icon {

      // TEXT
      color: @color-status-renamed;

      // ICON
      &:before {
        color: @color-status-renamed;
      }
    }
  }


OR-1596 - Fix avatar size problem

OR-1596 - Fix avatar size problem


fix(v4skin): removed focus styles applied by firefox

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


Fix Checkbox check rotate in IE8, close #2148

@import "../../style/mixins/index";

.antCheckboxFn(@checkbox-prefix-cls: ant-checkbox) {
  @checkbox-inner-prefix-cls: ~"@{checkbox-prefix-cls}-inner";
  // 一般状态
  .@{checkbox-prefix-cls} {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;

    &:hover,
    &-focused {
      .@{checkbox-inner-prefix-cls} {
        border-color: #bcbcbc;
      }
    }

    &-inner {
      &:after {
        transform: rotate(45deg) scale(0);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .1s @ease-in-back;
      }

      position: relative;
      top: 0;
      left: 0;
      display: inline-block;
      width: 14px;
      height: 14px;
      border-width: 1px;
      border-style: solid;
      border-radius: 3px;
      border-color: @border-color-base;
      background-color: #fff;
      transition: border-color 0.1s @ease-in-out-back, background-color 0.1s @ease-in-out-back;
    }

    &-input {
      position: absolute;
      left: 0;
      z-index: 1;
      cursor: pointer;
      .opacity(0);
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
  }

  // 半选状态
  .@{checkbox-prefix-cls}-indeterminate {
    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;
      &:after {
        content: ' ';
        transform: scale(1);
        position: absolute;
        left: 2px;
        top: 5px;
        width: 8px;
        height: 1px;
      }
    }
    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }
  }
  // 选中状态
  .@{checkbox-prefix-cls}-checked {

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;

      &:after {
        transform: rotate(45deg) scale(1);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .2s @ease-out-back .1s;
      }
    }
  }

  .@{checkbox-prefix-cls}-disabled {
    &.@{checkbox-prefix-cls}-checked {
      &:hover {
        .@{checkbox-inner-prefix-cls} {
          border-color: @border-color-base;
        }
      }

      .@{checkbox-inner-prefix-cls} {
        background-color: #f3f3f3;
        border-color: @border-color-base;

        &:after {
          animation-name: none;
          border-color: #ccc;
        }
      }
    }

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @border-color-base;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @border-color-base;
      background-color: #f3f3f3;
      &:after {
        animation-name: none;
        border-color: #f3f3f3;
      }
    }

    .@{checkbox-inner-prefix-cls}-input {
      cursor: default;
    }
  }

  .@{checkbox-prefix-cls}-wrapper {
    cursor: pointer;
    font-size: @font-size-base;
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-wrapper + span,
  .@{checkbox-prefix-cls} + span {
    margin-left: 8px;
    margin-right: 8px;
  }

  .@{checkbox-prefix-cls}-wrapper + span {
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-group {
    font-size: @font-size-base;
    &-item {
      display: inline-block;
    }
  }

  @ie8: \0screen;

  // IE8 hack for https://github.com/ant-design/ant-design/issues/2148
  @media @ie8 {
    .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:before,
    .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:after {
      font-family: 'anticon';
      content: '\E62E';
      font-weight: bold;
      font-size: 8px;
      border: 0;
      color: #fff;
      left: 2px;
      top: 3px;
      position: absolute;
    }
  }
}

@import "../../style/mixins/index";

.antCheckboxFn(@checkbox-prefix-cls: ant-checkbox) {
  @checkbox-inner-prefix-cls: ~"@{checkbox-prefix-cls}-inner";
  // 一般状态
  .@{checkbox-prefix-cls} {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;

    &:hover,
    &-focused {
      .@{checkbox-inner-prefix-cls} {
        border-color: #bcbcbc;
      }
    }

    &-inner {
      &:after {
        transform: rotate(45deg) scale(0);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .1s @ease-in-back;
      }

      position: relative;
      top: 0;
      left: 0;
      display: inline-block;
      width: 14px;
      height: 14px;
      border-width: 1px;
      border-style: solid;
      border-radius: 3px;
      border-color: @border-color-base;
      background-color: #fff;
      transition: border-color 0.1s @ease-in-out-back, background-color 0.1s @ease-in-out-back;
    }

    &-input {
      position: absolute;
      left: 0;
      z-index: 1;
      cursor: pointer;
      .opacity(0);
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
  }

  // 半选状态
  .@{checkbox-prefix-cls}-indeterminate {
    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;
      &:after {
        content: ' ';
        transform: scale(1);
        position: absolute;
        left: 2px;
        top: 5px;
        width: 8px;
        height: 1px;
      }
    }
    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }
  }
  // 选中状态
  .@{checkbox-prefix-cls}-checked {

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;

      &:after {
        transform: rotate(45deg) scale(1);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .2s @ease-out-back .1s;
      }
    }
  }

  .@{checkbox-prefix-cls}-disabled {
    &.@{checkbox-prefix-cls}-checked {
      &:hover {
        .@{checkbox-inner-prefix-cls} {
          border-color: @border-color-base;
        }
      }

      .@{checkbox-inner-prefix-cls} {
        background-color: #f3f3f3;
        border-color: @border-color-base;

        &:after {
          animation-name: none;
          border-color: #ccc;
        }
      }
    }

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @border-color-base;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @border-color-base;
      background-color: #f3f3f3;
      &:after {
        animation-name: none;
        border-color: #f3f3f3;
      }
    }

    .@{checkbox-inner-prefix-cls}-input {
      cursor: default;
    }
  }

  .@{checkbox-prefix-cls}-wrapper {
    cursor: pointer;
    font-size: @font-size-base;
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-wrapper + span,
  .@{checkbox-prefix-cls} + span {
    margin-left: 8px;
    margin-right: 8px;
  }

  .@{checkbox-prefix-cls}-wrapper + span {
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-group {
    font-size: @font-size-base;
    &-item {
      display: inline-block;
    }
  }
}


Add space between navbar fixed top with fab and container

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


Remove underline for the btn in block control


Move navigation to separate file

Move navigation to separate 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/MeteorPackaging/Swiper.git/'


Create responsive-embed.less

Create responsive-embed.less

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


Starter template for app-specific styles

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


repeater styling fixes

repeater styling fixes

.repeater {
	border: 1px solid #ddd;
	.border-radius(4px);

	&-header,
	&-footer
	{
		background: #f9f9f9;
		padding: 8px;
		.clearfix;
	}

	&-header {
		border-bottom: 1px solid #ddd;
		.border-top-left-radius(4px);
		.border-top-right-radius(4px);

		&-left {
			float: left;
		}

		&-right {
			float: right;
		}
	}

	&-footer {
		border-top: 1px solid #ddd;
		.border-bottom-left-radius(4px);
		.border-bottom-right-radius(4px);

		&-left {
			float: left;
		}

		&-right {
			float: right;
		}
	}

	&-main {
		min-height: 32px;
		overflow: auto;
	}

	&-pagination {
		.repeater-primaryPaging {
			display: none;
			vertical-align: middle;

			&.active {
				display: inline-block;
			}

			input.form-control {
				width: 82px;
			}
		}

		.repeater-secondaryPaging {
			display: none;
			width: 82px;

			&.active {
				display: inline-block;
			}
		}
	}

	&-search {
		float: left;
	}

	&-title {
		display: block;
		float: left;
		line-height: 34px;
		margin-right: 10px;
	}
}

.repeater {
	border: 1px solid #ddd;
	.border-radius(4px);

	&-header,
	&-footer
	{
		background: #f9f9f9;
		padding: 8px;
		.clearfix;
	}

	&-header {
		border-bottom: 1px solid #ddd;
		.border-top-left-radius(4px);
		.border-top-right-radius(4px);

		&-left {
			float: left;
		}

		&-right {
			float: right;
		}
	}

	&-footer {
		border-top: 1px solid #ddd;
		.border-bottom-left-radius(4px);
		.border-bottom-right-radius(4px);

		&-left {
			float: left;
		}

		&-right {
			float: right;
		}
	}

	&-main {
		min-height: 32px;
		overflow: auto;
	}

	&-pagination {
		.repeater-primaryPaging {
			display: none;
			vertical-align: middle;

			&.active {
				display: inline-block;
			}

			input.form-control {
				width: 82px;
			}
		}

		.repeater-secondaryPaging {
			display: none;
			width: 82px;

			&.active {
				display: inline-block;
			}
		}
	}

	&-search {
		float: left;
	}

	&-title {
		display: block;
		float: left;
	}
}


fix(style): correct sub list margin

fix(style): correct sub list margin

fatal: unable to access 'https://github.com/sszuflita/almace-scaffolding.git/': The requested URL returned error: 403


fix typo

fix typo

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/xuanyan0x7c7/geometry-pad.git/'


add back

add back

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/alex-nexus/bootswatch-theme-rails.git/'


Removed weird margin

Removed weird margin

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


New line nit for Krupa in st. val.

New line nit for Krupa in st. val.

@import 'lib';

#upload-webapp {
    footer {
        margin-top: 20px;
    }
    button {
        margin-left: 15px;
    }
}

#upload-file {
    margin-top: 15px;
    .vf-button button {
        .border-radius(0 3px 3px 0);
        .transition(box-shadow 0.3s ease);
        border: 0;
        border-left: 1px solid @light-gray;
        font: 1.3em/1.3em @open-stack;
        margin: 0;
        padding: 6px 25px 6px 0;
        min-width: 120px;
        &.disabled {
            opacity: .5;
        }
        &:active {
            top: 0;
            .box-shadow(0 2px rgba(0, 0, 0, 0.1),
                        0 -1px rgba(0, 0, 0, 0.1) inset,
                        0 0 100px rgba(255, 255, 255, 0.4) inset);
        }
        &:after {
            .border-radius(0 4px 4px 0);
            .transition(right 0.3s ease);
            border: 30px solid rgba(0, 0, 0, .4);
            border-bottom-color: transparent;
            border-left-color: transparent;
            content: "";
            .transform(rotate(45deg));
            transform-origin: right top;
            -moz-transform-origin: right top;
            -webkit-transform-origin: right top;
            display: block;
            position: absolute;
            top: 50%;
            right: -22px;
            height: 58px;
            width: 58px;
        }
        &:hover, &.hovered {
            &:after {
                right: -30px;
            }
        }
    }
    #validate-field {
        .border-radius(5px);
        border: 1px solid @light-gray;
        display: table;
        margin: 5px 0 0;
        overflow: hidden;
        width: 100%;
        #upload-webapp-url {
            .border-radius(5px 0 0 5px);
            border: 0;
            font-size: 1.3em;
            width: 100%;
            &.loading {
                background: url(../../img/zamboni/loading-white.gif) 98% 50% no-repeat;
            }
            &:-moz-placeholder {
                color: @light-gray;
            }
            &::-webkit-placeholder {
                color: #cbcbcb;
            }
            &:invalid {
                background-color: #FEE7E7;
                border-bottom-color: red;
                border-left-color: red;
                border-top-color: red;
                .box-shadow(~'0 0 !important');
            }
        }
        > div {
            display: table-cell;
            &.vf-text {
                .box-shadow(0 1px 2px rgba(0,0,0,.1) inset);
                width: 100%;
                #upload-webapp-url {
                    .box-shadow(none);
                }
            }
        }
    }
    .upload-details {
        .transition(padding-top .3s ease);
        color: @note-gray;
        font-size: 11px;
        margin: 10px 0 0;
        position: relative;
        &.show-tip {
            padding-top: 36px;
        }
        + .submission-buttons {
            margin-top: 20px;
        }
    }
    /* Pretty Tooltip. */
    #validate-error-protocol {
        opacity: 0;
        position: absolute;
        top: 0;
        pointer-events: none;
        &.visible {
            pointer-events: all;
            .transition(opacity .3s ease);
            opacity: 1;
        }
    }
    h3 {
        margin-top: 0;
    }
    p {
        margin-bottom: 10px;
    }
}

.upload-file {
    padding: 20px;
}

#upload-status-bar {
    background-color: #F2F2F2;
    .border-radius(5px);
    height: 20px;
}

#upload-status-bar.bar-fail {
    background-color: #D81916;
}

#upload-status-bar.bar-success {
    background-color: #325487;
}

#upload-status-bar div {
    background-color: #8BC5FA;
    .border-radius(5px);
    width: 0;
    height: 20px;
}

#upload-status-bar.progress-idle,
#upload-status-bar.progress-idle div {
    background-image: url(../../img/developers/progress.gif);
}

#upload-status-bar.progress-idle {
    background-position: 0 -26px;
}

#upload-status-results ul {
    font-size: 11px;
    line-height: 1.4em;
    list-style: disc inside none;
    margin: 0 0 0 24px;
    padding-top: 3px;

    & + a {
        display: block;
        margin: 6px 24px;
    }
}

#upload-status-text {
    display: block;
    margin: 20px 0 5px;
}

#upload-status-results {
    display: block;
    margin: 20px 0 10px;
}

#upload-status-results {
    background-repeat: no-repeat;
    display: none;
    &.status-pass, &.status-fail {
        display: block;
    }
    a.view-more {
        color: #359AFF;
        display: block;
        font-size: 12px;
        padding: 5px 0 0 24px;
    }
}

#upload-status-results strong {
    background: url(../../img/zamboni/icons/checks.png) no-repeat;
    padding: 2px 0 2px 24px;
}

#upload-status-results.status-fail strong,
section.payments li.status-fail {
    color: #D81916;
    background-position: 0 -116px;
}

#upload-status-results.status-pass strong,
section.payments li.status-pass {
    color: #325487;
    background-position: 0 -76px;
}

#upload-file .upload-status #uploadstatus {
    color: #777;
    font-size: 11px;
    margin-top: 4px;
}

/* validation results page */
@lead-col-width: 320px;
.results-intro, .suite-summary {
    .border-radius(5px 5px 0 0);
    border: 1px solid @border-gray;
    background-color: @white;
    width: 100%;
    .border-box();
    dt, dd, span {
        color: @dark-gray;
        font: 16px @open-stack;
        padding: 10px;
    }
    dt, dd {
        float: left;
    }
    dt {
        width: @lead-col-width;
        padding-right: 0;
    }
    dd {
        padding-left: 0;
    }
    span {
        display: block;
    }
}
.html-rtl .results-intro {
    dt, dd {
        float: right;
    }
    dt {
        text-align: right;
        padding-right: 10px;
        padding-left: 0;
    }
    dd {
        padding-right: 0;
        padding-left: 10px;
    }
}

.suite-summary {
    margin-top: 15px;
}
.html-rtl .suite-summary {
    text-align: right;
}

.suite-container, .results {
    .tiers {
        border: 1px solid @border-gray;
        .border-radius(0 0 5px 5px);
    }
    .tiers, .result {
        border-top: 0;
        .test-tier, .result-header {
            padding: 10px 10px 0 10px;
            border-bottom: 1px dotted #ddd;
            &:last-child {
                border-bottom: 0;
            }
        }
        .tier-summary {
            margin: 8px 0;
        }
        .tests-passed .tier-summary {
            color: @green;
        }
        .tests-failed .tier-summary {
            color: @red;
        }
    }
}
.html-rtl .suite-container .tiers {
    text-align: right;
}

.results {
    color: @dark-gray;
    border: 1px solid @border-gray;
    border-top: 0;
    .border-radius(0 0 5px 5px);
    h4 {
        float: left;
        width: @lead-col-width;
    }
    ul {
        float: right;
        li {
            float: left;
            padding: 0 8px;
        }
    }
    .tier-results {
        background-color: @white;
        padding: 10px;
    }
    .result .result-header {
        padding-bottom: 10px;
    }
    .result .tests-passed {
        color: @green;
    }
    .result .tests-failed {
        color: @red;
    }
    .result:last-child .tier-results {
        .border-radius(0 0 5px 5px);
    }
    .result .msg-error {
        padding-bottom: 10px;
        p, h5 {
            line-height: 22px;
        }
        h5 {
            color: @dark-gray;
            font-weight: normal;
            border-bottom: 1px dotted @border-gray;
            padding-bottom: 5px;
            margin-bottom: 4px;
        }
        &:last-child {
            padding-bottom: 0;
        }
    }
}

.html-rtl .results {
    h4 {
        float: right;
        text-align: right;
    }
    ul {
        float: left;
    }
    .result-summary {
        text-align: right;
    }
    .tier-results {
        text-align: right;
    }
}

// Packaged apps.
#submit-upload .upload-status {
    margin: 20px 0;
    #upload-status-results strong {
        display: block;
        ~ ul {
            margin-bottom: 10px;
        }
        ~ a {
            display: block;
            margin-top: 5px;
        }
    }
}

@import 'lib';

#upload-webapp {
    footer {
        margin-top: 20px;
    }
    button {
        margin-left: 15px;
    }
}

#upload-file {
    margin-top: 15px;
    .vf-button button {
        .border-radius(0 3px 3px 0);
        .transition(box-shadow 0.3s ease);
        border: 0;
        border-left: 1px solid @light-gray;
        font: 1.3em/1.3em @open-stack;
        margin: 0;
        padding: 6px 25px 6px 0;
        min-width: 120px;
        &.disabled {
            opacity: .5;
        }
        &:active {
            top: 0;
            .box-shadow(0 2px rgba(0, 0, 0, 0.1),
                        0 -1px rgba(0, 0, 0, 0.1) inset,
                        0 0 100px rgba(255, 255, 255, 0.4) inset);
        }
        &:after {
            .border-radius(0 4px 4px 0);
            .transition(right 0.3s ease);
            border: 30px solid rgba(0, 0, 0, .4);
            border-bottom-color: transparent;
            border-left-color: transparent;
            content: "";
            .transform(rotate(45deg));
            transform-origin: right top;
            -moz-transform-origin: right top;
            -webkit-transform-origin: right top;
            display: block;
            position: absolute;
            top: 50%;
            right: -22px;
            height: 58px;
            width: 58px;
        }
        &:hover, &.hovered {
            &:after {
                right: -30px;
            }
        }
    }
    #validate-field {
        .border-radius(5px);
        border: 1px solid @light-gray;
        display: table;
        margin: 5px 0 0;
        overflow: hidden;
        width: 100%;
        #upload-webapp-url {
            .border-radius(5px 0 0 5px);
            border: 0;
            font-size: 1.3em;
            width: 100%;
            &.loading {
                background: url(../../img/zamboni/loading-white.gif) 98% 50% no-repeat;
            }
            &:-moz-placeholder {
                color: @light-gray;
            }
            &::-webkit-placeholder {
                color: #cbcbcb;
            }
            &:invalid {
                background-color: #FEE7E7;
                border-bottom-color: red;
                border-left-color: red;
                border-top-color: red;
                .box-shadow(~'0 0 !important');
            }
        }
        > div {
            display: table-cell;
            &.vf-text {
                .box-shadow(0 1px 2px rgba(0,0,0,.1) inset);
                width: 100%;
                #upload-webapp-url {
                    .box-shadow(none);
                }
            }
        }
    }
    .upload-details {
        .transition(padding-top .3s ease);
        color: @note-gray;
        font-size: 11px;
        margin: 10px 0 0;
        position: relative;
        &.show-tip {
            padding-top: 36px;
        }
        + .submission-buttons {
            margin-top: 20px;
        }
    }
    /* Pretty Tooltip. */
    #validate-error-protocol {
        opacity: 0;
        position: absolute;
        top: 0;
        pointer-events: none;
        &.visible {
            pointer-events: all;
            .transition(opacity .3s ease);
            opacity: 1;
        }
    }
    h3 {
        margin-top: 0;
    }
    p {
        margin-bottom: 10px;
    }
}

.upload-file {
    padding: 20px;
}

#upload-status-bar {
    background-color: #F2F2F2;
    .border-radius(5px);
    height: 20px;
}

#upload-status-bar.bar-fail {
    background-color: #D81916;
}

#upload-status-bar.bar-success {
    background-color: #325487;
}

#upload-status-bar div {
    background-color: #8BC5FA;
    .border-radius(5px);
    width: 0;
    height: 20px;
}

#upload-status-bar.progress-idle,
#upload-status-bar.progress-idle div {
    background-image: url(../../img/developers/progress.gif);
}

#upload-status-bar.progress-idle {
    background-position: 0 -26px;
}

#upload-status-results ul {
    font-size: 11px;
    line-height: 1.4em;
    list-style: disc inside none;
    margin: 0 0 0 24px;
    padding-top: 3px;
}

#upload-status-text {
    display: block;
    margin: 20px 0 5px;
}

#upload-status-results {
    display: block;
    margin: 20px 0 10px;
}

#upload-status-results {
    background-repeat: no-repeat;
    display: none;
    &.status-pass, &.status-fail {
        display: block;
    }
    a.view-more {
        color: #359AFF;
        display: block;
        font-size: 12px;
        padding: 5px 0 0 24px;
    }
}

#upload-status-results strong {
    background: url(../../img/zamboni/icons/checks.png) no-repeat;
    padding: 2px 0 2px 24px;
}

#upload-status-results.status-fail strong,
section.payments li.status-fail {
    color: #D81916;
    background-position: 0 -116px;
}

#upload-status-results.status-pass strong,
section.payments li.status-pass {
    color: #325487;
    background-position: 0 -76px;
}

#upload-file .upload-status #uploadstatus {
    color: #777;
    font-size: 11px;
    margin-top: 4px;
}

/* validation results page */
@lead-col-width: 320px;
.results-intro, .suite-summary {
    .border-radius(5px 5px 0 0);
    border: 1px solid @border-gray;
    background-color: @white;
    width: 100%;
    .border-box();
    dt, dd, span {
        color: @dark-gray;
        font: 16px @open-stack;
        padding: 10px;
    }
    dt, dd {
        float: left;
    }
    dt {
        width: @lead-col-width;
        padding-right: 0;
    }
    dd {
        padding-left: 0;
    }
    span {
        display: block;
    }
}
.html-rtl .results-intro {
    dt, dd {
        float: right;
    }
    dt {
        text-align: right;
        padding-right: 10px;
        padding-left: 0;
    }
    dd {
        padding-right: 0;
        padding-left: 10px;
    }
}

.suite-summary {
    margin-top: 15px;
}
.html-rtl .suite-summary {
    text-align: right;
}

.suite-container, .results {
    .tiers {
        border: 1px solid @border-gray;
        .border-radius(0 0 5px 5px);
    }
    .tiers, .result {
        border-top: 0;
        .test-tier, .result-header {
            padding: 10px 10px 0 10px;
            border-bottom: 1px dotted #ddd;
            &:last-child {
                border-bottom: 0;
            }
        }
        .tier-summary {
            margin: 8px 0;
        }
        .tests-passed .tier-summary {
            color: @green;
        }
        .tests-failed .tier-summary {
            color: @red;
        }
    }
}
.html-rtl .suite-container .tiers {
    text-align: right;
}

.results {
    color: @dark-gray;
    border: 1px solid @border-gray;
    border-top: 0;
    .border-radius(0 0 5px 5px);
    h4 {
        float: left;
        width: @lead-col-width;
    }
    ul {
        float: right;
        li {
            float: left;
            padding: 0 8px;
        }
    }
    .tier-results {
        background-color: @white;
        padding: 10px;
    }
    .result .result-header {
        padding-bottom: 10px;
    }
    .result .tests-passed {
        color: @green;
    }
    .result .tests-failed {
        color: @red;
    }
    .result:last-child .tier-results {
        .border-radius(0 0 5px 5px);
    }
    .result .msg-error {
        padding-bottom: 10px;
        p, h5 {
            line-height: 22px;
        }
        h5 {
            color: @dark-gray;
            font-weight: normal;
            border-bottom: 1px dotted @border-gray;
            padding-bottom: 5px;
            margin-bottom: 4px;
        }
        &:last-child {
            padding-bottom: 0;
        }
    }
}

.html-rtl .results {
    h4 {
        float: right;
        text-align: right;
    }
    ul {
        float: left;
    }
    .result-summary {
        text-align: right;
    }
    .tier-results {
        text-align: right;
    }
}

// Packaged apps.
#submit-upload .upload-status {
    margin: 20px 0;
    #upload-status-results strong {
        display: block;
        ~ ul {
            margin-bottom: 10px;
        }
        ~ a {
            display: block;
            margin-top: 5px;
        }
    }
}


GRID now supports a/va per breakpoint (see issue #14)

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


Create clean-blog.less

Create clean-blog.less

@import "variables.less";
@import "mixins.less";

// Global Components

body {
	.serif;
	font-size: 20px;
	color: @gray-dark;
}

// -- Typography

p {
	line-height: 1.5;
	margin: 30px 0;
	a {
		text-decoration: underline;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	.sans-serif;
	font-weight: 800;
}

a {
	color: @gray-dark;
	&:hover,
	&:focus {
		color: @brand-primary;
	}
}

a img {
	&:hover,
	&:focus {
		cursor: zoom-in;
	}
}

blockquote {
	color: @gray;
	font-style: italic;
}

hr.small {
	max-width: 100px;
	margin: 15px auto;
	border-width: 4px;
	border-color: white;
}

// Navigation

.navbar-custom {
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	.sans-serif;
	.navbar-brand {
		font-weight: 800;
	}
	.nav {
		li {
			a {
				text-transform: uppercase;
				font-size: 12px;
				font-weight: 800;
				letter-spacing: 1px;
			}
		}
	}
	@media only screen and (min-width: 768px) {
		background: transparent;
		border-bottom: 1px solid transparent;
		.navbar-brand {
			color: white;
			padding: 20px;
			&:hover,
			&:focus {
				color: @white-faded;
			}
		}
		.nav {
			li {
				a {
					color: white;
					padding: 20px;
					&:hover,
					&:focus {
						color: @white-faded;
					}
				}
			}
		}
	}
	@media only screen and (min-width: 1170px) {
		-webkit-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		&.is-fixed {
			/* when the user scrolls down, we hide the header right above the viewport */
			position: fixed;
			top: -61px;
			background-color: fade(white, 90%);
			border-bottom: 1px solid darken(white, 5%);
			-webkit-transition: -webkit-transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			transition: transform 0.3s;
			.navbar-brand {
				color: @gray-dark;
				&:hover,
				&:focus {
					color: @brand-primary;
				}
			}
			.nav {
				li {
					a {
						color: @gray-dark;
						&:hover,
						&:focus {
							color: @brand-primary;
						}
					}
				}
			}
		}
		&.is-visible {
			/* if the user changes the scrolling direction, we show the header */
			-webkit-transform: translate3d(0, 100%, 0);
			-moz-transform: translate3d(0, 100%, 0);
			-ms-transform: translate3d(0, 100%, 0);
			-o-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
	}
}

// Header

.intro-header {
	background: no-repeat center center;
	background-color: @gray;
	background-attachment: scroll;
	.background-cover;
	// NOTE: Background images are set within the HTML using inline CSS!
	margin-bottom: 50px;
	.site-heading,
	.post-heading,
	.page-heading {
		padding: 100px 0 50px;
		color: white;
		@media only screen and (min-width: 768px) {
			padding: 150px 0;
		}
	}
	.site-heading,
	.page-heading {
		text-align: center;
		h1 {
			margin-top: 0;
			font-size: 50px;
		}
		.subheading {
			font-size: 24px;
			line-height: 1.1;
			display: block;
			.sans-serif;
			font-weight: 300;
			margin: 10px 0 0;
		}
		@media only screen and (min-width: 768px) {
			h1 {
				font-size: 80px;
			}
		}
	}
	.post-heading {
		h1 {
			font-size: 35px;
		}
		.subheading,
		.meta {
			line-height: 1.1;
			display: block;
		}
		.subheading {
			.sans-serif;
			font-size: 24px;
			margin: 10px 0 30px;
			font-weight: 600;
		}
		.meta {
			.serif;
			font-style: italic;
			font-weight: 300;
			font-size: 20px;
			a {
				color: white;
			}
		}
		@media only screen and (min-width: 768px) {
			h1 {
				font-size: 55px;
			}
			.subheading {
				font-size: 30px;
			}
		}
	}
}

// Post Preview Pages

.post-preview {
	> a {
		color: @gray-dark;
		&:hover,
		&:focus {
			text-decoration: none;
			color: @brand-primary;
		}
		> .post-title {
			font-size: 30px;
			margin-top: 30px;
			margin-bottom: 10px;
		}
		> .post-subtitle {
			margin: 0;
			font-weight: 300;
			margin-bottom: 10px;
		}
	}
	> .post-meta {
		color: @gray;
		font-size: 18px;
		font-style: italic;
		margin-top: 0;
		> a {
			text-decoration: none;
			color: @gray-dark;
			&:hover,
			&:focus {
				color: @brand-primary;
				text-decoration: underline;
			}
		}
	}
	@media only screen and (min-width: 768px) {
		> a {
			> .post-title {
				font-size: 36px;
			}
		}
	}
}

// Sections

.section-heading {
	font-size: 36px;
	margin-top: 60px;
	font-weight: 700;
}

.caption {
	text-align: center;
	font-size: 14px;
	padding: 10px;
	font-style: italic;
	margin: 0;
	display: block;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

footer {
	padding: 50px 0 65px;
	.list-inline {
		margin: 0;
		padding: 0;
	}
	.copyright {
		font-size: 14px;
		text-align: center;
		margin-bottom: 0;
	}
}

// Contact Form Styles

.floating-label-form-group {
	font-size: 14px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid @gray-light;
	input,
	textarea {
		z-index: 1;
		position: relative;
		padding-right: 0;
		padding-left: 0;
		border: none;
		border-radius: 0;
		font-size: 1.5em;
		background: none;
		box-shadow: none !important;
		resize: none;
	}
	label {
		display: block;
		z-index: 0;
		position: relative;
		top: 2em;
		margin: 0;
		font-size: 0.85em;
		line-height: 1.764705882em;
		vertical-align: middle;
		vertical-align: baseline;
		opacity: 0;
		-webkit-transition: top 0.3s ease,opacity 0.3s ease;
		-moz-transition: top 0.3s ease,opacity 0.3s ease;
		-ms-transition: top 0.3s ease,opacity 0.3s ease;
		transition: top 0.3s ease,opacity 0.3s ease;
	}
	&::not(:first-child) {
		padding-left: 14px;
		border-left: 1px solid @gray-light;
	}
}

.floating-label-form-group-with-value {
	label {
		top: 0;
		opacity: 1;
	}
}

.floating-label-form-group-with-focus {
	label {
		color: @brand-primary;
	}
}

form .row:first-child .floating-label-form-group {
	border-top: 1px solid @gray-light;
}

// Button Styles

.btn {
	.sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 1px;
	border-radius: 0;
	padding: 15px 25px;
}

.btn-lg {
	font-size: 16px;
	padding: 25px 35px;
}

.btn-default {
	&:hover,
	&:focus {
		background-color: @brand-primary;
		border: 1px solid @brand-primary;
		color: white;
	}
}

// Pager Styling

.pager {

	margin: 20px 0 0;

	li {
		> a,
		> span {
			.sans-serif;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 800;
			letter-spacing: 1px;
			padding: 10px 5px;
			background-color: white;
			border-radius: 0;
			@media only screen and (min-width: 768px) {
				font-size: 14px;
				padding: 15px 25px;
			}
		}

		> a:hover,
		> a:focus {
			color: white;
			background-color: @brand-primary;
			border: 1px solid @brand-primary;
		}
	}

	.disabled {
		> a,
		> a:hover,
		> a:focus,
		> span {
			color: @gray;
			background-color: @gray-dark;
			cursor: not-allowed;
		}
	}
}

// -- Highlight Color Customization

::-moz-selection {
	color: white;
	text-shadow: none;
	background: @brand-primary;
}

::selection {
	color: white;
	text-shadow: none;
	background: @brand-primary;
}

img::selection {
	color: white;
	background: transparent;
}

img::-moz-selection {
	color: white;
	background: transparent;
}

body {
	webkit-tap-highlight-color: @brand-primary;
}

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