animating node should not be accessible, close #6314

@import '../themes/default';

.motion-common(@duration: @animation-duration-base) {
  animation-duration: @duration;
  animation-fill-mode: both;
}

.motion-common-leave(@duration: @animation-duration-base) {
  animation-duration: @duration;
  animation-fill-mode: both;
}

.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
  .@{className}-enter,
  .@{className}-appear {
    .motion-common(@duration);
    animation-play-state: paused;
  }
  .@{className}-leave {
    .motion-common-leave(@duration);
    animation-play-state: paused;
  }
  .@{className}-enter.@{className}-enter-active,
  .@{className}-appear.@{className}-appear-active {
    animation-name: ~"@{keyframeName}In";
    animation-play-state: running;
    pointer-events: none;
  }
  .@{className}-leave.@{className}-leave-active {
    animation-name: ~"@{keyframeName}Out";
    animation-play-state: running;
    pointer-events: none;
  }
}

@import '../themes/default';

.motion-common(@duration: @animation-duration-base) {
  animation-duration: @duration;
  animation-fill-mode: both;
}

.motion-common-leave(@duration: @animation-duration-base) {
  animation-duration: @duration;
  animation-fill-mode: both;
}

.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
  .@{className}-enter,
  .@{className}-appear {
    .motion-common(@duration);
    animation-play-state: paused;
  }
  .@{className}-leave {
    .motion-common-leave(@duration);
    animation-play-state: paused;
  }
  .@{className}-enter.@{className}-enter-active,
  .@{className}-appear.@{className}-appear-active {
    animation-name: ~"@{keyframeName}In";
    animation-play-state: running;
  }
  .@{className}-leave.@{className}-leave-active {
    animation-name: ~"@{keyframeName}Out";
    animation-play-state: running;
  }
}


point

point

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


Add Tomorrow Night Bright theme

Add Tomorrow Night Bright theme

//************************************************************************/
/* Tomorrow Night Bright by Gerard Braad [me@gbraad.nl]                  */
/*************************************************************************/

@theme-type: dark;

// Global Settings
@text-height      : 16px;
@global-accent    : #e78c45;
@global-arrow     : #AAB0AF;
@global-background: #000000;
@global-boxshadow : rgba(17,17,17,.6);
@global-divider   : lighten(@global-background, 5%);
@global-hover     : #2a2a2a;
@global-input     : #111;
@global-selected  : #424242;
@global-text      : #eaeaea;
@global-label     : #626262;
@global-warn      : #db0;
@global-error     : #ff5a5a;
@global-textshadow: darken(@global-background, 4%);

// JavaScript
@js-atom      : #89f5a2;
@js-attribute : #4e87bf;
@js-builtin   : #8da6ce;
@js-comment   : #676767;
@js-def       : #49a6d2;
@js-error     : #f8f8f8;
@js-header    : #ff6400;
@js-hr        : #aeaeae;
@js-keyword   : #8b6ccf;
@js-link      : #8da6ce;
@js-meta      : #d8fa3c;
@js-number    : #89f5a2;
@js-operator  : #cdb943;
@js-property  : #cdb943;
@js-string    : #f07b3c;
@js-tag       : #49a6d2;
@js-variable  : #eaeaea;
@js-variable-2: #eaeaea;

// JavaScript Objects
@js-obj-array    : #7c7c7c;
@js-obj-boolean  : #89f5a2;
@js-obj-function : #8b6ccf;
@js-obj-name     : #77a8c6;
@js-obj-number   : #89f5a2;
@js-obj-preview  : #ddd;
@js-obj-regexp   : #ff54e8;
@js-obj-string   : #ff8737;
@js-obj-undefined: #ad4e4e;

// CSS
@css-at-rule   : #b094bb;
@css-atom      : #eaeaea;
@css-builtin   : #ff9635;
@css-comment   : #676767;
@css-def       : #ff9635;
@css-important : #f00;
@css-meta      : #6aedff;
@css-number    : #eaeaea;
@css-operator  : #eaeaea;
@css-property  : #6aedff;
@css-qualifier : #ff9635;
@css-string    : #e3b959;
@css-string-2  : #eaeaea;
@css-tag       : #ff9635;
@css-variable  : #ff9635;
@css-variable-2: #ff9635;

// HTML Highlighting
@xml-attribute         : #e78c45;
@xml-comment           : #969896;
@xml-error             : #bf4c4c;
@xml-iframe-root       : #db0;
@xml-js-node           : #7aa6da;
@xml-link              : #7aa6da;
@xml-pseudo            : #7aa6da;
@xml-pseudo-highlighted: #70c0b1;
@xml-shadow-root       : #db0;
@xml-string            : #b9ca4a;
@xml-tag               : #d54e53;

// Tabbed Header Configuration
@tab-color-top      : lighten(@global-background, 18%);
@tab-color-bottom   : lighten(@global-background, 8%);
@tab-highlighted    : @global-accent;
@tab-label          : #999;
@tab-label-selected : #f8f8f8;
@tab-label-unsaved  : #db0;

// Toolbars
@tab-main-icons-padding : 6px;
@tab-main-toolbar-height: 34px;
@tab-sub-icons-padding : 0;
@tab-sub-toolbar-height: 25px;

// Glyphs
@glyph-active  : @global-accent;
@glyph-inactive: lighten(@global-background, 35%);

// Console
@console-default-text: @global-text;
@console-input-text  : #f1f1f1;
@console-link        : #888;

// Crumbs
@crumb-selected-background: @global-selected;
@crumb-selected-text      : #f8f8f8;
@crumb-text               : @global-text;

// Dialog [Ctrl/Cmd + O | Ctrl/Cmd + Shift + O]
@dialog-background     : lighten(@global-background, 5%);
@dialog-border         : lighten(@global-background, 20%);
@dialog-item-background: @global-background;
@dialog-item-highlight : @global-accent;
@dialog-item-text      : lighten(@global-text, 10%);

// Editor Properties
@cm-cursor             : #fff;
@cm-error              : #9D1E15;
@cm-gutter             : lighten(@global-background, 4%);
@cm-gutter-border      : lighten(@global-background, 5%);
@cm-gutter-lines       : lighten(@global-background, 40%);
@cm-matching-bracket   : #15ca1a;
@cm-nonmatching-bracket: #db0404;
@cm-lines-no-sourcemap : lighten(@global-background, 1%);
@cm-selected           : lighten(@global-background, 10%);
@cm-whitespace         : lighten(@global-background, 5%);

// Element Highlighter
@eh-base-color          : @global-selected;
@eh-children-shadow     : darken(@global-background, 10%);
@eh-editing-outline     : @global-accent;
@eh-highlight-background: @selection-background;
@eh-highlight-outline   : @selection-border;
@eh-hover-background    : @hover-background;
@eh-hover-outline       : @hover-border;
@eh-clipboard-selection : lighten(@global-background, 40%);

// Elements Sidebar
@style-edit-mode-selector-text: #999;
@style-selector-text          : #eaeaea;
@style-separator              : lighten(@global-background, 10%);
@style-value                  : #eaeaea;

// Filters
@filter-background   : lighten(@global-background,5%);
@filter-text         : @global-text;
@filter-hover        : lighten(@global-background, 10%);
@filter-selected     : lighten(@global-background, 15%);
@filter-selected-text: lighten(@global-text, 15%);
@filter-error        : @global-error;
@filter-warning      : #db0;
@filter-info         : #A277FF;
@filter-log          : #49a6d2;
@filter-debug        : #FC844C;

// Find
@find-header-background   : lighten(@global-background, 3%);
@find-header-text         : #888;
@find-highlight-background: @global-accent;
@find-highlight-text     : #000;

// Forms
@form-button-background: linear-gradient(@tab-color-top, @tab-color-bottom);
@form-button-border    : lighten(@global-background, 10%);
@form-button-pressed   : inset 0 1px 1px 0 darken(@global-background, 5%), 0 1px 1px 0 lighten(@global-background, 30%);
@form-button-text      : darken(@global-text, 10%);
@form-input-background : lighten(@global-background, 5%);
@form-input-border     : lighten(@global-background, 10%);
@form-input-text       : lighten(@global-text, 10%);
@form-label-text       : @global-text;

// Local Modifications
@history-added-text  : #7EB17E;
@history-removed-text: @global-error;

// Screencast
@screencast-viewport       : lighten(@global-background, 10%);
@screencast-viewport-border: @global-accent;

// Scrollbars
@sb-thickness      : 12px;
@sb-thumb-border   : darken(@global-background, 10%);
@sb-thumb-color    : lighten(@global-background, 20%);
@sb-thumb-roundness: 8px;

// Settings
@settings-background       : #444;
@settings-border           : #444;
@settings-delimiter        : #eee;
@settings-dialog           : #333;
@settings-edit-background  : #222;
@settings-folder-background: #222;
@settings-selected         : rgba(150, 255, 150, 0.2);
@settings-text             : #333;

// Sources Tab
@sources-exception-all     : rgba(220,3,3,1);
@sources-exception-uncaught: rgb(213,191,0);
@sources-highlight-text    : darken(@global-background, 4%);
@sources-pane-background   : rgba(0,0,0,.8);
@sources-placeholder-text  : #999;
@sources-save-background   : @global-background;
@sources-text              : @global-text;

// Table/Sidebar Selections | Breakpoints
@selection-background: @global-selected;
@selection-border    : lighten(@selection-background, 15%);
@selection-text      : lighten(@global-text, 10%);
@hover-background: @global-hover;
@hover-border    : lighten(@hover-background, 10%);
@hover-text      : @global-text;

// Tables
@table-primary  : @global-background;
@table-secondary: lighten(@global-background,2%);

// Timeline
@timeline-expandable-border   : lighten(@global-background, 35%);
@timeline-graph-bar           : rgba(200,200,200,.3);
@timeline-graph-bar-background: rgba(200,200,200,.2);
@timeline-overview-background : @global-background;
@timeline-graph-selection     : @global-accent;
@timeline-progress-pane       : fade(lighten(@global-background,30%), 50%);
@timeline-resources-divider   : lighten(@global-background, 3%);

