adds space

adds space

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


fix(Dropdown): Change chevron color and alignment (#159)

fatal: unable to access 'https://github.com/seekinternational/seek-asia-style-guide.git/': The requested URL returned error: 403


fixed full size

fixed full size

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


Bring in blank view styles

Bring in blank view styles

@import "variables";

.github-Blank {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;

  &-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  &-footer {
    flex-shrink: 0;
    padding: @component-padding*2 @component-padding;
  }

  &-LargeIcon:before {
    margin-right: 0;
    margin-top: @component-padding * 5;
    margin-bottom: @component-padding * 5;
    width: auto;
    height: auto;
    font-size: 8em;
    color: mix(@base-background-color, @text-color, 66%); // 2/3 of bg color
  }

  &-banner, &-context , &-explanation , &-LargeIcon {
    text-align: center;
  }

  &-option {
    display: flex;
    flex-direction: row;
    align-items: center;

    &--explained {
      margin-bottom: @component-padding/2;
    }
  }

  &-actionBtn {
    flex: 1;
    margin: 0 10%;
  }

  &-explanation {
    margin-left: 5%;
    margin-right: 5%;
    color: @text-color-subtle;
  }

  &-tabLink {
    margin-left: 0.5em;

    .icon {
      padding-right: 0;
    }
  }
}

error: pathspec 'styles/github-blank.less' did not match any file(s) known to git


Remove box styling campaign

Remove box styling campaign

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


Printable badges list

Printable badges list

@foreground: #000;
@neutral_intense: #27272e;

.no-print {
	display: none !important;
}

.printable {
	display: block;
	font-size: inherit;
}

body {
	padding: 0;
}

header {
	.no-print
}

.userprofile-header {

	.profile-header {
		background: none !important;
		height: 128px;

		.user-header {
			background: none;
			color: @foreground;

			.profile-data {

				svg.imageBadge {
					fill: @foreground;
				}
			}
		}
	}

	.menu {
		.no-print
	}
}

.userprofile {
	background: none;

	.panel {
		box-shadow: none;
		border: @neutral_intense solid;
		border-width: 4px 1px 1px 1px;

		.content {

			.courses {

				.thumb {
					.no-print;
				}

				.badges li {
					display: block;
					margin: 10px 0 20px 0;

					p {
						font-size: 0.9em;
						margin-left: 33px;
					}
				}
			}
		}
	}
}

footer {
	.no-print
}

.expandable_lateral_bar {
	.no-print;
}

error: pathspec 'moocng/static/css/print.less' did not match any file(s) known to git


Adding childtheme base in site/theme

Adding childtheme base in site/theme

/**
 * Extending Lydia base theme with application settings.
 * Define the html application class in site/config.php
 */

/** --------------------------------------------------------------
 * Application specific style
 */
html.mroos {

  #inner-wrap-header {
    height: @magicNumber * 4;
    //background-color: pink;
  }

}

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


[Core] adds more less variables to make the form wizard more configurable

fatal: remote error: upload-pack: not our ref 3493fdeb1c02a21538b74899e7476cc930e1ede0
fatal: the remote end hung up unexpectedly


fix priject header

fix priject header

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

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

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

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

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

}

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

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

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

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

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

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

}

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

    .name.icon {

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

  // TEXT
  color: #29A8DE;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  top: -1px;

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

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

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

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

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

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

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

}

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

    .name.icon {

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

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

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

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


Bug 1230334 - Private Browsing: fix CTA button alignment for longer translations

See bottom of the page at
https://www.mozilla.org/et/firefox/private-browsing/

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

@import "../../sandstone/lib.less";

/*-------------------------------------------------------------------------*/
// Common

html, body{
    max-width: 100%;
    overflow-x: hidden;
}

#wrapper {
    border-top: 2px solid #fff;
    background-color: @mozIDBlue;
    margin-top: -162px; // family nav
    padding-bottom: 0;
    width: 100%;
}

.container {
    .border-box();
    .font-size(22px);
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px;
    width: @widthDesktop;

    h2, h3 {
        text-align: center;
    }
    h1 {
        color: #fff;
        .open-sans-light();
        .font-size(66px);
        line-height: 1.1;
        text-shadow: none;
        margin-bottom: 40px;
    }
    h2 {
        color: #652562;
        .open-sans();
        .font-size(48px);
        margin-bottom: 60px;
    }
    h3 {
        color: #652562;
        .font-size(25px);
        line-height: 1.2;
        margin: @baseLine auto;
    }
    p {
        color: @mozIDGrey;
        .open-sans-light();
        .font-size(20px);
    }
    ul {
        list-style-type: none;
        margin: 0;
    }
}

.footer {
    margin: 45px auto 0 auto ;
    text-align: center;

    a {
        display: none;
    }
    a:after {
        content:' »';
        white-space: nowrap;
    }
    strong {
        margin-bottom: 50px;
        display: block;
    }
    small {
        color: #56565a;
        .open-sans-italic();
        display: block;
        margin: auto;
    }
    .desktop-link {
        display: block;
    }
}