// Popovers
@popover-details-row-title: #49a6d2;
@popover-details-title    : #db0;
@popover-title            : #ff8b3e;
@popover-tree-border      : #888;

@popover-background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDY1NzM5QkE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY1NzM5QUE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4LICiQAAAl5JREFUeNrs3c9KVFEAwGHHmVEb6R85oLWpRArBIINo1RNEtIgmgqAnqF0v0M5WQdDGVYVU0EsEUYRERUhUCxdJVihpOZhTcztHZ6JFEQ13cet+PzjXGWFmcb45xzsgnEKSJF3Kdt2mAJIgQRIkQYIkSIIESZAgCZI6q9TpCyfqN3I9cRcrZ60kQcrHdveHhsMY/58n7jfb/WoYj+8cvTL38y+np6czhRRhamEcy/Mn/9S9C1Phx2TAepe1lTQSxvrH6+OrDz3vn7zpyxtOsbeUDB8f+xQenol/SgLW5QC1miWk0/Eyc/3RtueTD6p5XUXPrt2vjp47vLCvNh7n421cUVm5cRiKSJ/nlkp5Boo1Vr4UX999ur31tJalu7s98bI8u9DjXqyra2V+udxYWYtzuzNseZWsIJXjpdn4VkC0UdL88a9yRd+TfJkVJEGCJEiCBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAkSJFMASZAg/U3rx88U+8qJKW1NbLm7PReNrCC9iJehI7vrmwb6v+YdqHpgV7208YF9mcb5SWkhLYVxMz4YOXlwsX9wSyPPQMMnxpZaT2+l8Z6FJOlsh/rFmXabw3jYfrIwM9+bNJNcnQJTrpSbW/cOrLWBwiq6FB9k6Uy/eEzaoTDOh1HbMTqY18W0GMbtAHQ1rTdM++DFuP9OtMb+HN491gPObNpvmuZ2l6uc2CxI/1odb3eykgQJkiBBEiRBgiRIggRJkCAp830XYABd2IbZvLB5+AAAAABJRU5ErkJggg==);

@popover-arrow: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAABMCAYAAACPiIzuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMzdGN0JCRUE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMzdGN0JCREE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FMRF/AAAA6FJREFUeNrsl11IFFEUx1fdolbX/XBLM/tAt6JwtVo17CHooaAHCwvTwhJEkkgUEYyKIBCl3HwIfIko6JMUesgeLEstKwTZMtLwgyxDw7CHXfNbW+wcuXcYh5n1zp2FKBw4zJ2P/e25d84953+C5ubmdIE6gpZgfxl2ZfyOJkCp4YQwDtYF8AgoTK8VkJSUpMqzXLBn5KzJs4tgWWRcAmYDq+RZswsI6qvrML4sehRN7uWAFauFnQM7joMvTzrNw+2Doa/P1kWRZ3lgBaywUrBsHKBHnp7hFTgeav1qbL1UH0neOQ2WvxiskExFh56gR+KHA0294W5Xo036rhxM+Df0AD2RmwpM2/KhuiWCzuJoS9FhKUxYh7aKhlXogb9P3Fvbbv14/a2VXJYBcD+F2egXelfVZOt/2mVmCdbu++6IzputFnKZRWGpOMAQ6HvcYVET/f31Xaax7yMYq7vAuzUIe44P4g46RuPzUn+ygkKjwmc3ZWz3hK01/YbLh7V7rg0hbIpOc9vJFC8LMCzGPGM/kujZkrlzBEFgVeIP0MAKDN9onbanJ4hBLvBqQhoaCCzyB0RQbFq8d3PGjl8EVAGgKaWgfUFDBIGOU7sFoNlum7KnJ3pEoDIw32JZo5kAq7dmJ3vxxuCrz8Z9N44NkOcUpKoG7EWg5N4DsHLxDZgmUwpqJturmVzfloLUJsc3xAxgE4GqAYogt9v9D5S6JRX0P8GYglYsTqQHpOsQOGWCLdOkggCEFeoMLSh6DaAQCuqpeW/Sqs/OU1D3PbfVN+sL1nN6JSgkKI/m6ZFJPdfeBNAChTQ26F3OtdEBVCKnkFTDAFRIpaicQmIO2sqJuwfgdJUqJCVhw+pZJotCYoVhgdaZ4mwzhtXGWa2wGqyXKAlQrKBo4YZBbfQRcTIPRNESGm2a4a4BRJy4BGB6ghfVEHdBISLlMgXGHXIsAKreAQDE9aoQA43rLdORznXjTHEml89I1pjf7D/avq2MStkwyQ0TQYX+KsjpdGpO1wBMhpMXJVUuifAaWI9b/n4k1hVKcYaZIAbP8A+lmrSGtAUEYDE3TK4FBGABF0ypBQRgviZJJW0BAZijSZ/5awG5xJ5SC8itHOVaQE0yVNoCcsPkWkAuFYQ5ClOLtAVUDZPp3Fzizo0ZptAC+lSLPWwBY9McXsjto2SNylQrR+wppS0gD4i2iJ/ELSCAyrXkM6EF9Adi8gzTNgSkgTbtWjLtHwEGAIab1RKaLSq+AAAAAElFTkSuQmCC);

error: pathspec 'themes/tomorrow-night-bright.less' did not match any file(s) known to git


fycon-font-face mixin default named-parameter values reference local vars

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


Remove outline from focused links

Remove outline from focused links

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/matthewlucock/really-black-ui.git/'


Create theme.less

Create theme.less

@import url(https://bootswatch.com/yeti/variables.less)
@import url(https://bootswatch.com/yeti/bootswatch.less)

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


ref(css): Provider better textareas resize experience

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


Improved teaser layout for mobile usage

Improved teaser layout for mobile usage

fatal: unable to access 'https://github.com/ulrichson/lehner-photography.git/': The requested URL returned error: 403


length fix

length fix

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


Missed a spot.

Missed a spot.

@bc-highlight:                  rgba(255, 255, 255, 0.12);
@bc-panel-bg:                   #dfe2e2;
@bc-panel-bg-promoted:          #d4d7d7;
@bc-shadow-large:               rgba(0, 0, 0, 0.5);
@bc-shadow-small:               rgba(0, 0, 0, 0.06);
@bc-text:                       #333;

#quick-view-container {
    display: none;

    -webkit-transition: opacity 0.125s ease-in, -webkit-transform 0.125s;
    transition: opacity 0.125s ease-in, transform 0.125s;

    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;

    background: @bc-panel-bg;
    position: absolute;
    z-index: 5000;
    pointer-events: none;

    padding: 8px;
    text-align: center;

    border-radius: 4px;
    box-shadow: 0 4px 15px @bc-shadow-large;
}

#quick-view-container.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#quick-view-container .preview-content {
    background-image: url(preview_bg.png);
    border-radius: 2px;
    box-shadow: 0 -1px 2px @bc-shadow-small, 0 1px 0 @bc-highlight;
}

#quick-view-container .color-swatch {
    width: 40px;
    height: 40px;
    background-size: 100%;
}

#quick-view-container .image-preview {
    line-height: 0;
}

#quick-view-container .image-preview img {
    min-width: 100px;
    max-width: 200px;
    max-height: 200px;
}

#quick-view-container .img-size {
    background-color: @bc-panel-bg-promoted;
    border-top: 1px solid @bc-highlight;
    font-size: 0.9em;
    color: @bc-text;
    padding-left: 3px;
    margin-top: 0;
    text-align: left;
    text-shadow: 0 1px 0px @bc-highlight;
}

#quick-view-container.preview-bubble-above {
    -webkit-transform-origin: center bottom;
}

#quick-view-container.preview-bubble-above:before {
    display: none;
}

#quick-view-container.preview-bubble-above:after,
#quick-view-container.preview-bubble-below:before {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -10px;
    z-index: 999;
    display: block;
    border-top: 10px solid @bc-panel-bg;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -webkit-filter: drop-shadow(0px 1px 0 rgba(0, 0, 0, 0.18));
}

#quick-view-container.preview-bubble-below {
    -webkit-transform-origin: center top;
}

#quick-view-container.preview-bubble-below:before {
    -webkit-filter: drop-shadow(0px 1px 0 rgba(255, 255, 255, 0.18));
    -webkit-transform: rotate(180deg);
    top: -9px;
}

#quick-view-container.preview-bubble-below:after {
    display: none;
}

.quick-view-highlight {
    background-color: rgba(200, 200, 150, 0.4);
}

@bc-highlight:                  rgba(255, 255, 255, 0.12);
@bc-panel-bg:                   #dfe2e2;
@bc-panel-bg-promoted:          #d4d7d7;
@bc-shadow-large:               rgba(0, 0, 0, 0.5);
@bc-shadow-small:               rgba(0, 0, 0, 0.06);
@bc-text:                       #333;

#quick-view-container {
    display: none;

    -webkit-transition: opacity 0.125s ease-in, -webkit-transform 0.125s;
    transition: opacity 0.125s ease-in, transform 0.125s;

    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;

    background: @bc-panel-bg;
    position: absolute;
    z-index: 5000;
    pointer-events: none;

    padding: 8px;
    text-align: center;

    border-radius: 4px;
    box-shadow: 0 4px 15px @bc-shadow-large;
}

#quick-view-container.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#quick-view-container .preview-content {
    background-image: url(preview_bg.png);
    border-radius: 2px;
    box-shadow: 0 -1px 2px @bc-shadow-small, 0 1px 0 @bc-highlight;
}

#quick-view-container .color-swatch {
    width: 40px;
    height: 40px;
    background-size: 100%;
}

#quick-view-container .image-preview {
    line-height: 0;
}

#quick-view-container .image-preview img {
    min-width: 100px;
    max-width: 200px;
    max-height: 200px;
}

#quick-view-container .img-size {
    background-color: @bc-panel-bg-promoted;
    border-top: 1px solid @bc-highlight;
    font-size: 0.9em;
    color: @bc-text;
    padding-left: 3px;
    margin-top: 0;
    text-align: left;
    text-shadow: 0 1px 0px @bc-highlight;
}