.button-flat-dark {
    .open-sans-light;
    .font-size(24px);
    padding: 12px @baseLine;
    .transition(background-color 250ms linear 0s);
}

.download-buttons  {
    p {
        color: #fff;
        .font-size(22px);
    }
    .download-button small.download-other {
        color: #bee1f5;
        a {
            color: inherit;
        }
    }
}

/*-------------------------------------------------------------------------*/
// Main Sections

.tracking-protection,
.when-to-use,
.control-center {
    h2 {
        margin-bottom: (@baseLine * 3);
        padding: 0 30px;
    }
    p {
        margin: @baseLine auto 0;
        padding: 0 15px;
    }
}

.intro {
    margin-top: 50px;

    header {
        float: left;
        padding-top: 80px;
        width: 490px;
    }
    .critter-animation {
        float: right;
        margin: 30px -85px 0 0;
    }

    #tracking-protection-animation .shield-container {
        margin: 0 0 0 -25px
    }

    .ios & .critter-animation {
        margin: 30px 0 0 0;
    }
}

.tracking-protection {
    background-color: #fff;

    h3 {
        .open-sans-extrabold();
        .font-size(30px);
        margin: 10px auto;
    }
    .blurb {
        .at2x('/media/img/firefox/private-browsing/sprite-tracking-protection.png', 710px);
        background-repeat: no-repeat;
        display: inline-table;
        margin: 0 auto;
        padding-top: 210px;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 465px;
    }
    .with-tracking {
        background-position: -410px 0;
    }
    .private-browsing {
        background-position: 135px 0;
        padding-right: 24px;
    }
    .private-browsing:after {
        color: #6fbf4a;
        content:'+';
        .open-sans-extrabold();
        .font-size(100px);
        height: 100px;
        width: 100px;
        position: absolute;
        right: -30px;
        top: 0;
    }
}

.when-to-use {
    background-color: #bee1f5;

    .container {
        padding-left: 0;
        padding-right: 0;
    }
    h3 {
        .open-sans();
        margin: 0px;
        padding: 0 15px;
        min-height: 95px;
    }
    li {
        float: left;
        margin: 0;
        text-align: center;
        width: 330px;

        p {
            .at2x('/media/img/firefox/private-browsing/sprite-features.png', 743px);
            background-repeat: no-repeat;
            background-position: -490px top;
            margin: 0 auto;
            padding: 165px 30px 0;
        }
    }
    li:first-child p {
        background-position: 90px top;
    }
    li:first-child + li p {
        background-position: -180px top;
    }
}

.control-center {
    .at2x('/media/img/firefox/private-browsing/control-center.png', 290px);
    background-position: center 90px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-top: 320px;
    text-align: center;

    p {
        .font-size(25px);
    }
    .footer a:after {
        content:' »';
        white-space: nowrap;
    }
}

.cta {
    h2 {
        color: #fff;
        float: left;
        margin: 0;
        text-shadow: none;
        text-align: left;
        width: 580px;
    }
    .download-buttons {
        float: left;
        width: 100%;

        .button-flat-dark {
            max-width: 340px;
        }

        .button-flat-dark,
        .dl-button,
        .desktop-download-button,
        .ios-download-button a {
            float: right;
        }
    }
}

#colophon {
    margin-top: 0;
}