#quick-view-container.preview-bubble-above {
    -webkit-transform-origin: center bottom;
}

#quick-view-container.preview-bubble-above:before {
    display: none;
}

#quick-view-container.preview-bubble-above:after,
#quick-view-container.preview-bubble-below:before {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -10px;
    z-index: 999;
    display: block;
    border-top: 10px solid @bc-panel-bg;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -webkit-filter: drop-shadow(0px 1px 0 rgba(0, 0, 0, 0.18));
}

#quick-view-container.preview-bubble-below {
    -webkit-transform-origin: center top;
}

#quick-view-container.preview-bubble-below:before {
    -webkit-transform: rotate(180deg);
}

#quick-view-container.preview-bubble-below:after {
    display: none;
}

.quick-view-highlight {
    background-color: rgba(200, 200, 150, 0.4);
}


menu style

menu style

@menu-prefix-cls: ~"@{css-prefix}menu";

.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: 999;
  // border: 1px solid #d9d9d9;
  box-shadow: @overlay-shadow;
  border-radius: @border-radius-base;
  color: @text-color;
  background: #fff;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: #999;
    line-height: 1.5;
    padding: 8px 10px;
    border-bottom: 1px solid #dedede;
  }

  &-item {
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-inline > &-item-active,
  &-submenu-inline&-submenu-active,
  &-submenu-inline&-submenu-active > &-submenu-title:hover {
    background-color: #fff;
  }

  &-inline > &-item-active:hover,
  &-item-active,
  &-submenu-active,
  &-submenu-inline&-submenu-active > &-submenu-title:hover {
    background-color: tint(@primary-color, 90%);
  }

  &-item-selected {
    background-color: tint(@primary-color, 90%);
    color: @primary-color;
  }

  & > li&-submenu {
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-vertical,
  &-inline {
    border-right: 1px solid #d9d9d9;

    .ant-menu-item-selected,
    .ant-menu-item-active {
      border-right: 2px solid @primary-color;
      margin-left: -1px;
    }
  }

  &-submenu-horizontal > .@{menu-prefix-cls} {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
  }

  &-submenu-vertical > .@{menu-prefix-cls} {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
  }

  &-item, &-submenu-title {
    margin: 0;
    position: relative;
    display: block;
    white-space: nowrap;

    // Disabled state sets text to gray and nukes hover/tab effects
    &.@{menu-prefix-cls}-item-disabled, &.@{menu-prefix-cls}-submenu-disabled {
      color: #999 !important;
    }
  }
  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: #fff;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e600";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e600";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  .@{menu-prefix-cls}-submenu-title, .@{menu-prefix-cls}-item {
    .anticon {
      width: 14px;
      margin-right: 8px;
      top: -1px;
      color: #999;
    }
  }

  &-horizontal {
    background-color: #FBFBFB;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: none;
    border-radius: 0;
    padding-left: 24px;
    z-index: 0;

    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0 20px;
      line-height: 50px;
      position: relative;
      top: 1px;
      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
        &:before, &:after {
          position: absolute;
          background-color: rgba(255, 255, 255, 0.001);
          width: 20px;
          height: 50px;
          content: '';
        }
        &:before {
          left: 0;
        }
      }
    }

    & > .@{menu-prefix-cls}-submenu, & > .@{menu-prefix-cls}-item {
      float: left;
      border-bottom: 2px solid transparent;
      margin-right: 24px;

      &-active,
      &-selected {
        border-bottom: 2px solid @primary-color;
        background-color: #FBFBFB;
        color: @primary-color;
        .anticon {
          color: @primary-color;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical, &-inline {
    padding: 12px 0;
    & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0 24px;
      font-size: 12px;
      line-height: 42px;
      height: 42px;
    }
  }

  &-vertical, &-horizontal {
    .@{menu-prefix-cls}-submenu {
      .@{menu-prefix-cls}-item:first-child {
        border-radius: @border-radius-base @border-radius-base 0 0;
      }
      .@{menu-prefix-cls}-item:last-child {
        border-radius: 0 0 @border-radius-base @border-radius-base;
      }
      &:first-child {
        border-radius: @border-radius-base @border-radius-base 0 0;
      }
      &:last-child {
        border-radius: 0 0 @border-radius-base @border-radius-base;
      }
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    border-radius: 0;
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 34px;
      height: 34px;
      list-style-type: disc;
      list-style-position: inside;
    }
  }
}

.@{menu-prefix-cls}-submenu-title, .@{menu-prefix-cls}-item {
  .anticon {
    width: 14px;
    margin-right: 8px;
    top: -1px;
  }
}

@menu-prefix-cls: ~"@{css-prefix}menu";

.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: 999;
  border: 1px solid #d9d9d9;
  box-shadow: @overlay-shadow;
  border-radius: @border-radius-base;
  color: @text-color;
  background: #fff;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: #999;
    line-height: 1.5;
    padding: 8px 10px;
    border-bottom: 1px solid #dedede;
  }

  &-item {
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-inline > &-item-active,
  &-submenu-inline&-submenu-active,
  &-submenu-inline&-submenu-active > &-submenu-title:hover {
    background-color: #fff;
  }

  &-inline > &-item-active:hover,
  &-item-active,
  &-submenu-active,
  &-submenu-inline&-submenu-active > &-submenu-title:hover {
    background-color: tint(@primary-color, 90%);
  }

  &-item-selected {
    background-color: tint(@primary-color, 90%);
    color: @primary-color;
  }

  & > li&-submenu {
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-submenu-horizontal > .@{menu-prefix-cls} {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
  }

  &-submenu-vertical > .@{menu-prefix-cls} {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
  }

  &-item, &-submenu-title {
    margin: 0;
    position: relative;
    display: block;
    white-space: nowrap;

    // Disabled state sets text to gray and nukes hover/tab effects
    &.@{menu-prefix-cls}-item-disabled, &.@{menu-prefix-cls}-submenu-disabled {
      color: #999 !important;
    }
  }
  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: #fff;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e600";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e600";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  .@{menu-prefix-cls}-submenu-title, .@{menu-prefix-cls}-item {
    .anticon {
      width: 14px;
      margin-right: 8px;
      top: -1px;
      color: #999;
    }
  }

  &-horizontal {
    background-color: #FBFBFB;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: none;
    border-radius: 0;
    padding-left: 24px;
    z-index: 0;

    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0 20px;
      line-height: 50px;
      position: relative;
      top: 1px;
      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
        &:before, &:after {
          position: absolute;
          background-color: rgba(255, 255, 255, 0.001);
          width: 20px;
          height: 50px;
          content: '';
        }
        &:before {
          left: 0;
        }
      }
    }

    & > .@{menu-prefix-cls}-submenu, & > .@{menu-prefix-cls}-item {
      float: left;
      border-bottom: 2px solid transparent;
      margin-right: 24px;

      &-active,
      &-selected {
        border-bottom: 2px solid @primary-color;
        background-color: #FBFBFB;
        color: @primary-color;
        .anticon {
          color: @primary-color;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical, &-inline {
    padding: 12px 0;
    & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0 24px;
      font-size: 12px;
      line-height: 42px;
      height: 42px;
    }
  }

  &-vertical, &-horizontal {
    .@{menu-prefix-cls}-submenu {
      .@{menu-prefix-cls}-item:first-child {
        border-radius: @border-radius-base @border-radius-base 0 0;
      }
      .@{menu-prefix-cls}-item:last-child {
        border-radius: 0 0 @border-radius-base @border-radius-base;
      }
      &:first-child {
        border-radius: @border-radius-base @border-radius-base 0 0;
      }
      &:last-child {
        border-radius: 0 0 @border-radius-base @border-radius-base;
      }
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    border-radius: 0;
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 34px;
      height: 34px;
      list-style-type: disc;
      list-style-position: inside;
    }
  }
}

.@{menu-prefix-cls}-submenu-title, .@{menu-prefix-cls}-item {
  .anticon {
    width: 14px;
    margin-right: 8px;
    top: -1px;
  }
}


add input[type=tel]

add input[type=tel]

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


don't specify both left and right on absolutely positioned fixed-width element

// All UComm less files should include this
@import "_less.less";

//////////////////////////
// phone
@media (max-width: @screen-xs-max) {
.size-detect-xs { display:inline; }
body {
	padding: 0;
}
#header .container {
	padding: 0 10px;
}
#body .container {
	padding: 0 20px;
}
#body .container:first-child {
	padding: 0;
}
#logo {
	max-width: 300px;
}

#nav-search {
  width: 300px;
}
#search-form {
  #search-field {
    width: 175px;
    .font-size-em(12);
  }
  .btn-search {
    width: 22px;
    height: 22px;
    top: 5px;
    right: 5px;
  }
} // #block-search-form

.postcard-left,
.postcard-right {

  & > div {
    display: block;
    position: relative;
  }

  .postcard-text {
    padding-left: 0;
  }
}

#social-icons {
  margin-bottom: 1em;
}

#footer {
  .container {
    padding: 0 20px !important;
  }

  ul.footer-list {
    margin-bottom: 25px;

    li {
      font-size: 1.3em;
      margin-bottom: 10px;
    }
  }

  .block h3 {
    border-bottom: 1px solid @su-red;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 1.1em;
  }

  p.copyright {
    padding-top: 25px;
  }
} // #footer
/* Global Footer and Copyright*/
  #global-footer {
    p.copyright {
      padding: 15px 0;
    }
    #termsofuse {
      display: block;
    }
  }
} // @media (max-width: @screen-xs-max)

//////////////////////////
// phone, tablet
@media (max-width: @screen-sm-max) {
.container {
  padding: 0 15px; // put 15px padding back on left and right
}

#search-field {
  -webkit-appearance:none;
  left: 0;
}
#search-form #search-btn {
  left: 140px;
  padding: 0;
}

#search-type {
  right: -2px;

  label {
    color: @su-clay;
    font-size: .9em;
  }
}