html[lang^='de'],
html[lang^='pl'],
html[lang^='es-ES']{
    h1 {
        .font-size(55px);
    }
    .intro header {
        width: 535px;
    }
    .cta h2 {
        width: 550px;
    }
}
html.ios[lang^='de'],
html.ios[lang^='pl'],
html.ios[lang^='es-ES']{
    .intro header {
        width: 465px;
    }
}
html[lang^='en'] {
    .button-flat-dark {
        text-transform: none;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: @breakDesktop) {
    html[lang^='de'],
    html[lang^='pl'],
    html[lang^='es-ES']{
        h1 {
            .font-size(37px);
        }
        .intro header {
            width: 370px;
        }
        .cta h2 {
            width: 460px;
        }
    }
    html.ios[lang^='de'],
    html.ios[lang^='pl'],
    html.ios[lang^='es-ES']{
        .intro header {
            width: 370px;
        }
    }
    html[lang^='pl'] {
         .cta h2 {
            width: 350px;
        }
     }
    .button-flat-dark {
        .font-size(20px);
    }
    .container {
        width: @widthTablet;

        h1 {
            .font-size(44px);
        }
        h2 {
            .font-size(38px);
            margin-bottom: 25px;
        }
        h3 {
            .font-size(19px);
        }
    }
    .intro {
        header {
            width: 370px;
        }
        .critter-animation {
           margin: 35px -20px 0 0;
        }

        .download-buttons p {
            .font-size(16px);
        }
    }
    .tracking-protection {
        .blurb {
            width: 320px;
        }
        .with-tracking {
            background-position: -468px 0;
        }
        .private-browsing {
            background-position: 57px 0;
            padding-right: 70px;
        }
        .private-browsing:after {
            right: -18px;
        }
    }
    .when-to-use {
        h3 {
            min-height: 85px;
        }
        li {
            width: 250px;
            p {
                background-position: -530px top;
                .font-size(16px);
                padding-top: 160px;
            }
        }
        li:first-child p {
           background-position: 45px top;
        }
        li:first-child + li p {
           background-position: -215px top;
        }
    }
    .control-center p {
        .font-size(16px);
    }
    .cta {
        .container {
            padding-top: 75px;
            padding-bottom: 75px;
        }
        .download-buttons .button-flat-dark {
            max-width: 220px;
        }
        h2 {
            margin-bottom: 0;
        }
    }
}

@media only screen and (max-width: @breakTablet) {
    html[lang^='de'],
    html[lang^='pl'],
    html[lang^='es-ES']{
        h1 {
            .font-size(30px);
        }
        .intro header {
            width: 100%;
        }
        .cta h2 {
            width: 100%;
        }
    }
    html.ios[lang^='de'],
    html.ios[lang^='pl'],
    html.ios[lang^='es-ES']{
        .intro header {
            width: 100%;
        }
    }
    html[lang^='pl']{
        .button-flat-dark {
            .font-size(16px);
        }
    }
    .button-flat-dark {
        .font-size(18px);
    }
    .container {
        width: @widthMobile;
        padding-top: 60px;
        padding-bottom: 60px;

        h1 {
            .font-size(32px);
        }
        h2 {
            .font-size(30px);
        }
        h3 {
            .font-size(20px);
        }
        p {
            .font-size(16px);
        }
    }
    .tracking-protection,
    .when-to-use,
    .control-center {
        h2 {
            padding: 0 10px;
        }
        p {
           padding: 0 10px;
        }
    }
    .intro {
        header {
            clear: both;
            float: none;
            width: 100%;
        }
        .critter-animation {
            float: none;
            margin: 30px 0 0 0;
            clear: both;
        }
        h1, .download-buttons {
            text-align: center;
            width: 100%;
        }

    }
    .tracking-protection {
        h3 {
            .font-size(20px);
        }
        .blurb {
            display: block;
            width: 100%;
            padding-top: 200px;
        }
        .with-tracking {
            margin: 150px auto 0;
            background-position: -482px 0;
        }
        .private-browsing {
            padding-right: 0;
        }
        .private-browsing:after {
            bottom: -92px;
            right: 102px;
            top: 100%;
        }
    }
    .when-to-use {
        h3 {
            padding: 0 30px;
            margin-bottom: 20px;
            min-height: auto;
        }
        li {
            float: none;
            width: 100%;
            margin-bottom: 45px;

            p {
                background-position: -495px top;
                padding: 165px 35px 0;
            }
        }
        li:first-child p {
           background-position: 85px top;
        }
        li:first-child + li p {
           background-position: -185px top;
        }
    }
    .control-center {
        background-position: center 60px;
        .container {
            padding: 60px 10px;
        }
    }
    .cta {
        h2 {
            .font-size(30px);
            float: none;
            margin-bottom: @baseLine;
            text-align: center;
        }

        .download-buttons {
            text-align: center;
            .button-flat-dark,
            .android-download-button a,
            .desktop-download-button,
            .ios-download-button a {
                float: none;
            }
            .button-flat-dark {
                max-width: 100%;
            }
        }
    }
}

@media only screen and (min-width: @breakMobile) and (max-width: @breakMobileLandscape) {
    .intro {
         #tracking-protection-animation .shield-container {
            margin: 0 auto;
        }
    }
    .button-flat-dark {
        .font-size(@largeFontSize);
    }
    .container {
        width: @widthMobile;
    }
}

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

@import "../../sandstone/lib.less";

/*-------------------------------------------------------------------------*/
// Common

html, body{
    max-width: 100%;
    overflow-x: hidden;
}

#wrapper {
    border-top: 2px solid #fff;
    background-color: @mozIDBlue;
    margin-top: -162px; // family nav
    padding-bottom: 0;
    width: 100%;
}

.container {
    .border-box();
    .font-size(22px);
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px;
    width: @widthDesktop;

    h2, h3 {
        text-align: center;
    }
    h1 {
        color: #fff;
        .open-sans-light();
        .font-size(66px);
        line-height: 1.1;
        text-shadow: none;
        margin-bottom: 40px;
    }
    h2 {
        color: #652562;
        .open-sans();
        .font-size(48px);
        margin-bottom: 60px;
    }
    h3 {
        color: #652562;
        .font-size(25px);
        line-height: 1.2;
        margin: @baseLine auto;
    }
    p {
        color: @mozIDGrey;
        .open-sans-light();
        .font-size(20px);
    }
    ul {
        list-style-type: none;
        margin: 0;
    }
}

.footer {
    margin: 45px auto 0 auto ;
    text-align: center;

    a {
        display: none;
    }
    a:after {
        content:' »';
        white-space: nowrap;
    }
    strong {
        margin-bottom: 50px;
        display: block;
    }
    small {
        color: #56565a;
        .open-sans-italic();
        display: block;
        margin: auto;
    }
    .desktop-link {
        display: block;
    }
}

.button-flat-dark {
    .open-sans-light;
    .font-size(24px);
    padding: 12px @baseLine;
    .transition(background-color 250ms linear 0s);
}

.download-buttons  {
    p {
        color: #fff;
        .font-size(22px);
    }
    .download-button small.download-other {
        color: #bee1f5;
        a {
            color: inherit;
        }
    }
}

/*-------------------------------------------------------------------------*/
// Main Sections

.tracking-protection,
.when-to-use,
.control-center {
    h2 {
        margin-bottom: (@baseLine * 3);
        padding: 0 30px;
    }
    p {
        margin: @baseLine auto 0;
        padding: 0 15px;
    }
}

.intro {
    margin-top: 50px;

    header {
        float: left;
        padding-top: 80px;
        width: 490px;
    }
    .critter-animation {
        float: right;
        margin: 30px -85px 0 0;
    }

    #tracking-protection-animation .shield-container {
        margin: 0 0 0 -25px
    }

    .ios & .critter-animation {
        margin: 30px 0 0 0;
    }
}

.tracking-protection {
    background-color: #fff;

    h3 {
        .open-sans-extrabold();
        .font-size(30px);
        margin: 10px auto;
    }
    .blurb {
        .at2x('/media/img/firefox/private-browsing/sprite-tracking-protection.png', 710px);
        background-repeat: no-repeat;
        display: inline-table;
        margin: 0 auto;
        padding-top: 210px;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 465px;
    }
    .with-tracking {
        background-position: -410px 0;
    }
    .private-browsing {
        background-position: 135px 0;
        padding-right: 24px;
    }
    .private-browsing:after {
        color: #6fbf4a;
        content:'+';
        .open-sans-extrabold();
        .font-size(100px);
        height: 100px;
        width: 100px;
        position: absolute;
        right: -30px;
        top: 0;
    }
}

.when-to-use {
    background-color: #bee1f5;

    .container {
        padding-left: 0;
        padding-right: 0;
    }
    h3 {
        .open-sans();
        margin: 0px;
        padding: 0 15px;
        min-height: 95px;
    }
    li {
        float: left;
        margin: 0;
        text-align: center;
        width: 330px;

        p {
            .at2x('/media/img/firefox/private-browsing/sprite-features.png', 743px);
            background-repeat: no-repeat;
            background-position: -490px top;
            margin: 0 auto;
            padding: 165px 30px 0;
        }
    }
    li:first-child p {
        background-position: 90px top;
    }
    li:first-child + li p {
        background-position: -180px top;
    }
}

.control-center {
    .at2x('/media/img/firefox/private-browsing/control-center.png', 290px);
    background-position: center 90px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-top: 320px;
    text-align: center;

    p {
        .font-size(25px);
    }
    .footer a:after {
        content:' »';
        white-space: nowrap;
    }
}

.cta {
    h2 {
        color: #fff;
        float: left;
        margin: 0;
        text-shadow: none;
        text-align: left;
        width: 580px;
    }
    .download-buttons {
        float: left;
        width: 100%;

        .button-flat-dark,
        .dl-button,
        .desktop-download-button,
        .ios-download-button a {
            float: right;
        }
    }
}

#colophon {
    margin-top: 0;
}