body.home #nav-home a, body.nav-1 #nav-1 a,
body.nav-2 #nav-2 a, body.nav-3 #nav-3 a,
body.nav-4 #nav-4 a, body.nav-5 #nav-5 a,
body.nav-6 #nav-6 a {
  color: @su-red-text;
  border-bottom: none;
  }

.navbar {
	margin: 5px 0 3px 0;

  .menu-text {
    display: inline;
    text-transform: uppercase;
    left: 50px;
    top: 7px;
    position: absolute;
    color: @su-red-text;
    font-size: 0.85em;
    font-weight: 700;
  }

  .navbar-toggle {
      background-color: @su-red;
      border: none;
      float: none;
      margin-bottom: 0;
      margin-right: 0;
      margin-top: 1px;
      padding: 7px 10px;

      span.icon-bar {
        background-color: white;
      }
  }

  .navbar-toggle:hover {
    background-color: @su-clay;
  }

  button.collapsed {
    background-color: @su-red !important;
  }
  .navbar-collapse {
    width: 100%;

    &.in {
      overflow-y: visible;
    }
  }

  .nav {
    margin: 8px 0 15px 0;

    & > li {
      display: block;
      padding-right: 0;

      & > a,
      & > a:focus,
      & > a:hover  {
        display: block;
        border-radius: 3px;
        padding: 9px 15px;
        margin-right: 0;
        width: 100%;
      }
      & > a:hover,
      & > a:focus {
        background-color: @su-beige-05;
        border-bottom:none;
      }
    } // .nav > li
  } // .nav
} // .navbar

#sidebar-second {
  border-top: 1px solid @su-beige-40;
  padding-top: 15px;
  margin-top: 30px;
}

#feature-banner{
  position: relative;

  .feature-caption{
    background-color: @su-beige-bg;
    color: inherit;
    text-shadow: none;
    width: 100%;
    position: static;
    text-align: left;
    padding: 10px;

    h3, h4, p {
      display: inline;
      margin: 0;
    }

    h3, h4 {
      font-size: 1em;
      font-weight: 600;
      text-transform: uppercase;
      color: @su-red-text;
      margin-right: .4em;
    }
  }

}

} // @media (max-width: @screen-sm-max)

//////////////////////////
// tablet and larger
@media (min-width: @screen-sm-min) {

  #global-footer .clear {
    clear:none;
  }

  #global-footer #bottom-logo {
    margin:-5px 0 10px;
  }

   #global-footer #bottom-text{
     margin-top: 2px;
   }
  #global-footer #bottom-text ul li {
  	width:auto;
  	margin:0 15px 3px 0;
  	padding:0;
  	float:none;
  	clear:left;
    display:inline-block;
  }

  #global-footer p.copyright {
    text-align: left;
  }

}

//////////////////////////
// tablet only
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.size-detect-sm { display:inline; }
.col-sm-1-4 { // 5 columns across a 12 column grid = 1.4 column width
  float: left;
	width: 18%;
	margin-right: 2%;
}

#search-form #search-btn {
  left: 190px;
}
} // @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max)

//////////////////////////
// desktop
@media (min-width: @screen-md-min) {

#nav-search {
  float: right;
  margin: -60px 0 0 0;
}

.navbar .nav  li {
   a {
      border-bottom: 2px solid @su-beige-10;
      }
   a:hover {
	  border-bottom: 2px solid @su-clay;
    color: inherit;
    }
}

.two-column {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

// highlight active nav item
body.home #nav-home a, body.nav-1 #nav-1 a,
body.nav-2 #nav-2 a, body.nav-3 #nav-3 a,
body.nav-4 #nav-4 a, body.nav-5 #nav-5 a,
body.nav-6 #nav-6 a {
  border-bottom: 2px solid @su-red;
}

.image-caption.overlay { // USAGE: ensure containing element has position:relative and :hover .overlay { .opacity(1); }
  .opacity(0);
  transition: all .3s linear;
  position: absolute;
  bottom: 0;
  left: 0;
  color: @su-beige-05;
  background-color: rgba(0,0,0,.6);

  h4, p {
    color: @su-beige-05;
  }
}
#hero-image:hover {
  .overlay {
    .opacity(1);
  }
}

} // @media (min-width: @screen-md-min)

//////////////////////////
// small desktop
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.size-detect-md { display:inline; }

.navbar .nav > li {
  padding: 0 10px 0 0;

  & > a {
    font-size: 1.3em;
  }
}
} // @media (min-width: @screen-md-min) and (max-width: @screen-md-max)

//////////////////////////
// big desktop
@media (min-width: @screen-lg-min) {
.size-detect-lg { display:inline; }
} // @media (min-width: @screen-lg-min)

// All UComm less files should include this
@import "_less.less";

//////////////////////////
// phone
@media (max-width: @screen-xs-max) {
.size-detect-xs { display:inline; }
body {
	padding: 0;
}
#header .container {
	padding: 0 10px;
}
#body .container {
	padding: 0 20px;
}
#body .container:first-child {
	padding: 0;
}
#logo {
	max-width: 300px;
}

#nav-search {
  width: 300px;
}
#search-form {
  #search-field {
    width: 175px;
    .font-size-em(12);
  }
  .btn-search {
    width: 22px;
    height: 22px;
    top: 5px;
    right: 5px;
  }
} // #block-search-form

.postcard-left,
.postcard-right {

  & > div {
    display: block;
    position: relative;
  }

  .postcard-text {
    padding-left: 0;
  }
}

#social-icons {
  margin-bottom: 1em;
}

#footer {
  .container {
    padding: 0 20px !important;
  }

  ul.footer-list {
    margin-bottom: 25px;

    li {
      font-size: 1.3em;
      margin-bottom: 10px;
    }
  }

  .block h3 {
    border-bottom: 1px solid @su-red;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 1.1em;
  }

  p.copyright {
    padding-top: 25px;
  }
} // #footer
/* Global Footer and Copyright*/
  #global-footer {
    p.copyright {
      padding: 15px 0;
    }
    #termsofuse {
      display: block;
    }
  }
} // @media (max-width: @screen-xs-max)

//////////////////////////
// phone, tablet
@media (max-width: @screen-sm-max) {
.container {
  padding: 0 15px; // put 15px padding back on left and right
}

#search-field {
  -webkit-appearance:none;
  left: 0;
}
#search-form #search-btn {
  left: 140px;
  right: 0;
  padding: 0;
}

#search-type {
  right: -2px;

  label {
    color: @su-clay;
    font-size: .9em;
  }
}

body.home #nav-home a, body.nav-1 #nav-1 a,
body.nav-2 #nav-2 a, body.nav-3 #nav-3 a,
body.nav-4 #nav-4 a, body.nav-5 #nav-5 a,
body.nav-6 #nav-6 a {
  color: @su-red-text;
  border-bottom: none;
  }

.navbar {
	margin: 5px 0 3px 0;

  .menu-text {
    display: inline;
    text-transform: uppercase;
    left: 50px;
    top: 7px;
    position: absolute;
    color: @su-red-text;
    font-size: 0.85em;
    font-weight: 700;
  }

  .navbar-toggle {
      background-color: @su-red;
      border: none;
      float: none;
      margin-bottom: 0;
      margin-right: 0;
      margin-top: 1px;
      padding: 7px 10px;

      span.icon-bar {
        background-color: white;
      }
  }

  .navbar-toggle:hover {
    background-color: @su-clay;
  }

  button.collapsed {
    background-color: @su-red !important;
  }
  .navbar-collapse {
    width: 100%;

    &.in {
      overflow-y: visible;
    }
  }

  .nav {
    margin: 8px 0 15px 0;

    & > li {
      display: block;
      padding-right: 0;

      & > a,
      & > a:focus,
      & > a:hover  {
        display: block;
        border-radius: 3px;
        padding: 9px 15px;
        margin-right: 0;
        width: 100%;
      }
      & > a:hover,
      & > a:focus {
        background-color: @su-beige-05;
        border-bottom:none;
      }
    } // .nav > li
  } // .nav
} // .navbar

#sidebar-second {
  border-top: 1px solid @su-beige-40;
  padding-top: 15px;
  margin-top: 30px;
}

#feature-banner{
  position: relative;

  .feature-caption{
    background-color: @su-beige-bg;
    color: inherit;
    text-shadow: none;
    width: 100%;
    position: static;
    text-align: left;
    padding: 10px;

    h3, h4, p {
      display: inline;
      margin: 0;
    }

    h3, h4 {
      font-size: 1em;
      font-weight: 600;
      text-transform: uppercase;
      color: @su-red-text;
      margin-right: .4em;
    }
  }

}

} // @media (max-width: @screen-sm-max)

//////////////////////////
// tablet and larger
@media (min-width: @screen-sm-min) {

  #global-footer .clear {
    clear:none;
  }

  #global-footer #bottom-logo {
    margin:-5px 0 10px;
  }

   #global-footer #bottom-text{
     margin-top: 2px;
   }
  #global-footer #bottom-text ul li {
  	width:auto;
  	margin:0 15px 3px 0;
  	padding:0;
  	float:none;
  	clear:left;
    display:inline-block;
  }

  #global-footer p.copyright {
    text-align: left;
  }

}

//////////////////////////
// tablet only
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.size-detect-sm { display:inline; }
.col-sm-1-4 { // 5 columns across a 12 column grid = 1.4 column width
  float: left;
	width: 18%;
	margin-right: 2%;
}

#search-form #search-btn {
  left: 190px;
}
} // @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max)

//////////////////////////
// desktop
@media (min-width: @screen-md-min) {

#nav-search {
  float: right;
  margin: -60px 0 0 0;
}

.navbar .nav  li {
   a {
      border-bottom: 2px solid @su-beige-10;
      }
   a:hover {
	  border-bottom: 2px solid @su-clay;
    color: inherit;
    }
}

.two-column {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

// highlight active nav item
body.home #nav-home a, body.nav-1 #nav-1 a,
body.nav-2 #nav-2 a, body.nav-3 #nav-3 a,
body.nav-4 #nav-4 a, body.nav-5 #nav-5 a,
body.nav-6 #nav-6 a {
  border-bottom: 2px solid @su-red;
}

.image-caption.overlay { // USAGE: ensure containing element has position:relative and :hover .overlay { .opacity(1); }
  .opacity(0);
  transition: all .3s linear;
  position: absolute;
  bottom: 0;
  left: 0;
  color: @su-beige-05;
  background-color: rgba(0,0,0,.6);

  h4, p {
    color: @su-beige-05;
  }
}
#hero-image:hover {
  .overlay {
    .opacity(1);
  }
}

} // @media (min-width: @screen-md-min)

//////////////////////////
// small desktop
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.size-detect-md { display:inline; }

.navbar .nav > li {
  padding: 0 10px 0 0;

  & > a {
    font-size: 1.3em;
  }
}
} // @media (min-width: @screen-md-min) and (max-width: @screen-md-max)

//////////////////////////
// big desktop
@media (min-width: @screen-lg-min) {
.size-detect-lg { display:inline; }
} // @media (min-width: @screen-lg-min)


Tweak backport from tc.internal

Tweak backport from tc.internal

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/rpauls/less-framework.git/'


Fixed bug in fillableFormula

Fixed bug in fillableFormula

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/Fixeg/DnD-5e-Character-Sheet-Generator.git/'


doc: (InfiniteScroll) fix demo css

doc: (InfiniteScroll) fix demo css

fatal: unable to access 'https://github.com/ant-design/ant-design-mobile.git/': The requested URL returned error: 403


完善ui模块。

完善ui模块。

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


used the mixin .border-radius and .box-sizing

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


Create waves.less

Create waves.less

/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-transition (@transition) {
    -webkit-transition: @transition;
    -moz-transition: @transition;
    -o-transition: @transition;
    transition: @transition;
}

.waves-transform(@string) {
    -webkit-transform: @string;
    -moz-transform: @string;
    -ms-transform: @string;
    -o-transform: @string;
    transform: @string;
}

.waves-box-shadow(@shadow) {
    -webkit-box-shadow: @shadow;
    box-shadow: @shadow;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

    .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top:-50px;
        margin-left:-50px;
        opacity: 0;
        background: rgba(0,0,0,0.2);
        @gradient: rgba(0,0,0,0.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%;
        background: -webkit-radial-gradient(@gradient);
        background: -o-radial-gradient(@gradient);
        background: -moz-radial-gradient(@gradient);
        background: radial-gradient(@gradient);
        .waves-transition(all 0.5s ease-out);
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        .waves-transform(scale(0) translate(0,0));
        pointer-events: none;
    }

    &.waves-light .waves-ripple {
        background: rgba(255,255,255,0.4);
        @gradient: rgba(255,255,255,0.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%;
        background: -webkit-radial-gradient(@gradient);
        background: -o-radial-gradient(@gradient);
        background: -moz-radial-gradient(@gradient);
        background: radial-gradient(@gradient);
    }

    &.waves-classic .waves-ripple {
        background: rgba(0,0,0,0.2);
    }

    &.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,0.4);
    }
}

.waves-notransition {
    .waves-transition(none ~'!important');
}

.waves-button,
.waves-circle {
    .waves-transform(translateZ(0));
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height:1em;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}

.waves-button {
    padding: 0.85em 1.1em;
    border-radius: 0.2em;
}

.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;

    &.waves-button {
        padding: 0;
    }

    .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
}

.waves-float {
    -webkit-mask-image: none;
    .waves-box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
    .waves-transition(all 300ms);

    &:active {
        .waves-box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
    }
}

.waves-block {
    display: block;
}

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


remove tooltip overrides because they are in dub


fixed inverse logo

fixed inverse logo

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


Fixed excessive space before the line number & adjusted lineWidget position (#755)

* Fixed excessive space before the line number

* Adjusted inlineWidget position

/* Menu item goes to next line due to float:right issue on Firefox */
@-moz-document url-prefix() {
    .context-menu .menu-shortcut {
        float: none;
        margin-left: auto;
    }
    .dropdown-menu li a {
        display: flex;
        flex-flow: space-between;
    }
}

.image-view-swatches {
    margin-top: 10px;
    overflow: auto;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.swatch-wrapper {
    float: left;
    margin: 0 10px 10px 0;
    min-width: 110px;
    text-align: left;
}

.image-view-swatch {
    display: block;
    float: left;
    height: 25px;
    width: 25px;
    border-radius: 1px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    margin-right: 10px;
}

.image-view-hex {
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    top: 4px;
    cursor: text;
    opacity: .6;
}

.image-header {
    height: auto !important;
}

.fullscreen-preview #first-pane {
    width: 0 !important;
}

.fullscreen-preview .main-view .content {
    left: 0 !important;
}

.bramble-inspector-highlight {
    background: rgba(0, 135, 207, .3) !important;
}

table.guide {
    width: 100%;
}

table.guide td{
    text-align: center;
    padding-bottom:20px;
}

.model-header {
    padding-left:20px;
}

.model-text {
    padding-left:20px;
}

span.dialog-button {
    float: right;
    padding-right: 10px;
}

.CodeMirror-lines {
    padding-left: 10px;
}

.CodeMirror .CodeMirror-gutters .CodeMirror-gutter:after {
    display: none;
}

.CodeMirror-linenumber {
    padding: 0 10px 0 0;
}

.inline-widget .CodeMirror-foldgutter,
.inline-widget .CodeMirror-linenumbers,
.inline-widget .CodeMirror-gutters {
    background: transparent !important;
}

/* Makes the resize handles wider, and visile on hover & drag */

#sidebar {
    position: relative;
}

.CodeMirror-foldgutter:after {
    display: none;
}

.horz-resizer {
    transition: opacity .15s ease-out;
    background: rgba(0,0,0,.08);
    width: 12px;
}

#sidebar .horz-resizer {
    right: -12px !important;
    left: auto !important;
}

.dark .main-view > .horz-resizer,
.dark #sidebar .horz-resizer {
    background: rgba(255,255,255,.1);
}

.horz-resizer.active,
.horz-resizer:hover {
    opacity: 1;
}

.CodeMirror-linewidget {
  transform: translateX(-10px);
}

/* Menu item goes to next line due to float:right issue on Firefox */
@-moz-document url-prefix() {
    .context-menu .menu-shortcut {
        float: none;
        margin-left: auto;
    }
    .dropdown-menu li a {
        display: flex;
        flex-flow: space-between;
    }
}

.image-view-swatches {
    margin-top: 10px;
    overflow: auto;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.swatch-wrapper {
    float: left;
    margin: 0 10px 10px 0;
    min-width: 110px;
    text-align: left;
}

.image-view-swatch {
    display: block;
    float: left;
    height: 25px;
    width: 25px;
    border-radius: 1px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    margin-right: 10px;
}

.image-view-hex {
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    top: 4px;
    cursor: text;
    opacity: .6;
}

.image-header {
    height: auto !important;
}

.fullscreen-preview #first-pane {
    width: 0 !important;
}

.fullscreen-preview .main-view .content {
    left: 0 !important;
}

.bramble-inspector-highlight {
    background: rgba(0, 135, 207, .3) !important;
}

table.guide {
    width: 100%;
}

table.guide td{
    text-align: center;
    padding-bottom:20px;
}

.model-header {
    padding-left:20px;
}

.model-text {
    padding-left:20px;
}

span.dialog-button {
    float: right;
    padding-right: 10px;
}

.CodeMirror-lines {
    padding-left: 10px;
}

.CodeMirror .CodeMirror-gutters .CodeMirror-gutter:after {
    display: none;
}

.CodeMirror-linenumber {
    padding: 0 10px;
}

.inline-widget .CodeMirror-foldgutter,
.inline-widget .CodeMirror-linenumbers,
.inline-widget .CodeMirror-gutters {
    background: transparent !important;
}

/* Makes the resize handles wider, and visile on hover & drag */

#sidebar {
    position: relative;
}

.CodeMirror-foldgutter:after {
    display: none;
}

.horz-resizer {
    transition: opacity .15s ease-out;
    background: rgba(0,0,0,.08);
    width: 12px;
}

#sidebar .horz-resizer {
    right: -12px !important;
    left: auto !important;
}

.dark .main-view > .horz-resizer,
.dark #sidebar .horz-resizer {
    background: rgba(255,255,255,.1);
}

.horz-resizer.active,
.horz-resizer:hover {
    opacity: 1;
}


Add padding between navbar and content

Add padding between navbar and content

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


fix scroll when <code> doesn't have any language

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


Updated styling of the map filter.

Updated styling of the map filter.

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/USGS-CIDA/enddat_web.git/'


课程列表样式

课程列表样式

fatal: unable to access 'https://github.com/XUEJS/xue-project.git/': The requested URL returned error: 403


UPDATE: v4skin | tree view -> set overflow-y hidden for the tree

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


TBIO-4987-b: Use @content-selection-bg here and remove the .mce-resize-bar-dragging above since it's used by the old table plugin.

/* Content.Objects.less */

.mce-content-body .mce-reset {
  margin: 0; padding: 0; border: 0; outline: 0;
  vertical-align: top; background: transparent;
  text-decoration: none; color: black;
  font-family: Arial;
  font-size: 11px; text-shadow: none; float: none;
  position: static; width: auto; height: auto;
  white-space: nowrap; cursor: inherit;
  line-height: normal; font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/object.gif) no-repeat center;
}

.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray;
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}

.mce-preview-object .mce-shim {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always;
}

@media print {
  .mce-pagebreak {
    border: 0px;
  }
}

.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
}

.mce-nbsp, .mce-shy {
  background: #AAA;
}

.mce-shy::after {
  content: '-';
}

.mce-match-marker {
  background: #AAA;
  color: #fff;
}

.mce-match-marker-selected {
  background: #3399ff;
  color: #fff;
}

.mce-spellchecker-word {
  border-bottom: 2px solid rgba(208, 2, 27, 0.5);
  cursor: default;
}

.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default;
}

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB;
}

td[data-mce-selected], th[data-mce-selected] {
  background-color: @content-selection-bg !important;
}