html[lang^='de'],
html[lang^='pl'],
html[lang^='es-ES']{
    h1 {
        .font-size(55px);
    }
    .intro header {
        width: 535px;
    }
    .cta h2 {
        width: 550px;
    }
}
html.ios[lang^='de'],
html.ios[lang^='pl'],
html.ios[lang^='es-ES']{
    .intro header {
        width: 465px;
    }
}
html[lang^='en'] {
    .button-flat-dark {
        text-transform: none;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: @breakDesktop) {
    html[lang^='de'],
    html[lang^='pl'],
    html[lang^='es-ES']{
        h1 {
            .font-size(37px);
        }
        .intro header {
            width: 370px;
        }
        .cta h2 {
            width: 460px;
        }
    }
    html.ios[lang^='de'],
    html.ios[lang^='pl'],
    html.ios[lang^='es-ES']{
        .intro header {
            width: 370px;
        }
    }
    html[lang^='pl'] {
         .cta h2 {
            width: 350px;
        }
     }
    .button-flat-dark {
        .font-size(20px);
    }
    .container {
        width: @widthTablet;

        h1 {
            .font-size(44px);
        }
        h2 {
            .font-size(38px);
            margin-bottom: 25px;
        }
        h3 {
            .font-size(19px);
        }
    }
    .intro {
        header {
            width: 370px;
        }
        .critter-animation {
           margin: 35px -20px 0 0;
        }

        .download-buttons p {
            .font-size(16px);
        }
    }
    .tracking-protection {
        .blurb {
            width: 320px;
        }
        .with-tracking {
            background-position: -468px 0;
        }
        .private-browsing {
            background-position: 57px 0;
            padding-right: 70px;
        }
        .private-browsing:after {
            right: -18px;
        }
    }
    .when-to-use {
        h3 {
            min-height: 85px;
        }
        li {
            width: 250px;
            p {
                background-position: -530px top;
                .font-size(16px);
                padding-top: 160px;
            }
        }
        li:first-child p {
           background-position: 45px top;
        }
        li:first-child + li p {
           background-position: -215px top;
        }
    }
    .control-center p {
        .font-size(16px);
    }
    .cta {
        .container {
            padding-top: 75px;
            padding-bottom: 75px;
        }
        h2 {
            margin-bottom: 0;
        }
    }
}

@media only screen and (max-width: @breakTablet) {
    html[lang^='de'],
    html[lang^='pl'],
    html[lang^='es-ES']{
        h1 {
            .font-size(30px);
        }
        .intro header {
            width: 100%;
        }
        .cta h2 {
            width: 100%;
        }
    }
    html.ios[lang^='de'],
    html.ios[lang^='pl'],
    html.ios[lang^='es-ES']{
        .intro header {
            width: 100%;
        }
    }
    html[lang^='pl']{
        .button-flat-dark {
            .font-size(16px);
        }
    }
    .button-flat-dark {
        .font-size(18px);
    }
    .container {
        width: @widthMobile;
        padding-top: 60px;
        padding-bottom: 60px;

        h1 {
            .font-size(32px);
        }
        h2 {
            .font-size(30px);
        }
        h3 {
            .font-size(20px);
        }
        p {
            .font-size(16px);
        }
    }
    .tracking-protection,
    .when-to-use,
    .control-center {
        h2 {
            padding: 0 10px;
        }
        p {
           padding: 0 10px;
        }
    }
    .intro {
        header {
            clear: both;
            float: none;
            width: 100%;
        }
        .critter-animation {
            float: none;
            margin: 30px 0 0 0;
            clear: both;
        }
        h1, .download-buttons {
            text-align: center;
            width: 100%;
        }

    }
    .tracking-protection {
        h3 {
            .font-size(20px);
        }
        .blurb {
            display: block;
            width: 100%;
            padding-top: 200px;
        }
        .with-tracking {
            margin: 150px auto 0;
            background-position: -482px 0;
        }
        .private-browsing {
            padding-right: 0;
        }
        .private-browsing:after {
            bottom: -92px;
            right: 102px;
            top: 100%;
        }
    }
    .when-to-use {
        h3 {
            padding: 0 30px;
            margin-bottom: 20px;
            min-height: auto;
        }
        li {
            float: none;
            width: 100%;
            margin-bottom: 45px;

            p {
                background-position: -495px top;
                padding: 165px 35px 0;
            }
        }
        li:first-child p {
           background-position: 85px top;
        }
        li:first-child + li p {
           background-position: -185px top;
        }
    }
    .control-center {
        background-position: center 60px;
        .container {
            padding: 60px 10px;
        }
    }
    .cta {
        h2 {
            .font-size(30px);
            float: none;
            margin-bottom: @baseLine;
            text-align: center;
        }

        .download-buttons {
            text-align: center;
            .button-flat-dark,
            .android-download-button a,
            .desktop-download-button,
            .ios-download-button a {
                float: none;
            }
        }
    }
}

@media only screen and (min-width: @breakMobile) and (max-width: @breakMobileLandscape) {
    .intro {
         #tracking-protection-animation .shield-container {
            margin: 0 auto;
        }
    }
    .button-flat-dark {
        .font-size(@largeFontSize);
    }
    .container {
        width: @widthMobile;
    }
}


[bug-1222637] Fixed horizontal scrolling on private-browsing.less

[bug-1222637] Fixed horizontal scrolling on private-browsing.less

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


Auto stash before merge of "master" and "origin/master"

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


Create close.less

Create close.less

//
// Close icons
// --------------------------------------------------