.mce-edit-focus {
  outline: 1px dotted #333;
}

.mce-content-body {
  *[contentEditable=false] *[contentEditable=true]:focus {
    outline: 2px solid @content-block-focus;
  }

  *[contentEditable=false] *[contentEditable=true]:hover {
    outline: 2px solid @content-block-hover;
  }

  *[contentEditable=false][data-mce-selected] {
    outline: 2px solid @content-block-selected;
  }

  a[data-mce-selected], code[data-mce-selected], b[data-mce-selected], i[data-mce-selected],
  em[data-mce-selected], strong[data-mce-selected], sup[data-mce-selected], sub[data-mce-selected] {
    background: @content-boundary-bg;
  }

  .mce-item-anchor[data-mce-selected] {
    background: #D5D5D5 url(img/anchor.gif) no-repeat center;
  }

  hr {
    cursor: default;
  }
}

/* Table Resizing */
.ephox-snooker-resizer-bar {
  background-color: @content-selection-bg;
  opacity: 0.0;
}

.ephox-snooker-resizer-cols {
  cursor: col-resize;
}

.ephox-snooker-resizer-rows {
  cursor: row-resize;
}

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: 0.2;
}

/* Content.Objects.less */

.mce-content-body .mce-reset {
  margin: 0; padding: 0; border: 0; outline: 0;
  vertical-align: top; background: transparent;
  text-decoration: none; color: black;
  font-family: Arial;
  font-size: 11px; text-shadow: none; float: none;
  position: static; width: auto; height: auto;
  white-space: nowrap; cursor: inherit;
  line-height: normal; font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/object.gif) no-repeat center;
}

.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray;
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}

.mce-preview-object .mce-shim {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always;
}

@media print {
  .mce-pagebreak {
    border: 0px;
  }
}

.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
}

.mce-nbsp, .mce-shy {
  background: #AAA;
}

.mce-shy::after {
  content: '-';
}

.mce-match-marker {
  background: #AAA;
  color: #fff;
}

.mce-match-marker-selected {
  background: #3399ff;
  color: #fff;
}

.mce-spellchecker-word {
  border-bottom: 2px solid rgba(208, 2, 27, 0.5);
  cursor: default;
}

.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default;
}

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB;
}

td[data-mce-selected], th[data-mce-selected] {
  background-color: @content-selection-bg !important;
}

.mce-edit-focus {
  outline: 1px dotted #333;
}

.mce-resize-bar-dragging {
  background-color: @content-selection-bg;
  .opacity(0.25);
}

.mce-content-body {
  *[contentEditable=false] *[contentEditable=true]:focus {
    outline: 2px solid @content-block-focus;
  }

  *[contentEditable=false] *[contentEditable=true]:hover {
    outline: 2px solid @content-block-hover;
  }

  *[contentEditable=false][data-mce-selected] {
    outline: 2px solid @content-block-selected;
  }

  a[data-mce-selected], code[data-mce-selected], b[data-mce-selected], i[data-mce-selected],
  em[data-mce-selected], strong[data-mce-selected], sup[data-mce-selected], sub[data-mce-selected] {
    background: @content-boundary-bg;
  }

  .mce-item-anchor[data-mce-selected] {
    background: #D5D5D5 url(img/anchor.gif) no-repeat center;
  }

  hr {
    cursor: default;
  }
}

/* Table Resizing */
.ephox-snooker-resizer-bar {
  background-color: #3498db;
  opacity: 0.0;
}

.ephox-snooker-resizer-cols {
  cursor: col-resize;
}

.ephox-snooker-resizer-rows {
  cursor: row-resize;
}

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: 0.2;
}


Added btn-inside-input.less

Added btn-inside-input.less

.m-btn-inside-input {
    display: table;

    &_input-container {
        display: table-cell;
        width: 100%;

        .a-text-input {
            border-right: none;
            box-sizing: border-box;
            width: 100%;
        }
    }

    &_btn-container {
        display: table-cell;
        padding-left: unit( 15px / @btn-font-size, em );
        padding-right: unit( 15px / @btn-font-size, em );
        border: 1px solid @input-border;
        border-left: none;

        white-space: nowrap;

        .a-btn {
            .u-link__no-border();
            margin: 0;
            // The placement of borders causes a 1px offset, corrected by:
            margin-top: -1px;

            // btn-inside-input should be 7/8ths inherited font-size
            font-size: 0.875em;

            /* pa11y fails unless the background color is explicitly set */
            &__link.a-btn__secondary {
                background-color: #fff;
            }
        }
    }
}

error: pathspec 'src/cf-forms/src/molecules/btn-inside-input.less' did not match any file(s) known to git


Separate structure styles from looks

Separate structure styles from looks

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/bestwpw/angular-json-tree.git/'


whoops, missed a .less file

whoops, missed a .less file

fatal: unable to access 'https://github.com/ppy/osu-web.git/': The requested URL returned error: 403


share

share

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


remove auto overlfow

remove auto overlfow

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


header

header

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


toggle adjustment

toggle adjustment

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/DellGDC/dell-ui-components.git/'


estilo para los items dentro del isotope y para el parent container

/* estilo generico para los elementos dentro del isotope */
.isotope_container {
  margin-left: auto;
  margin-right: auto;
    .item {
        margin: 5px 0.1%;
        float: left;
        overflow: hidden;
        position: relative;
        background: #fff;
        color: #222;
        border: 1px solid #2f3344;
        .cosas {
            min-height:20px;
            .image {
                width:100%;
                &:hover {
                    box-shadow: inset 0 0 30px #000;
                }
            }
            .play-video {
                background-image: url('../images/play-icon.png');
                background-size: 50px;
                .square(50px);
                position: absolute;
                left: 39%;
                top: 39%;
                opacity: 0.5;
                &:hover{
                    opacity: 1;
                }
            }
            .title-and-user {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: auto;
                background: url('../images/ui/pix80trans.png');
                background-repeat: repeat;
                padding: 10px;
                .title {
                    position: relative;
                    color: white;
                    font-weight: 600;
                    font-size: 12px;
                    display: block;
                    line-height: normal !important;
                    text-overflow: ellipsis;
                    height: auto;
                    overflow: hidden;
                    margin-left: 10px;
                    .pull-left();
                    width: 60%;
                }
                .author-image {
                    position: relative;
                    .pull-left();
                    width: 30px !important;
                    border: 1px solid grey;
                }
                .user {
                    display: block;
                    position: relative;
                    width: 100%;
                    color: @green;
                    margin-top: 5px;
                    margin-left: 20px;
                    font-size: 15px;
                    font-weight: 300;
                    line-height: normal !important;
                }
            }
        }
    }
}

error: pathspec 'web/bundles/dodicifansworldweb/less/isotope_element.less' did not match any file(s) known to git


Added stylesheets for the effect list.

Added stylesheets for the effect list.