.close {
  float: right;
  font-size: (@font-size-base * 1.5);
  font-weight: @close-font-weight;
  line-height: 1;
  color: @close-color;
  text-shadow: @close-text-shadow;
  .opacity(.2);

  &:hover,
  &:focus {
    color: @close-color;
    text-decoration: none;
    cursor: pointer;
    .opacity(.5);
  }

  // Additional properties for button version
  // iOS requires the button element instead of an anchor tag.
  // If you want the anchor version, it requires `href="#"`.
  button& {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
}

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


INBOX-158 Make the attachment icon smaller

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


Update alert css to fix bug #95

Update alert css to fix bug #95

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


fixed users view

fixed users view

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/cablelabs/dev-portal.git/'


Minor user-state style fixes.

Minor user-state style fixes.

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

:host(.saved) .menu a.saved {
  display: block;
}

:host {
  .menu a.saved {
    display: none;
  }
  & > div, & > a {
    display: inline-block;
  }

  display: inline-block;
  height: 42px;
  line-height: 40px;
  margin-top: 10px;

  .hidden {
    display: none!important;
  }

  color: white;
  position: relative;
  text-align: left;
  z-index: 99999;
  position: relative;

  .back-to-webmaker {
    a {
      display: inline-block;
      color: #555;
      text-decoration: none;

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

    .webmaker-icon {
      background: url("/images/webmaker-main_01.png") no-repeat;
      background-position: 10px 0;
      background-size: 30px 30px;
      background-repeat: no-repeat;
      height: 30px;
      width: 40px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2px;
    }
  }

  #signin {
    background: #358CCE;
    margin-left: 8px;

    &:hover {
      background: #439add;
    }

    &:active {
      background: #2674af;
    }
  }

  #collaborate {
    background: #750CCE;
    margin-left: 8px;
  }

  .button {

    text-align: left;
    padding: 4px 12px;
    vertical-align: middle;

    &:not(.menu-wrapper) {
      font-size: 15px;
      line-height: 34px;
      border-radius: 2px;
    }
  }

  .menu-button {
    display: block;
    padding: 5px 8px;
    height: 30px;
    cursor: pointer;
  }

  .icon-reorder {
    font-size: 16px;
  }

  .button .user-menu-button {
    min-width: 50px;
    background-color: white;
    color: #373737;
    font-size: 13px;
    line-height: 30px;
    padding-left: 50px;
    padding-right: 28px;
    cursor: pointer;

    &:hover {
      text-decoration: none;
    }
  }

  #signout {
    .red-button;
    margin: 0 0 3px 3px;
    padding: 4px 12px;
  }

  #newApp {
    .green-button;
  }

  #addComponent {
    .green-button;
    margin: 0 0 3px 3px;
  }

  .componentlink {
    display: block;
    color: black;
    size: large;
  }

  .user-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
  }

  .menu-open {
    .user-menu-button:after {
      border-width: 0px 5px 5px 5px;
      border-color:  transparent transparent #333 transparent;
    }
  }

  .menubutton {
    display: inline-block;
  }

  .menu {
    max-width: 300px;
    z-index: 12000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    left: -1px;
    top: 40px;
    background: white;
    text-align: left;
    border: solid 1px #CCC;
    display: none;
    line-height: 20px;

    .button {
      color: white;
    }

  }

  .user-menu {
    .menu {
      padding: 10px 10px 10px 10px;
      min-width: 250px;
    }
  }

  .app-menu {
    .menu-button {
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding: 0;
      text-align: center;
    }

    .menu {
      min-width:120px;
    }
  }

  .menu-open  {
    .menu {
      display: block;
    }
  }

  .menu h3 {
    padding: 0 0 4px 0 ;
    margin: 2px 0px 8px 0px;
    color: #444;
    font-size: 15px;
  }

  .menu-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 8px;
    background-color: white;
    color: #555;
    border: solid 1px #CCC;

    &.button {
      padding: 0;
    }

    &:hover {
      text-decoration: none;
    }
  }

  #myapps,#mycomponents {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
    width: 100%;
    max-height: 15em;
    overflow: scroll;
    overflow-x: hidden;

  }

  #mycomponents {
    max-height: 10em;
  }

  #myappsheading,#mycomponentsheading {
    text-align: left;
  }

  #myapps li, #mycomponents li {
    margin-top: 0;
    padding: 0;
    text-align: left;
    list-style-type: none;
    margin: 0;
    font-size: small;
    padding: 0;
    overflow: auto;
  }

  a.button {
    cursor: pointer;
  }

  a.applink {
    background-position: left;
    background-size: 22px;
    background-repeat: no-repeat;
  }

  a.componentlink {
    background-image: url(/images/component.png);
    background-position: left;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-left: 24px !important;
  }

  .x {
    background-image: url(/images/delete.png);
    background-position: 3px;
    background-size: 15px;
    background-repeat: no-repeat;
    padding-left: 16px !important;
    margin-left: 10px;
  }

  .menu-options a {
    white-space: nowrap;
    text-align: left;
    border: 0;
    background-color: transparent;
    color: #777;
    padding: 0;
    margin: 0;
    padding: 10px;
    display: block;
    font-size: 15px;
    border-bottom: solid 1px #DDD;
    cursor: pointer;

    &:hover {
      color: #333;
      background-color: #EFEFEF;
    }

    &.currentApp {
      color: #333;
      background-color: #EFEFEF;
      border-bottom: solid 1px white;
      border-top: solid 1px #CCC
    }

    &.x {
      display:inline;
      margin-left: 1em;
      text-align: center;
    }

    &.x:hover {
      background-color: white;
      font-weight: bold;
    }

    & [class^="icon-"], & [class*=" icon-"], .icon {
      display: inline-block;
      width: 20px;
    }

  }

  .broken {
    font-style: italic;
  }
  .broken a.componentlink:after {
    padding-left: 1em;
    content: "broken";
    color: darkred;
  }

  #noApps,#noComponents {
    font-size: 15px;
    color: #777;
  }

  .app-actions a {
    display: block;
    font-size: 15px;
    color: #555;
    cursor: pointer;
  }

  #signInProgress {
    display: none;
    height: 25px;
    width: 25px;
    background-size: 25px;
    background-image: url(/images/throbber-spinner.png);
    -webkit-animation: linear 1s spin infinite;
    -moz-animation: linear 1s spin infinite;
    float: right;
    margin: 0 20px;
    &.show {
      display: block;
    }
  }

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

  @-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg)}
    100% { -moz-transform: rotate(360deg)}
  }
}

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

:host(.saved) .menu a.saved {
  display: block;
}

:host {
  .menu a.saved {
    display: none;
  }
  & > div, & > a {
    display: inline-block;
  }

  display: inline-block;
  height: 42px;
  line-height: 40px;
  margin-top: 10px;

  .hidden {
    display: none!important;
  }

  color: white;
  position: relative;
  text-align: left;
  z-index: 99999;
  position: relative;

  .back-to-webmaker {
    a {
      display: inline-block;
      color: #555;
      text-decoration: none;

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

    .webmaker-icon {
      background: url("/images/webmaker-main_01.png") no-repeat;
      background-position: 10px 0;
      background-size: 30px 30px;
      background-repeat: no-repeat;
      height: 30px;
      width: 40px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2px;
    }
  }

  #signin {
    background: #358CCE;
    margin-left: 8px;

    &:hover {
      background: #439add;
    }

    &:active {
      background: #2674af;
    }
  }

  #collaborate {
    background: #750CCE;
    margin-left: 8px;
  }

  .button {
    cursor: pointer;
    text-align: left;
    padding: 4px 12px;
    vertical-align: middle;

    &:not(.menu-wrapper) {
      font-size: 15px;
      line-height: 33px;
      padding: 0 10px;
      border-radius: 2px;
    }
  }

  .menu-button {
    display: block;
    padding: 5px 8px;
    height: 30px;
  }

  .icon-reorder {
    font-size: 16px;
  }

  .button .user-menu-button {
    min-width: 50px;
    background-color: white;
    color: #373737;
    font-size: 13px;
    line-height: 30px;
    padding-left: 50px;
    padding-right: 28px;

    &:hover {
      text-decoration: none;
    }
  }

  #signout {
    .red-button;
    margin: 0 0 3px 3px;
    padding: 4px 12px;
  }

  #newApp {
    .green-button;
  }

  #addComponent {
    .green-button;
    margin: 0 0 3px 3px;
  }

  .componentlink {
    display: block;
    color: black;
    size: large;
  }

  .user-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
  }

  .menu-open {
    .user-menu-button:after {
      border-width: 0px 5px 5px 5px;
      border-color:  transparent transparent #333 transparent;
    }
  }

  .menubutton {
    display: inline-block;
  }

  .menu {
    max-width: 300px;
    z-index: 12000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    left: -1px;
    top: 40px;
    background: white;
    text-align: left;
    border: solid 1px #CCC;
    display: none;
    line-height: 20px;

    .button {
      color: white;
    }

  }

  .user-menu {
    .menu {
      padding: 10px 10px 20px 10px;
      min-width: 250px;
    }
  }

  .app-menu {
    .menu-button {
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding: 0;
      text-align: center;
    }

    .menu {
      min-width:120px;
    }
  }

  .menu-open  {
    .menu {
      display: block;
    }
  }

  .menu h3 {
    padding: 0 0 4px 0 ;
    margin: 2px 2px 8px 2px;
    color: #444;
    font-size: 15px;
  }

  .menu-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 8px;
    background-color: white;
    color: #555;
    border: solid 1px #CCC;

    &.button {
      padding: 0;
    }

    &:hover {
      text-decoration: none;
    }
  }

  #myapps,#mycomponents {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
    width: 100%;
    max-height: 15em;
    overflow: scroll;
    overflow-x: hidden;

  }

  #mycomponents {
    max-height: 10em;
  }

  #myappsheading,#mycomponentsheading {
    text-align: left;
  }

  #myapps li, #mycomponents li {
    margin-top: 0;
    padding: 0;
    text-align: left;
    list-style-type: none;
    margin: 0;
    font-size: small;
    padding: 0;
    overflow: auto;
  }

  a.applink {
    background-position: left;
    background-size: 22px;
    background-repeat: no-repeat;
  }

  a.componentlink {
    background-image: url(/images/component.png);
    background-position: left;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-left: 24px !important;
  }

  .x {
    background-image: url(/images/delete.png);
    background-position: 3px;
    background-size: 15px;
    background-repeat: no-repeat;
    padding-left: 16px !important;
    margin-left: 10px;
  }

  .menu-options a {
    white-space: nowrap;
    text-align: left;
    border: 0;
    background-color: transparent;
    color: #777;
    padding: 0;
    margin: 0;
    padding: 10px;
    display: block;
    font-size: 15px;
    border-bottom: solid 1px #DDD;
    cursor: pointer;

    &:hover {
      color: #333;
      background-color: #EFEFEF;
    }

    &.currentApp {
      color: #333;
      background-color: #EFEFEF;
      border-bottom: solid 1px white;
      border-top: solid 1px #CCC
    }

    &.x {
      display:inline;
      margin-left: 1em;
      text-align: center;
    }

    &.x:hover {
      background-color: white;
      font-weight: bold;
    }

    & [class^="icon-"], & [class*=" icon-"], .icon {
      display: inline-block;
      width: 20px;
    }

  }

  .broken {
    font-style: italic;
  }
  .broken a.componentlink:after {
    padding-left: 1em;
    content: "broken";
    color: darkred;
  }

  #noApps,#noComponents {
    font-size: 15px;
    color: #777;
  }

  .app-actions a {
    display: block;
    font-size: 15px;
    color: #555;
    cursor: pointer;
  }

  #signInProgress {
    display: none;
    height: 25px;
    width: 25px;
    background-size: 25px;
    background-image: url(/images/throbber-spinner.png);
    -webkit-animation: linear 1s spin infinite;
    -moz-animation: linear 1s spin infinite;
    float: right;
    margin: 0 20px;
    &.show {
      display: block;
    }
  }

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

  @-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg)}
    100% { -moz-transform: rotate(360deg)}
  }
}