/*
 * Copyright 2017 Johannes Donath <me@dotstart.tv>
 * and other copyright owners as documented in the project's IP log.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@color-blue: #6c71c4;
@color-green: #73994d;
@color-red: #D25252;
@color-orange: #cb4b16;

body {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

.effect-list {
  display: block;

  height: 100vh;
  box-sizing: border-box;
  padding: 0 1vw;

  .effect {
    position: relative;
    height: 20vh;
    margin-top: 2vh;

    .progress {
      position: absolute;
      width: 100%;
      z-index: -1;

      background: #212121;

      &,
      .bar {
        height: 100%;
        border-radius: .5em;
      }

      .bar {
        background: @color-orange;
      }
    }

    &.applied .bar {
      background: @color-red;
    }

    &.reverted .bar {
      background: @color-blue;
    }

    .inner,
    .detail {
      box-sizing: border-box;
      height: 100%;
    }

    .inner {
      padding: 1vh 2vw;
    }

    .detail {
      color: #FFFFFF;
      font-size: 6vh;

      display: flex;
      flex-direction: column;
      justify-content: center;

      .title,
      .description {
        display: block;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .description {
        font-weight: 300;
      }
    }
  }
}

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


Reduced hero padding-top on narrow screens

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


homepage tweaks

homepage tweaks

//------------------------------------------------------------------------------
// Homepage
//------------------------------------------------------------------------------

@cljLogoGreen: #60ac30;
@cljLogoDarkBlue: #5a83d5;
@cljLogoLightBlue: #90b4fe;

@backgroundLightGrey: #f3f3f3;
@darkBackground: #444;

// NOTE: this is @cljLogoLightBlue with 50% opacity
// I know there is a LESS function to do this, but not sure how...
@cljLogoLightBlueHalf: rgba(144, 180, 254, 0.5);

@footerBlue: #5f7fbf;

@regularWidth: 960px;
@widestWidth: 1200px;

.reg-width-aa3fc {
  .title-inner-df992, .header-inner-e9e98, .inner-a5192, .footer-inner-022c2,
  .faqs-inner-e9036, .body-inner-e70fb {
    width: @regularWidth;
  }

  .blurb-c4f14 {
    height: 215px;
  }
}

.widest-6792e {
  .title-inner-df992, .header-inner-e9e98, .inner-a5192, .footer-inner-022c2,
  .faqs-inner-e9036, .body-inner-e70fb {
    width: @widestWidth;
  }

  .blurb-c4f14 {
    height: 195px;
  }
}

.title-outer-16d0f {
  background: @backgroundLightGrey;
}

.title-inner-df992 {
  margin: 0 auto;
  padding: 120px 0;
}

.title-2febf {
  .font-light(72px);
  margin: 0;
  padding: 0 0 15px 0;
}

.sub-d57b3 {
  color: #888;
  .font-bold(24px);
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.jumbo-left-80c52 {
  float: left;
  width: 580px;
}

.jumbo-right-94c4b {
  float: right;
  margin: 160px 4% 0 0;
  width: 30%;
}

.version-974cf {
  .font-light(12px);
  text-align: center;
}

.btns-a0ca1 {
  margin-bottom: 15px;
}

@asteriskColor: #888;
@asteriskSize: 5px;

.blurb-7fa5b {
  .font-normal(22px);
  line-height: 1.5em;

  .fa {
    color: @asteriskColor;
    font-size: @asteriskSize;
    vertical-align: top;
    padding-top: 6px;
  }
}

.additional-c55c0 {
  .font-normal(14px);
  margin: -10px 0 0 -8px;

  .fa {
    color: @asteriskColor;
    font-size: @asteriskSize;
    margin-right: 3px;
    vertical-align: middle;
  }
}

.get-started-518a6 {
  .box-sizing();
  background: @cljLogoGreen;
  color: #fff;
  cursor: pointer;
  display: block;
  .font-bold(22px);
  padding: 20px;
  .rounded(3px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.secondaryBtn() {
  .box-sizing();
  background: @darkBackground;
  color: #fff;
  cursor: pointer;
  display: block;
  .font-bold(14px);
  margin-top: 10px;
  padding: 10px 20px;
  .rounded(3px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 49%;
}

.left-btn-2f03d {
  .secondaryBtn();
  float: left;
}

.right-btn-33d5b {
  .secondaryBtn();
  float: right;
}

.header-outer-a295e {
  background: @cljLogoDarkBlue;
}

.header-inner-e9e98 {
  color: #fff;
  margin: 0 auto;
  padding: 15px 0;
}

.main-link-bb01a {
  color: #fff;
  .font-bold(28px);
  text-decoration: none;
}

@footerBottomTextColor: #666;

.ftr-home-link-2c3b4 {
  color: @footerBottomTextColor;
  display: inline-block;
  .font-bold(28px);
  text-decoration: none;
}

.info-9c06a {
  color: #fff;
  .font-light(18px);
  text-transform: lowercase;
}

.ftr-info-a5716 {
  color: @footerBottomTextColor;
  .font-light(18px);
  text-transform: lowercase;
}

.ftr-home-link-2c3b4:hover {
  color: #fff;

  .ftr-info-a5716 {
    color: #fff;
  }
}

.left-1764b {
  float: left;
}

.right-e461e {
  float: right;
}

.nav-link-890a3 {
  color: #fff;
  display: inline-block;
  margin: 8px 0 0 20px;
  text-decoration: none;
}

.nav-link-890a3:hover {
  text-decoration: underline;
}

.outer-5cceb {
  background: @cljLogoLightBlueHalf;
}

.inner-a5192 {
  margin: 0 auto;
  padding: 40px 0;
}

.row-4e0be {
  margin-bottom: 20px;
}

.blurb-c4f14 {
  background: @darkBackground;
  color: #fff;
  padding: 20px;
  position: relative;
  .rounded(6px);
  width: 49%;
}

.hdr-e4d24 {
  .font-light(28px);
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

.p-382d3 {
  font-size: 14px;
  margin: 0;

  a {
    color: @cljLogoLightBlue;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }
}

.more-link-1a354 {
  bottom: 15px;
  color: @cljLogoLightBlueHalf;
  .font-bold(14px);
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
}

.more-link-1a354:hover {
  text-decoration: underline;
}

.footer-outer-5c647 {
  background: #222;
}

.footer-inner-022c2 {
  margin: 0 auto;
}

.faqs-outer-dac3a {
  background: rgba(90, 131, 213, 0.75);
}

.faqs-inner-e9036 {
  margin: 0 auto;
}

.col-ace4b {
  .box-sizing();
  float: left;
  width: 25%;

  ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

.hdr-856fa {
  color: #fff;
  .font-bold(14px);
  margin: 30px 0 10px 0;
  padding: 0;
  text-transform: uppercase;
}

.ftr-link-67c8e {
  color: #aaa;
  display: inline-block;
  font-size: 14px;
  margin: 2px 0;
  padding: 0;
  text-decoration: none;

  .fa {
    margin-left: 5px;
  }
}

.ftr-link-67c8e:hover {
  text-decoration: underline;
}

.bottom-31b43 {
  padding: 40px 0;
}

.small-14fbc {
  color: @footerBottomTextColor;
  font-size: 12px;
  margin: 0;
  padding: 0 0 5px 0;

  a {
    color: @cljLogoLightBlueHalf;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }
}

.body-outer-b72e9 {
  background: @backgroundLightGrey;
}

.body-inner-e70fb {
  margin: 0 auto;

  p {
    line-height: 1.5em;
    margin: 0;
    padding: 0.5em 0;
    width: 600px;
  }
}

.question-4800e {
  margin: 0;
  padding: 30px 0 10px 0;
  position: relative;
}

.faq-link-cdef1 {
  color: @backgroundLightGrey;
  font-size: 14px;
  left: -20px;
  position: absolute;
  top: 8px;
  .rotation(135deg);
}

.question-4800e:hover .faq-link-cdef1, .faq-link-cdef1:hover {
  color: #aaa;
}

.question-link-6d31a {
  text-decoration: none;
}

.question-link-6d31a:hover {

}

.outer-a0feb {
  background: #fff;
}

.inner-3064a {
  margin: 0 auto;
  width: 1200px;
}

.logo-3ed24 {
  display: block;
  margin: 30px auto;
  width: 140px;
}

.nav-links-6320a {
  margin: 0 auto 30px auto;
  width: 1000px;
}

.nav-link-4db37 {
  color: @footerBlue;
  display: inline-block;
  .font-normal(18px);
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 20%;
}

.nav-link-4db37:hover {
  text-decoration: underline;
}

.outer-a6683 {
  background: @footerBlue;
  height: 350px;
}

.inner-959a0 {
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 1200px;
}

.background-img-4ff34 {
  left: -100px;
  .opacity(0.1);
  position: absolute;
  top: 0;
  z-index: 1;
}

.left-958bf {
  .box-sizing();
  left: 100px;
  top: 45px;
  position: absolute;
  width: 50%;
  z-index: 2;
}

.right-1b23f {
  .box-sizing();
  right: 0;
  position: absolute;
  top: 45px;
  width: 35%;
  z-index: 2;
}

.big-title-c3dbd {
  color: #fff;
  .font-light(64px);
  margin: 0 0 40px 0;
  padding: 0;
  text-shadow: 3px 3px #5172af;
}

.blurb-ec58e {
  color: #fff;
  .font-light(18px);
}

.tagline-aae79 {
  color: #fff;
  .font-bold(22px);
  margin: 18px 0 60px 0;
  padding: 0;
  text-transform: uppercase;
}

.big-cta-7f0a0 {
  background: #95c94b;
  .box-sizing();
  .box-shadow(0 5px 2px #4f71ae);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  .font-bold(22px);
  margin: 0 0 15px 0;
  padding: 20px 0;
  .rounded(4px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 280px;
}

.secondary-btn-2b577 {
  background: #4f71ae;
  .box-sizing();
  color: #fff;
  display: inline-block;
  .font-bold(13px);
  margin-right: 10px;
  padding: 15px 0;
  .rounded(4px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 135px;
}

.outer-799fb {
  background: #fff;
}

.inner-2b584 {
  margin: 40px auto;
  width: 1200px;
}

.blurbs-tbl-2ebec {
  border: 0;
  width: 100%;

  td {
    color: #555;
    .font-normal(14px);
    padding: 30px;
    vertical-align: top;
    width: 33%;
  }

  h4 {
    color: @footerBlue;
    .font-light(28px);
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: uppercase;
  }
}

@blurbBorderColor: #e5e5e5;

.cell-b7906 {
  border-bottom: 1px solid @blurbBorderColor;
  border-right: 1px solid @blurbBorderColor;
}

.right-cell-66dc9 {
  border-bottom: 1px solid @blurbBorderColor;
}

.bottom-cell-280bb {
  border-right: 1px solid @blurbBorderColor;
}

.ftr-outer-1f0f3 {
  background: @footerBlue;
}

.ftr-inner-0483e {
  margin: 0 auto;
  padding: 40px 30px;
  width: 1200px;
}

.small-1c732 {
  color: #fff;
  .font-light(14px);
  margin: 0;
  padding: 0 0 3px 0;

  a {
    color: #fff;
  }
}

.bottom-f931d {
  margin-top: 30px;
}

.nav-list-3a2bf {
  color: #fff;
  float: left;
  width: 20%;

  a, .small-64bf7 {
    color: #fff;
    display: block;
    .font-light(14px);
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration: none;

    .fa {
      margin-left: 6px;
    }
  }

  a:hover {
    text-decoration: underline;
  }
}

.ftr-header-c261a {
  color: #fff;
  .font-bold(14px);
  margin: 0;
  padding: 0 0 12px 0;
  text-transform: uppercase;
}

.version-eb1a6 {
  border: 1px solid #afbfdf;
  color: #fff;
  float: right;
  padding: 10px;
  .rounded(4px);

  p {
    .font-light(14px);
    margin: 0;
    padding: 3px 0;
  }
}

.bottom-right-c760b {
  background: #fff;
  background-image: radial-gradient(60px circle at bottom right, #f9f9f9, #fff);
}

.top-left-9deaa {
  background: #fff;
  background-image: radial-gradient(60px circle at top left, #f9f9f9, #fff);
}

//------------------------------------------------------------------------------
// Homepage
//------------------------------------------------------------------------------

@cljLogoGreen: #60ac30;
@cljLogoDarkBlue: #5a83d5;
@cljLogoLightBlue: #90b4fe;

@backgroundLightGrey: #f3f3f3;
@darkBackground: #444;

// NOTE: this is @cljLogoLightBlue with 50% opacity
// I know there is a LESS function to do this, but not sure how...
@cljLogoLightBlueHalf: rgba(144, 180, 254, 0.5);

@footerBlue: #5f7fbf;

@regularWidth: 960px;
@widestWidth: 1200px;

.reg-width-aa3fc {
  .title-inner-df992, .header-inner-e9e98, .inner-a5192, .footer-inner-022c2,
  .faqs-inner-e9036, .body-inner-e70fb {
    width: @regularWidth;
  }

  .blurb-c4f14 {
    height: 215px;
  }
}

.widest-6792e {
  .title-inner-df992, .header-inner-e9e98, .inner-a5192, .footer-inner-022c2,
  .faqs-inner-e9036, .body-inner-e70fb {
    width: @widestWidth;
  }

  .blurb-c4f14 {
    height: 195px;
  }
}

.title-outer-16d0f {
  background: @backgroundLightGrey;
}

.title-inner-df992 {
  margin: 0 auto;
  padding: 120px 0;
}

.title-2febf {
  .font-light(72px);
  margin: 0;
  padding: 0 0 15px 0;
}

.sub-d57b3 {
  color: #888;
  .font-bold(24px);
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.jumbo-left-80c52 {
  float: left;
  width: 580px;
}

.jumbo-right-94c4b {
  float: right;
  margin: 160px 4% 0 0;
  width: 30%;
}

.version-974cf {
  .font-light(12px);
  text-align: center;
}

.btns-a0ca1 {
  margin-bottom: 15px;
}

@asteriskColor: #888;
@asteriskSize: 5px;

.blurb-7fa5b {
  .font-normal(22px);
  line-height: 1.5em;

  .fa {
    color: @asteriskColor;
    font-size: @asteriskSize;
    vertical-align: top;
    padding-top: 6px;
  }
}

.additional-c55c0 {
  .font-normal(14px);
  margin: -10px 0 0 -8px;

  .fa {
    color: @asteriskColor;
    font-size: @asteriskSize;
    margin-right: 3px;
    vertical-align: middle;
  }
}

.get-started-518a6 {
  .box-sizing();
  background: @cljLogoGreen;
  color: #fff;
  cursor: pointer;
  display: block;
  .font-bold(22px);
  padding: 20px;
  .rounded(3px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.secondaryBtn() {
  .box-sizing();
  background: @darkBackground;
  color: #fff;
  cursor: pointer;
  display: block;
  .font-bold(14px);
  margin-top: 10px;
  padding: 10px 20px;
  .rounded(3px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 49%;
}

.left-btn-2f03d {
  .secondaryBtn();
  float: left;
}

.right-btn-33d5b {
  .secondaryBtn();
  float: right;
}

.header-outer-a295e {
  background: @cljLogoDarkBlue;
}

.header-inner-e9e98 {
  color: #fff;
  margin: 0 auto;
  padding: 15px 0;
}

.main-link-bb01a {
  color: #fff;
  .font-bold(28px);
  text-decoration: none;
}

@footerBottomTextColor: #666;

.ftr-home-link-2c3b4 {
  color: @footerBottomTextColor;
  display: inline-block;
  .font-bold(28px);
  text-decoration: none;
}

.info-9c06a {
  color: #fff;
  .font-light(18px);
  text-transform: lowercase;
}

.ftr-info-a5716 {
  color: @footerBottomTextColor;
  .font-light(18px);
  text-transform: lowercase;
}

.ftr-home-link-2c3b4:hover {
  color: #fff;

  .ftr-info-a5716 {
    color: #fff;
  }
}

.left-1764b {
  float: left;
}

.right-e461e {
  float: right;
}

.nav-link-890a3 {
  color: #fff;
  display: inline-block;
  margin: 8px 0 0 20px;
  text-decoration: none;
}

.nav-link-890a3:hover {
  text-decoration: underline;
}

.outer-5cceb {
  background: @cljLogoLightBlueHalf;
}

.inner-a5192 {
  margin: 0 auto;
  padding: 40px 0;
}

.row-4e0be {
  margin-bottom: 20px;
}

.blurb-c4f14 {
  background: @darkBackground;
  color: #fff;
  padding: 20px;
  position: relative;
  .rounded(6px);
  width: 49%;
}

.hdr-e4d24 {
  .font-light(28px);
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

.p-382d3 {
  font-size: 14px;
  margin: 0;

  a {
    color: @cljLogoLightBlue;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }
}

.more-link-1a354 {
  bottom: 15px;
  color: @cljLogoLightBlueHalf;
  .font-bold(14px);
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
}

.more-link-1a354:hover {
  text-decoration: underline;
}

.footer-outer-5c647 {
  background: #222;
}

.footer-inner-022c2 {
  margin: 0 auto;
}

.faqs-outer-dac3a {
  background: rgba(90, 131, 213, 0.75);
}

.faqs-inner-e9036 {
  margin: 0 auto;
}

.col-ace4b {
  .box-sizing();
  float: left;
  width: 25%;

  ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

.hdr-856fa {
  color: #fff;
  .font-bold(14px);
  margin: 30px 0 10px 0;
  padding: 0;
  text-transform: uppercase;
}

.ftr-link-67c8e {
  color: #aaa;
  display: inline-block;
  font-size: 14px;
  margin: 2px 0;
  padding: 0;
  text-decoration: none;

  .fa {
    margin-left: 5px;
  }
}

.ftr-link-67c8e:hover {
  text-decoration: underline;
}

.bottom-31b43 {
  padding: 40px 0;
}

.small-14fbc {
  color: @footerBottomTextColor;
  font-size: 12px;
  margin: 0;
  padding: 0 0 5px 0;

  a {
    color: @cljLogoLightBlueHalf;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }
}

.body-outer-b72e9 {
  background: @backgroundLightGrey;
}

.body-inner-e70fb {
  margin: 0 auto;

  p {
    line-height: 1.5em;
    margin: 0;
    padding: 0.5em 0;
    width: 600px;
  }
}

.question-4800e {
  margin: 0;
  padding: 30px 0 10px 0;
  position: relative;
}

.faq-link-cdef1 {
  color: @backgroundLightGrey;
  font-size: 14px;
  left: -20px;
  position: absolute;
  top: 8px;
  .rotation(135deg);
}

.question-4800e:hover .faq-link-cdef1, .faq-link-cdef1:hover {
  color: #aaa;
}

.question-link-6d31a {
  text-decoration: none;
}

.question-link-6d31a:hover {

}

.outer-a0feb {
  background: #fff;
}

.inner-3064a {
  margin: 0 auto;
  width: 1200px;
}

.logo-3ed24 {
  display: block;
  margin: 30px auto;
  width: 140px;
}

.nav-links-6320a {
  margin: 0 auto 30px auto;
  width: 1000px;
}

.nav-link-4db37 {
  color: @footerBlue;
  display: inline-block;
  .font-normal(18px);
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 20%;
}

.nav-link-4db37:hover {
  text-decoration: underline;
}

.outer-a6683 {
  background: @footerBlue;
  height: 350px;
}

.inner-959a0 {
  margin: 0 auto;
  padding: 60px 100px;
  position: relative;
  width: 1200px;
}

.background-img-4ff34 {
  left: -100px;
  .opacity(0.1);
  position: absolute;
  top: 0;
  z-index: 1;
}

.left-958bf {
  .box-sizing();
  left: 100px;
  top: 45px;
  position: absolute;
  width: 55%;
  z-index: 2;
}

.right-1b23f {
  .box-sizing();
  right: 0;
  position: absolute;
  top: 45px;
  width: 35%;
  z-index: 2;
}

.big-title-c3dbd {
  color: #fff;
  .font-light(64px);
  margin: 0 0 40px 0;
  padding: 0;
  text-shadow: 3px 3px #5172af;
}

.blurb-ec58e {
  color: #fff;
  .font-light(18px);
}

.tagline-aae79 {
  color: #fff;
  .font-bold(22px);
  margin: 18px 0 60px 0;
  padding: 0;
  text-transform: uppercase;
}

.big-cta-7f0a0 {
  background: #95c94b;
  .box-sizing();
  .box-shadow(0 5px 2px #4f71ae);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  .font-bold(22px);
  margin: 0 0 15px 0;
  padding: 20px 0;
  .rounded(4px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 280px;
}

.secondary-btn-2b577 {
  background: #4f71ae;
  .box-sizing();
  color: #fff;
  display: inline-block;
  .font-bold(13px);
  margin-right: 10px;
  padding: 15px 0;
  .rounded(4px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 135px;
}

.outer-799fb {
  background: #fff;
}

.inner-2b584 {
  margin: 40px auto;
  width: 1200px;
}

.blurbs-tbl-2ebec {
  border: 0;
  width: 100%;

  td {
    color: #555;
    .font-normal(14px);
    padding: 30px;
    vertical-align: top;
    width: 33%;
  }

  h4 {
    color: @footerBlue;
    .font-light(28px);
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: uppercase;
  }
}

@blurbBorderColor: #e5e5e5;

.cell-b7906 {
  border-bottom: 1px solid @blurbBorderColor;
  border-right: 1px solid @blurbBorderColor;
}

.right-cell-66dc9 {
  border-bottom: 1px solid @blurbBorderColor;
}

.bottom-cell-280bb {
  border-right: 1px solid @blurbBorderColor;
}

.ftr-outer-1f0f3 {
  background: @footerBlue;
}

.ftr-inner-0483e {
  margin: 0 auto;
  padding: 40px 30px;
  width: 1200px;
}

.small-1c732 {
  color: #fff;
  .font-light(14px);
  margin: 0;
  padding: 0 0 3px 0;

  a {
    color: #fff;
  }
}

.bottom-f931d {
  margin-top: 30px;
}

.nav-list-3a2bf {
  color: #fff;
  float: left;
  width: 20%;

  a, .small-64bf7 {
    color: #fff;
    display: block;
    .font-light(14px);
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration: none;

    .fa {
      margin-left: 6px;
    }
  }

  a:hover {
    text-decoration: underline;
  }
}

.ftr-header-c261a {
  color: #fff;
  .font-bold(14px);
  margin: 0;
  padding: 0 0 12px 0;
  text-transform: uppercase;
}

.version-eb1a6 {
  border: 1px solid #afbfdf;
  color: #fff;
  float: right;
  padding: 10px;
  .rounded(4px);

  p {
    .font-light(14px);
    margin: 0;
    padding: 3px 0;
  }
}

.bottom-right-c760b {
  background: #fff;
  background-image: radial-gradient(60px circle at bottom right, #f9f9f9, #fff);
}

.top-left-9deaa {
  background: #fff;
  background-image: radial-gradient(60px circle at top left, #f9f9f9, #fff);
}