Update inline-actions.less

Update inline-actions.less

If you don't add this line, box-shadow will also affect no-actions fields.

.inline-actions-element {
  position: relative;
  top: -4px;
  line-height: 19px;
  display: inline-block;
  margin-bottom: -3px;
  .inline-actions-element_actions {
    visibility: hidden;
  }
  &:hover {
    background: @inlineActionBackground;
    .inline-actions-element-outline(@inlineActionBackground);
    .inline-actions-element_actions {
      visibility: visible;
    }
  }
  &.inline-actions-element_no-actions:hover {
    background: transparent;
    outline: none;
    box-shadow: none;
  }
  .inline-actions-element_wrapper {
    word-break: break-all;
    padding: 5px 0 3px;
    line-height: 23px;
    margin-right: 2px;
  }
}
.inline-actions-element_actions {
  display: inline-block;
  vertical-align: top;
  margin:0 2px;
  .btn {
    font: 0/0 a;
    width: 19px;
    height: 23px;
    padding: 0;
    &, &:focus, &:active, &:hover {
      color: transparent;
      text-shadow: none;
      border-color: transparent;
      background: transparent none;
      box-shadow: none;
    }
    [class^="icon-"], [class*=" icon-"] {
      width: 14px;
      height: 20px;
      margin:0 1px;
      &:before {
        font: @baseFontSize/26px 'FontAwesome';
        color: @inlineActionColor;
        font-size: 15px;
        line-height: 22px;
        height: 22px;
      }
      &.hide-text {
        .hide-text();
      }
    }
  }
}

.inline-actions-element {
  position: relative;
  top: -4px;
  line-height: 19px;
  display: inline-block;
  margin-bottom: -3px;
  .inline-actions-element_actions {
    visibility: hidden;
  }
  &:hover {
    background: @inlineActionBackground;
    .inline-actions-element-outline(@inlineActionBackground);
    .inline-actions-element_actions {
      visibility: visible;
    }
  }
  &.inline-actions-element_no-actions:hover {
    background: transparent;
    outline: none;
  }
  .inline-actions-element_wrapper {
    word-break: break-all;
    padding: 5px 0 3px;
    line-height: 23px;
    margin-right: 2px;
  }
}
.inline-actions-element_actions {
  display: inline-block;
  vertical-align: top;
  margin:0 2px;
  .btn {
    font: 0/0 a;
    width: 19px;
    height: 23px;
    padding: 0;
    &, &:focus, &:active, &:hover {
      color: transparent;
      text-shadow: none;
      border-color: transparent;
      background: transparent none;
      box-shadow: none;
    }
    [class^="icon-"], [class*=" icon-"] {
      width: 14px;
      height: 20px;
      margin:0 1px;
      &:before {
        font: @baseFontSize/26px 'FontAwesome';
        color: @inlineActionColor;
        font-size: 15px;
        line-height: 22px;
        height: 22px;
      }
      &.hide-text {
        .hide-text();
      }
    }
  }
}


deleted imports

deleted imports

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


stub mixins

stub mixins

error: pathspec 'templates/assets/linker/styles/globals/mixins.less' did not match any file(s) known to git


Adjust column sizes

Adjust column sizes

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


BAP-4027 menu positioning

BAP-4027 menu positioning

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


Theme basics Basic config for seed unit models & power types

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


BAP-8728: Can't manage filters and select filter with predefined values - z-index css property for select filter has been removed. Correct value for z-index is inherited from parent css rule.

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