Fix Icon Positions

Fix Icon Positions

@import "icon-variables";
@import "icon-font";
@import "ui-mixins";

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

// PROJECT / REPO ICON
.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 SELECTOR FOR 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: @icon-default;
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -3px;
    margin-right: 2px;
    color: @color-default;
  }

}

// DEFAULT TAB ICON
.tab-bar .tab .title {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    position: relative;
    top: 4px;
    left: -4px;
    /* margin-right: -3px; */
    color: @color-default;
  }
}

.tab-bar .tab.active .title {
  top: -2px;
}

// HIDDEN / IGNORED STYLES

.status-ignored {

  .header.list-item:before {
    color: @text-color-ignored;
  }

  .name.icon {
    color: @text-color-ignored;

    &:before {
      color: @text-color-ignored;
    }

  }

}

/* .icon-tab(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, -3px, -5px, -4px

.icon-tree(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, 0px, -5px, -4px */

.tab-bar .tab .title.icon-tools {
  position: relative;
  display: inline-block;
  top: 2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-settings;
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -2px;
    margin-right: 5px;
    color: @color-settings;
  }
}

// CSS
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -4px);
.icon-tab('.css', css, 20px, 6px, -1px, -5px, -4px);

// CSON
.icon-tab('.cson', 'json', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.cson', 'json', 20px, 6px, -3px, -5px, -4px);

// Handlebars
.icon-tab('.hbs', 'handlebars', 22px, 6px, 0px, -5px );
.icon-tree('.hbs', 'handlebars', 20px, 5px, 2px, -5px, -4px);

// Hidden files
.icon-tab('.gitignore', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitignore', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.gitmodules', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitmodules', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.config', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.config', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.DS_Store', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.DS_Store', 'hidden', 20px, 6px, 1px, -5px, -4px);

// HTML
.icon-tab('.html', html, 22px, 6px);
.icon-tree('.html', html, 22px, 5px, 2px);

// Jade
.icon-tab('.jade', 'jade', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.jade', 'jade', 20px, 5px, 2px, -5px, -4px);

// JavaScript
.icon-tab('.js', 'js', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.js', 'js', 20px, 6px, 2px, -6px, -4px);

// Coffescript
.icon-tab('.coffee', 'coffee', 16px, 5px, 4px, 2px, -1px);
.icon-tree('.coffee', 'coffee', 15px, 4px, 2px, -1px, -1px);

// JSON
.icon-tab('.json', 'json', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.json', 'json', 20px, 5px, 2px, -5px, -4px);

// LESS
.icon-tree('.less', less, 20px, 6px, 2px, -5px, -4px);
.icon-tab('.less', less, 20px, 6px, -3px, -5px, -4px);

// LICENSE
.icon-tab('LICENSE', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('LICENSE', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('License', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('License', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('license', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('license', 'license', 16px, 3px, 2px, -3px, -4px);

// Markdown
.icon-tab('.md', 'md', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.md', 'md', 20px, 5px, 2px, -5px, -4px);

// Mustache
.icon-tab('.mustache', 'mustache', 22px, 6px, 0px, -5px );
.icon-tree('.mustache', 'mustache', 20px, 5px, 2px, -5px, -4px);

// NPM
.icon-tab('npm-debug.log', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('npm-debug.log', 'npm', 20px, 6px, 2px, -5px, -4px);
.icon-tab('.npmignore', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('.npmignore', 'npm', 20px, 6px, 2px, -5px, -4px);

// PHP
.icon-tab('.php', 'php', 24px, 6px, -3px, -5px, -4px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -4px);

// Procfile
.icon-tab('procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('Procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('Procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('PROCFILE', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('PROCFILE', 'procfile', 14px, 2px, 3px, -1px, -4px);

// Python
.icon-tab('.py', 'py', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.py', 'py', 20px, 5px, 3px, -4px, -4px);

// Ruby
.icon-tab('.rb', 'rb', 15px, 3px, -1px, -5px, -2px);
.icon-tree('.rb', 'rb', 15px, 3px, 4px, -1px, -4px);

// Sass
.icon-tab('.sass', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.sass', 'sass', 20px, 5px, 4px, -3px, -4px);
.icon-tab('.scss', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.scss', 'sass', 20px, 5px, 4px, -3px, -4px);

// Settings
.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// Stylus
.icon-tab('.styl', 'styl', 20px, 5px, -2px, -5px, -4px);
.icon-tree('.styl', 'styl', 20px, 4px, 3px, -4px, -4px);

// XML
.icon-tab('.xml', 'xml', 15px, 2px, 3px, 0px, -1px);
.icon-tree('.xml', 'xml', 15px, 2px, 2px, -2px, -4px);

// IMAGES
.icon-tab('.ai', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.ai', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.bpm', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.bpm', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.gif', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.gif', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpeg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpeg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.png', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.png', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.psd', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.psd', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// THESE NEED TO COME LAST SO THE DON'T GET OVERRIDEN!

// Bower
.icon-tab('bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tab('Bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('Bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tab('BOWER.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('BOWER.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tab('.bowerrc', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('.bowerrc', 'bower', 20px, 5px, 2px, -4px, -4px);

// Grunt
.icon-tab('gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);

// Gulp
.icon-tab('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.js', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.js', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.coffee', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.coffee', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);

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

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

  // OPEN/CLOSE SELECTOR
  &: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 > .header.list-item {

  // OPEN/CLOSE SELECTOR
  &: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-variables";
@import "icon-font";
@import "ui-mixins";

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

// PROJECT / REPO ICON
.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 SELECTOR FOR 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: @icon-default;
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -3px;
    margin-right: 2px;
    color: @color-default;
  }

}

// DEFAULT TAB ICON
.tab-bar .tab .title {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    position: relative;
    top: 4px;
    left: -4px;
    /* margin-right: -3px; */
    color: @color-default;
  }
}

.tab-bar .tab.active .title {
  top: -2px;
}

// HIDDEN / IGNORED STYLES

.status-ignored {

  .header.list-item:before {
    color: @text-color-ignored;
  }

  .name.icon {
    color: @text-color-ignored;

    &:before {
      color: @text-color-ignored;
    }

  }

}

/* .icon-tab(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, -3px, -5px, -4px

.icon-tree(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, 0px, -5px, -4px */

.tab-bar .tab .title.icon-tools {
  position: relative;
  display: inline-block;
  top: 2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-settings;
    font-size: 22px;
    position: relative;
    top: 6px;
    left: -2px;
    margin-right: 5px;
    color: @color-settings;
  }
}

// CSS
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -4px);
.icon-tab('.css', css, 20px, 6px, -1px, -5px, -4px);

// CSON
.icon-tab('.cson', 'json', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.cson', 'json', 20px, 6px, -3px, -5px, -4px);

// Coffescript
.icon-tab('.coffee', 'coffee', 16px, 5px, 4px, 2px, -1px);
.icon-tree('.coffee', 'coffee', 15px, 4px, 2px, -1px);

// Handlebars
.icon-tab('.hbs', 'handlebars', 22px, 6px, 0px, -5px );
.icon-tree('.hbs', 'handlebars', 20px, 5px, 2px, -5px, -4px);

// Hidden files
.icon-tab('.gitignore', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitignore', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.gitmodules', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitmodules', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.config', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.config', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.DS_Store', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.DS_Store', 'hidden', 20px, 6px, 1px, -5px, -4px);

// HTML
.icon-tab('.html', html, 22px, 6px);
.icon-tree('.html', html, 22px, 5px, 2px);

// Jade
.icon-tab('.jade', 'jade', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.jade', 'jade', 20px, 5px, 2px, -5px, -4px);

// JavaScript
.icon-tab('.js', 'js', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.js', 'js', 20px, 6px, 2px, -6px, -4px);

// JSON
.icon-tab('.json', 'json', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.json', 'json', 20px, 5px, 2px, -5px, -4px);

// LESS
.icon-tree('.less', less, 20px, 6px, 2px, -5px, -4px);
.icon-tab('.less', less, 20px, 6px, -3px, -5px, -4px);

// LICENSE
.icon-tab('LICENSE', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('LICENSE', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('License', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('License', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('license', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('license', 'license', 16px, 3px, 2px, -3px, -4px);

// Markdown
.icon-tab('.md', 'md', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.md', 'md', 20px, 5px, 2px, -5px, -4px);

// Mustache
.icon-tab('.mustache', 'mustache', 22px, 6px, 0px, -5px );
.icon-tree('.mustache', 'mustache', 20px, 5px, 2px, -5px, -4px);

// NPM
.icon-tab('npm-debug.log', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('npm-debug.log', 'npm', 20px, 6px, 2px, -5px, -4px);
.icon-tab('.npmignore', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('.npmignore', 'npm', 20px, 6px, 2px, -5px, -4px);

// PHP
.icon-tab('.php', 'php', 24px, 6px, -3px, -5px, -4px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -4px);

// Procfile
.icon-tab('procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('Procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('Procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('PROCFILE', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('PROCFILE', 'procfile', 14px, 2px, 3px, -1px, -4px);

// Python
.icon-tab('.py', 'py', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.py', 'py', 20px, 5px, 3px, -4px, -4px);

// Ruby
.icon-tab('.rb', 'rb', 15px, 3px, -1px, -5px, -2px);
.icon-tree('.rb', 'rb', 15px, 3px, 4px, -1px, -4px);

// Sass
.icon-tab('.sass', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.sass', 'sass', 20px, 5px, 4px, -3px, -4px);
.icon-tab('.scss', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.scss', 'sass', 20px, 5px, 4px, -3px, -4px);

// Settings
.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// Stylus
.icon-tab('.styl', 'styl', 20px, 5px, -2px, -5px, -4px);
.icon-tree('.styl', 'styl', 20px, 4px, 3px, -4px, -4px);

// XML
.icon-tab('.xml', 'xml', 15px, 2px, 3px, 0px, -1px);
.icon-tree('.xml', 'xml', 15px, 2px, 2px, -2px, -4px);

// IMAGES
.icon-tab('.ai', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.ai', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.bpm', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.bpm', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.gif', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.gif', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpeg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpeg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.png', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.png', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.psd', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.psd', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// THESE NEED TO COME LAST SO THE DON'T GET OVERRIDEN!

// Bower
.icon-tab('bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('Bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('Bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('BOWER.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('BOWER.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('.bowerrc', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('.bowerrc', 'bower', 20px, 5px, 2px, -4px);

// Grunt
.icon-tab('gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);

// Gulp
.icon-tab('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.js', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.js', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.coffee', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.coffee', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);

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

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

  // OPEN/CLOSE SELECTOR
  &: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 > .header.list-item {

  // OPEN/CLOSE SELECTOR
  &: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;
      }
    }
  }


Update styling

Update styling

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


Update StoryFull title

Update StoryFull title

@import "../../styles/custom.less";

.StoryFull {
  margin: 12px 0;

  &__title {
    color: #353535;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3em;
  }

  &__comments_title {
    color: @purple;
    font-weight: 500;
    margin-top: 8px;
  }

  &__topics {
    margin: 16px 0;

    & > .Topic {
      margin: 2px 4px 2px 0;
    }
  }

  &__header {
    position: relative;
    display: flex;
    padding: 16px 0;

    &__text {
      margin-left: 16px;

      & > a {
        display: block;
        font-size: 20px;
        font-weight: bold;
      }

      &__date {
        color: #99aab5;
        font-size: 14px;
      }
    }

    &__more {
      position: absolute;
      right: 8px;
      top: 36px;
      line-height: 12px !important;
      font-size: 36px !important;
      color: @purple;

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

  &__content {
    &__title {
      font-size: 20px;
      margin: 8px 0;
    }

    & h1, h2, h3, h4, h5, h6 {
      margin: 8px 0;
    }

    & p:not(:empty) {
      letter-spacing: 0.7px;
      text-align: justify;
      margin: 32px 0;
      line-height: 30px;
      font-size: 18px;
    }

    & img {
      margin: 0 auto;
      max-width: 100%;
      display: block;
    }
  }
}

@import "../../styles/custom.less";

.StoryFull {
  margin: 12px 0;

  &__title {
    color: #353535;
    font-size: 26px;
    font-weight: 500;
  }

  &__comments_title {
    color: @purple;
    font-weight: 500;
    margin-top: 8px;
  }

  &__topics {
    margin: 16px 0;

    & > .Topic {
      margin: 2px 4px 2px 0;
    }
  }

  &__header {
    position: relative;
    display: flex;
    padding: 16px 0;

    &__text {
      margin-left: 16px;

      & > a {
        display: block;
        font-size: 20px;
        font-weight: bold;
      }

      &__date {
        color: #99aab5;
        font-size: 14px;
      }
    }

    &__more {
      position: absolute;
      right: 8px;
      top: 36px;
      line-height: 12px !important;
      font-size: 36px !important;
      color: @purple;

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

  &__content {
    &__title {
      font-size: 20px;
      margin: 8px 0;
    }

    & h1, h2, h3, h4, h5, h6 {
      margin: 8px 0;
    }

    & p:not(:empty) {
      letter-spacing: 0.7px;
      text-align: justify;
      margin: 32px 0;
      line-height: 30px;
      font-size: 18px;
    }

    & img {
      margin: 0 auto;
      max-width: 100%;
      display: block;
    }
  }
}


Post page fonts / blockquote

Post page fonts / blockquote

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


adding initial .less file

adding initial .less file

/*
 * CSS TOGGLE SWITCHES
 * Unlicense
 *
 * Ionuț Colceriu - ghinda.net
 * https://github.com/ghinda/css-toggle-switch
 *
 */
/* Toggle Switches
 */
/* Shared
 */
/* Checkbox
 */
/* Radio Switch
 */
/* Hide by default
 */

  /* Variables
 */
@white: #fff;
@dark-gray: #333333;
@candy-gray: #2d3035;
@candy-green: #70c66b;
@candy-blue: #38a3d4;
@candy-yellow: #f5e560;
@android-gray: #666666;
@android-black: #464747;
@android-blue: #0E88B1;
@ios-white: #fafafa;
@ios-green: #53d76a;
@ios-gray: #868686;
@ios-dark-gray: #3a3a3a;

/* Mixins
*/
.layout (@position; @top; @right; @left; @display; @width; @zindex) {
  position: @position;
  top: @top;
  right: @right;
  left: @left;
  display: @display;
  width: @width;
  z-index: @zindex;
}

.container (@bg-color; @border; @border-radius; @shadow1; @shadow2; @shadow3) {
  background-color: @bg-color;
  border: @border;
  border-radius: @border-radius;
  .box-shadow (@shadow1; @shadow2; @shadow3);
}

.box-shadow (@shadow1: 0 0 0 rgba(0, 0, 0, 0); @shadow2: 0 0 0 rgba(0, 0, 0, 0); @shadow3: 0 0 0 rgba(0, 0, 0, 0)) {
  -webkit-box-shadow: @shadow1, @shadow2, @shadow3;
  -moz-box-shadow: @shadow1, @shadow2, @shadow3;
  box-shadow: @shadow1, @shadow2, @shadow3;
}

.bg-image (@start-color; @end-color) {
  background-image: -webkit-linear-gradient(top, @start-color, @end-color);
  background-image: linear-gradient(to bottom, @start-color, @end-color);
}

.slide-button-transition (@duration: .3s) {
  -webkit-transition: all @duration ease-out;
  -moz-transition: all @duration ease-out;
  transition: all @duration ease-out;
}

.switch-toggle a, .switch-light span span {
  display: none; }

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox switch
   */
  /* Radio switch
   */
  /* Standalone Themes */
  /* Candy Theme
   * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
   * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
   */
  /* Android Theme
   */
  /* iOS Theme
   */
  .switch-light {
    display: block;
    height: 30px;
    /* Outline the toggles when the inputs are focused
   */
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 100px;
    /* Position the label over all the elements, except the slide-button (<a>)
   * Clicking anywhere on the label will change the switch-state
   */
    /* Don't hide the input from screen-readers and keyboard access
   */ }
    .switch-light * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      .slide-button-transition; }
    .switch-light label, .switch-light > span {
      line-height: 30px;
      vertical-align: middle; }
    .switch-light input:focus ~ a, .switch-light input:focus + label {
      outline: 1px dotted #888888; }
    .switch-light label {
      .layout (relative; static; static; static; block; 100%; 3); }
    .switch-light input {
      .layout (absolute; static; static; static; inherit; auto; 5);
      opacity: 0; }
      .switch-light input:checked ~ a {
        right: 0%; }
    .switch-light > span {
      .layout (absolute; static; static; -100px; inherit; 100%; auto);
      margin: 0;
      padding-right: 100px;
      text-align: left; }
      .switch-light > span span {
        .layout (absolute; 0; static; 0; block; 50%; 5);
        margin-left: 100px;
        text-align: center; }
        .switch-light > span span:last-child {
          left: 50%; }
    .switch-light a {
      .layout (absolute; 0; 50%; static; block; 50%; 4);
      height: 100%;
      padding: 0; }
  .switch-toggle {
    display: block;
    height: 30px;
    /* Outline the toggles when the inputs are focused
   */
    position: relative;
    /* For callout panels in foundation
   */
    padding: 0 !important;
    /* Generate styles for the multiple states */ }
    .switch-toggle * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      .slide-button-transition; }
    .switch-toggle label, .switch-toggle > span {
      line-height: 30px;
      vertical-align: middle; }
    .switch-toggle input:focus ~ a, .switch-toggle input:focus + label {
      outline: 1px dotted #888888; }
    .switch-toggle input {
      position: absolute;
      opacity: 0; }
    .switch-toggle input + label {
      .layout (relative; static; static; static; inherit; 50%; 2);
      float: left;
      height: 100%;
      margin: 0;
      text-align: center; }
    .switch-toggle a {
      .layout (absolute; 0; static; 0; inherit; 50%; 1);
      padding: 0;
      height: 100%; }
    .switch-toggle input:last-of-type:checked ~ a {
      left: 50%; }
    .switch-toggle.switch-3 label, .switch-toggle.switch-3 a {
      width: 33.33333%; }
    .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
      left: 33.33333%; }
    .switch-toggle.switch-3 input:checked:last-of-type ~ a {
      left: 66.66667%; }
    .switch-toggle.switch-4 label, .switch-toggle.switch-4 a {
      width: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
      left: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
      left: 50%; }
    .switch-toggle.switch-4 input:checked:last-of-type ~ a {
      left: 75%; }
    .switch-toggle.switch-5 label, .switch-toggle.switch-5 a {
      width: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
      left: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
      left: 40%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
      left: 60%; }
    .switch-toggle.switch-5 input:checked:last-of-type ~ a {
      left: 80%; }

  .switch-candy {
    .container (@candy-gray; none; 3px; inset 0 2px 6px rgba(0, 0, 0, 0.3); 0 1px 0px rgba(255, 255, 255, 0.2); 0);
    color: @white;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;

    label {
      color: @white;
      .slide-button-transition(.2s); }

    input:checked + label {
      color: @dark-gray;
      text-shadow: 0 1px 0 rgba(255,255,255, 0.5); }

    a {
      .container (@candy-green; 1px solid @dark-gray; 3px; 0 1px 1px rgba(0, 0, 0, 0.2); inset 0 1px 1px rgba(255, 255, 255, 0.45); 0);
      .bg-image(rgba(255, 255, 255, 0.2); rgba(0, 0, 0, 0)); }

    > span {
      color: @dark-gray;
      text-shadow: none; }

    span {
      color: @white; }

    &.switch-candy-blue a {
      background-color: @candy-blue; }

    &.switch-candy-yellow a {
      background-color: @candy-yellow; }
  }

  .switch-android {
    .container (@android-black; none; 1px; inset rgba(0, 0, 0, 0.1) 0 1px 0; 0; 0);
    color: @white;
    /* Selected ON switch-light
     */
    label {
      color: @white; }

    > span span {
      opacity: 0;
      .slide-button-transition(0.1s);

      &:first-of-type {
        opacity: 1; }
    }

    a {
      .container (@android-gray; none; 1px; inset rgba(255, 255, 255, 0.2) 0 1px 0; inset rgba(0, 0, 0, 0.3) 0 -1px 0; 0); }

    &.switch-light input:checked {
      & ~ a {
        background-color: @android-blue; }

      & ~ span span {
        &:first-of-type {
          opacity: 0; }

        &:last-of-type {
          opacity: 1; }
      }
    }

    &.switch-toggle, .switch-android > span span {
      font-size: 85%;
      text-transform: uppercase; }
  }

  .switch-ios {
    &.switch-light {
      color: @ios-gray;

      a {
        .container (@white; 1px solid lightgrey; 100%; inset 0 -3px 3px rgba(0, 0, 0, 0.025); 0 1px 4px rgba(0, 0, 0, 0.15); 0 4px 4px rgba(0, 0, 0, 0.1));
        left: 0;
        width: 30px;
        .slide-button-transition; }

      > span span {
        width: 100%;
        left: 0;
        opacity: 0;

        &:first-of-type {
          opacity: 1;
          padding-left: 30px; }

        &:last-of-type {
          padding-right: 30px; }
        }

      > span:before {
        .layout (absolute; 0; static; 100px; block; 100%; inherit);
        .container (@ios-white; 1px solid lightgrey; 30px; inset rgba(0, 0, 0, 0.1) 0 1px 0; 0; 0);
        content: '';
        height: 100%;
        .slide-button-transition(0.5s); }

      input:checked {
        & ~ a {
          left: 100%;
          margin-left: -30px; }

        & ~ span {
          &:before {
            border-color: @ios-green;
            box-shadow: inset 0 0 0 30px @ios-green; }

            span {
              &:first-of-type {
                opacity: 0; }

              &:last-of-type {
                opacity: 1;
                color: @white; }
            }
          }
        }
      }

      &.switch-toggle {
        .container (@ios-white; 1px solid lightgrey; 30px; inset rgba(0, 0, 0, 0.1) 0 1px 0; 0; 0);

        a {
          background-color: @ios-green;
          border-radius: 25px;
          .slide-button-transition; }

        label {
          color: @ios-gray; }
      }

      input:checked + label {
      color: @ios-dark-gray; }
    }
  }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }

  to {
    -webkit-transform: translate3d(0, 0, 0); } }

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


Add 4px top-bottom margin to comment Body

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;
  margin: 4px 0;

  // Heading

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow-y: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;
    table-layout: fixed;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }

  &--full {
    margin: 0;
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}

@import (reference) "../../styles/modules/variables.less";
@import (reference) "../../styles/fonts.less";

.Body {
  font-family: @font-text;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none;

  // Heading

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }

  h1 {
    margin: 2.5rem 0 0.3rem;
    font-size: 160%;
  }

  h2 {
    margin: 2.5rem 0 0.3rem;
    font-size: 140%;
  }

  h3 {
    margin: 2rem 0 0.3rem;
    font-size: 120%;
  }

  h4 {
    margin: 1.5rem 0 0.2rem;
    font-size: 110%;
  }

  h5 {
    margin: 1rem 0 0.2rem;
    font-size: 100%;
  }

  h6 {
    margin: 1rem 0 0.2rem;
    font-size: 90%;
  }

  // Paragraph

  p {
    font-size: 100%;
    line-height: 150%;

    &:not(:last-child) {
      margin: 0 0 0.5rem 0;
    }
  }

  // List

  ol {
    list-style-type: decimal;
  }

  ul {
    list-style-type: disc;
  }

  ol,
  ul {
    margin-left: 20px;

    li {
      list-style-position: outside;
      margin: 8px 0;
    }
  }

  // Quote and code

  blockquote {
    padding-left: 1rem;
    margin: 0.4rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
  }

  :not(pre) > code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
  }

  pre {
    overflow-y: auto;
    padding: 10px 20px;
    margin-bottom: 14px;
    line-height: 1em;
    background-color: #f7f7f9;

    code {
      font-size: 16px;
    }
  }

  // Table

  table {
    width: 100%;
    display: table;
    table-layout: fixed;

    tr > th {
      text-align: left;
      background-color: #f2f2f2;
    }

    tr > th,
    td {
      padding: 4px 12px;
      word-wrap: break-word;
      vertical-align: middle;
    }

    tr:nth-child(even) {
      td {
        background-color: #f2f2f2;
      }
    }
  }

  // Position

  div.pull-left {
    float: left;
    padding-right: 1rem;
    max-width: 50%;
  }

  div.pull-right {
    float: right;
    padding-left: 1rem;
    max-width: 50%;
  }

  div.text-justify {
    text-align: justify;
  }

  div.text-right {
    text-align: right;
  }

  div.text-center {
    text-align: center;
  }

  div.text-rtl {
    direction: rtl;
  }

  // Images

  img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    display: inline-block;
    vertical-align: middle;
  }

  hr {
    clear: both;
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }

  &--full {
    font-size: 18px;

    @media @small {
      font-size: 21px;
    }

    p:not(:last-child) {
      margin: 0 0 1.5rem 0;
    }
  }
}


increase tag size in multi-select editor

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


input plugin cleanup

input plugin cleanup

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


add grids.lese

add grids.lese

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


Fixed the style of license comments in environment.less.

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


Add LESS version of css file

Add LESS version of css file

@robotoFontPath: 'fonts';

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-Thin.eot');
    src: url('@{robotoFontPath}/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-Thin.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-Thin.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-Thin.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-ThinItalic.eot');
    src: url('@{robotoFontPath}/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-ThinItalic.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-ThinItalic.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-ThinItalic.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-Light.eot');
    src: url('@{robotoFontPath}/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-Light.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-Light.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-Light.svg#Roboto') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-LightItalic.eot');
    src: url('@{robotoFontPath}/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-LightItalic.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-LightItalic.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-LightItalic.svg#Roboto') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-Regular.eot');
    src: url('@{robotoFontPath}/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-Regular.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-Regular.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-Regular.svg#Roboto') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-RegularItalic.eot');
    src: url('@{robotoFontPath}/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-RegularItalic.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-RegularItalic.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-RegularItalic.svg#Roboto') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-Medium.eot');
    src: url('@{robotoFontPath}/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-Medium.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-Medium.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-Medium.svg#Roboto') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-MediumItalic.eot');
    src: url('@{robotoFontPath}/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-MediumItalic.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-MediumItalic.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-MediumItalic.svg#Roboto') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-Bold.eot');
    src: url('@{robotoFontPath}/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-Bold.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-Bold.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-Bold.svg#Roboto') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-BoldItalic.eot');
    src: url('@{robotoFontPath}/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-BoldItalic.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-BoldItalic.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-BoldItalic.svg#Roboto') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-Black.eot');
    src: url('@{robotoFontPath}/Roboto-Black.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-Black.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-Black.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-Black.svg#Roboto') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('@{robotoFontPath}/Roboto-BlackItalic.eot');
    src: url('@{robotoFontPath}/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
         url('@{robotoFontPath}/Roboto-BlackItalic.woff') format('woff'),
         url('@{robotoFontPath}/Roboto-BlackItalic.ttf') format('truetype'),
         url('@{robotoFontPath}/Roboto-BlackItalic.svg#Roboto') format('svg');
    font-weight: 900;
    font-style: italic;
}

error: pathspec 'roboto-fontface.less' did not match any file(s) known to git


Create style.less

Create style.less

.function {
    width: 100px;
    height: 100px;
    padding: 0.5em;
    border-radius: 100px;
    background-color: rgb(200, 100, 100);
    text-align:center;
    position:absolute;
    left:20px;
    top:100px;
}

.spacer {
    margin-top:40px;
}

.toolBox {
    width: 150px;
    height: 700px;
    background-color: #4D4D4D;
    text-align:center;
}

.placeholder{
    width: 100px;
    height: 100px;
    padding: 0.5em;
    border-radius: 100px;
    background-color: rgb(200, 100, 100);
    text-align:center;

    left:20px;
}

.arrow{
    background-image: url(http://www.blograzzi.net/wp-content/uploads/2011/04/arrow.jpg>
}

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


Hide toolbar and add-to-cart on category 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/Quinten/supernapietheme.git/'


Update form collection row style

Update form collection row style

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


Update grid.less

Update grid.less

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


Remove unwanted change

Remove unwanted change

// Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

// Style definitions are from
// https://github.com/chriskempson/tomorrow-theme/tree/master/Brackets

/*
 * Brackets Default Theme
 *
 * Defines all the variables that one can configure in a theme. This should
 * contain all variables / mixins for UI styling that we want to be able to
 * change in a theme.
 *
 * Throughout the rest of the LESS files we should _only_ use color
 * variable names that are on the LHS of the list below. So, if we
 * need a new color for some UI element, we should add a variable
 * in this file.
 */

/* Define some variables used in multiple places */
@background: #1d1f21;
@foreground: #ddd;

/* Code Styling */

.CodeMirror, .CodeMirror-scroll {
    background-color: @background;
    color: @foreground;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: #2f2f2f;
}

&.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset 15px 0 0 0 #000;
}

.CodeMirror-focused .CodeMirror-activeline {
    .CodeMirror-gutter-elt {
        background: rgba(0, 0, 0, 0.2);
        color: #fff;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: #767676;
    }
}

.cm-atom, .cm-string, .cm-string-2, .cm-hr {color: #d89333;}
.cm-number, .cm-attribute, .cm-plus {color: #85a300;}
.cm-def, .cm-property {color: #b77fdb;}
.cm-variable, .cm-variable-2, .cm-variable-3, .cm-operator, .cm-meta, .cm-bracket {color: @foreground;}
.cm-comment {color: #767676;}
.cm-error, .cm-minus {color: #dc322f;}
.cm-header {color: #d85896;}
.cm-link {color: #b77fdb; text-decoration: none;}
.cm-rangeinfo {color: #6c71c4;}
.cm-keyword, .cm-qualifier, .cm-builtin, .cm-tag, .cm-quote {color: #6c9ef8;}

/* Extra CSS */

.CodeMirror-searching {
    background-color: #d3cd69;
    &.searching-current-match {
        background-color: #f6a644;
    }
}

.CodeMirror-cursor {
    border-left: 1px solid #c5c8c6 !important;
}

.CodeMirror-gutters {
    background-color: @background;
    border-right: none;
}

.CodeMirror-linenumber {
    color: #767676;
}

.CodeMirror .CodeMirror-selected {
    background: #333f48;
}
.CodeMirror-focused .CodeMirror-selected {
    background: #0050a0;
}

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
    /* Ensure visibility against gray inline editor background */
    background-color: #2e5c00;
    color: @foreground !important;
}

.CodeMirror-overwrite .CodeMirror-cursor {
    border-left: none !important;
    border-bottom: 1px solid #fff;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }

    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }

    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: #767676;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: #2f2f2f;
    }

    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: rgba(0, 0, 0, 0.2);
            color: #fff;
        }
    }
}

/* Non-editor styling */

.image-view,
.not-editor {
    background-color: @background;
}

.view-pane .image-view {
    color: @foreground;
}

// Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

// Style definitions are from
// https://github.com/chriskempson/tomorrow-theme/tree/master/Brackets

/*
 * Brackets Default Theme
 *
 * Defines all the variables that one can configure in a theme. This should
 * contain all variables / mixins for UI styling that we want to be able to
 * change in a theme.
 *
 * Throughout the rest of the LESS files we should _only_ use color
 * variable names that are on the LHS of the list below. So, if we
 * need a new color for some UI element, we should add a variable
 * in this file.
 */

/* Define some variables used in multiple places */
@background: #1d1f21;
@foreground: #ddd;

/* Code Styling */

.CodeMirror, .CodeMirror-scroll {
    background-color: @background;
    color: @foreground;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: #2f2f2f;
}

&.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset 15px 0 0 0 #000;
}

.CodeMirror-focused .CodeMirror-activeline {
    .CodeMirror-gutter-elt {
        background: rgba(0, 0, 0, 0.2);
        color: #fff;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: #767676;
    }
}

.cm-atom, .cm-string, .cm-string-2, .cm-hr {color: #d89333;}
.cm-number, .cm-attribute, .cm-plus {color: #85a300;}
.cm-def, .cm-property {color: #b77fdb;}
.cm-variable, .cm-variable-2, .cm-variable-3, .cm-operator, .cm-meta, .cm-bracket {color: @foreground;}
.cm-comment {color: #767676;}
.cm-error, .cm-minus {color: #dc322f;}
.cm-header {color: #d85896;}
.cm-link {color: #b77fdb; text-decoration: none;}
.cm-rangeinfo {color: #6c71c4;}
.cm-keyword, .cm-qualifier, .cm-builtin, .cm-tag, .cm-quote {color: #6c9ef8;}

/* Extra CSS */

.CodeMirror-searching {
    background-color: #d3cd69;
    &.searching-current-match {
        background-color: #f6a644;
    }
}

.CodeMirror-cursor {
    border-left: 1px solid #c5c8c6 !important;
}

.CodeMirror-gutters {
    background-color: @background;
    border-right: none;
}

.CodeMirror-linenumber {
    color: #767676;
}

.CodeMirror .CodeMirror-selected {
    background: #333f48;
}
.CodeMirror-focused .CodeMirror-selected {
    background: #0050a0;
}

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
    /* Ensure visibility against gray inline editor background */
    background-color: #2e5c00;
    color: @foreground !important;
}

.CodeMirror-overwrite .CodeMirror-cursor {
    border-left: none !important;
    border-bottom: 1px solid #fff;
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }

    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror .CodeMirror-activeline-background {
        background: transparent;
    }

    .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
        background: transparent;
        color: #767676;
    }

    .CodeMirror-focused .CodeMirror-activeline-background {
        background: #2f2f2f;
    }

    .CodeMirror-focused .CodeMirror-activeline {
        .CodeMirror-gutter-elt {
            background: rgba(0, 0, 0, 0.2);
            color: #fff;
        }
    }
}

/* Non-editor styling */

.image-view,
.not-editor.not-editor {
    background-color: @background;
}

.view-pane .image-view {
    color: @foreground;
}


adding some pizza pizzaz

adding some pizza pizzaz

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


Checkin missing file

Checkin missing file

#antd { @import '~ant-design-vue/lib/style/core/index.less'; @import '~ant-design-vue/lib/style/themes/default.less'; }

error: pathspec 'rundeckapp/grails-spa/src/components/execution-log/antScope.less' did not match any file(s) known to git


BAP-8022: Menu items are overlayed by Views list

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


Include less

Include less

.map-add-lot-parent {
    background-color: white;
    position: absolute;
    z-index: 5000;
}

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


adjusted height of post figure

adjusted height of post figure

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/amazingBastard/infosite-cms.git/'


In Progress Checkin

In Progress Checkin

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


initial modals.less - commit

initial modals.less - commit

modals defaults for angstrom

fatal: unable to access 'https://github.com/angstrom-science/Angstrom.git/': The requested URL returned error: 403


style(task-manager): position autoscroll option

body, html {
  margin: 0;
  height: 100%;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
}

router-view {
  height: 100%;
}

logger {
  display: block;

  .logger-heading {
    display: flex;
    flex-direction: row;

    h4 {
      display: inline-block;
    }

    .logger-spacer {
      flex-grow: 1;
    }

    label {
      margin: 0;
      position: relative;
      top: 7px;
    }
  }
}

input[type="checkbox"] {
  height: 16px;
  width: 16px;

  + span {
    position: relative;
    top: -3px;
  }
}

.btn-primary {
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 2px;
  padding: 3px 10px;
}

// spinning glyphicon
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.list-group-item {
  i, p {
    display: inline;
  }
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#toast-container > div {
  opacity: 1 !important;
}

.logs {
  background-color: black;
  padding-left: 5px;
  overflow: auto;
}

ai-dialog-body * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

ai-dialog-body {
  display: block;
  overflow: auto;
  height: ~"calc(100% - 40px)";
}

ai-dialog>ai-dialog-footer {
  display: block;
  width: 100%;
  height: 30px;
  padding-top: 9px;
  border-top: solid #C5C5C5 1px;
}

ai-dialog ai-dialog-footer .align-right {
  float: right;
}

.tiles-row {
  display: flex;
  flex-wrap: wrap;
}

.tile {
  margin: 5px;
  cursor: pointer;
  cursor: hand;
  width: 120px;
  height: 132px;
  display: inline-block;
}

.default-tile {
  width: 120px;
  height: 132px;
  // vertical-align: middle;
  // text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  // justify-content: space-around;
  justify-content: center;

  > p {
    height: 30px;
    line-height: 15px;
    margin: 0;
    text-align: center;
  }

  &.with-icon {
    img {
      width: 50px;
      height: 50px;
    }
  }
}

.plugin-title-container {
  display: block;

  .plugin-title {
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: .4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
  }

  .project-title-plugin {
    text-align: center;
    margin-bottom: 5px;
    white-space: nowrap;
    vertical-align: middle;
  }
}

.plugin-content-container {
  display: block;
  padding-top: 5px;
  padding-left: 20px;
}

tree-list {
  ul {
    padding-left: 0;
  }
}

tree-list {
  ul {
    li {
      div {
        padding-left: 5px;

        > span {
          line-height: 30px;
        }

        i {
          float: right;
          padding-top: 7px;
          padding-right: 2px;
        }

        .glyphicon {
          width: 16px;
          height: 14px;
        }
      }
    }
  }

  > tree-node {
    > ul {
      > li {
        padding-left: 0;
      }
    }
  }
}

.splitter {
  padding: 2px;
  min-height: 200px;
  cursor: col-resize;
  flex: 0 0 auto;
}

.title {
  font-weight: 300;
  letter-spacing: .4px;
  white-space: nowrap;
  text-transform: capitalize;
  vertical-align: middle;
}

.main-header {
  line-height: 25px;
  letter-spacing: .4px;
  white-space: nowrap;
  vertical-align: middle;
}

.vGrid-glyphicon {
  right: 14px;
  top: 9px;
}

m-menu p {
  color: black;
}

.introjs-helperLayer {
  background: ~"rgba(255,255,255,.2)";
}

body, html {
  margin: 0;
  height: 100%;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
}

router-view {
  height: 100%;
}

logger {
  display: block;

  .logger-heading {
    display: flex;
    flex-direction: row;

    h4 {
      display: inline-block;
    }

    .logger-spacer {
      flex-grow: 1;
    }

    label {
      margin: 0;
    }
  }
}

input[type="checkbox"] {
  height: 16px;
  width: 16px;

  + span {
    position: relative;
    top: -3px;
  }
}

.btn-primary {
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 2px;
  padding: 3px 10px;
}

// spinning glyphicon
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.list-group-item {
  i, p {
    display: inline;
  }
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#toast-container > div {
  opacity: 1 !important;
}

.logs {
  background-color: black;
  padding-left: 5px;
  overflow: auto;
}

ai-dialog-body * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

ai-dialog-body {
  display: block;
  overflow: auto;
  height: ~"calc(100% - 40px)";
}

ai-dialog>ai-dialog-footer {
  display: block;
  width: 100%;
  height: 30px;
  padding-top: 9px;
  border-top: solid #C5C5C5 1px;
}

ai-dialog ai-dialog-footer .align-right {
  float: right;
}

.tiles-row {
  display: flex;
  flex-wrap: wrap;
}

.tile {
  margin: 5px;
  cursor: pointer;
  cursor: hand;
  width: 120px;
  height: 132px;
  display: inline-block;
}

.default-tile {
  width: 120px;
  height: 132px;
  // vertical-align: middle;
  // text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  // justify-content: space-around;
  justify-content: center;

  > p {
    height: 30px;
    line-height: 15px;
    margin: 0;
    text-align: center;
  }

  &.with-icon {
    img {
      width: 50px;
      height: 50px;
    }
  }
}

.plugin-title-container {
  display: block;

  .plugin-title {
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: .4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
  }

  .project-title-plugin {
    text-align: center;
    margin-bottom: 5px;
    white-space: nowrap;
    vertical-align: middle;
  }
}

.plugin-content-container {
  display: block;
  padding-top: 5px;
  padding-left: 20px;
}

tree-list {
  ul {
    padding-left: 0;
  }
}

tree-list {
  ul {
    li {
      div {
        padding-left: 5px;

        > span {
          line-height: 30px;
        }

        i {
          float: right;
          padding-top: 7px;
          padding-right: 2px;
        }

        .glyphicon {
          width: 16px;
          height: 14px;
        }
      }
    }
  }

  > tree-node {
    > ul {
      > li {
        padding-left: 0;
      }
    }
  }
}

.splitter {
  padding: 2px;
  min-height: 200px;
  cursor: col-resize;
  flex: 0 0 auto;
}

.title {
  font-weight: 300;
  letter-spacing: .4px;
  white-space: nowrap;
  text-transform: capitalize;
  vertical-align: middle;
}

.main-header {
  line-height: 25px;
  letter-spacing: .4px;
  white-space: nowrap;
  vertical-align: middle;
}

.vGrid-glyphicon {
  right: 14px;
  top: 9px;
}

m-menu p {
  color: black;
}

.introjs-helperLayer {
  background: ~"rgba(255,255,255,.2)";
}


less padding on wrapper with more columns

@import "mixins.less";

.num_columns_3 {
  .col {
    margin-left: 2%;
    width: 32%;
  }

  #col1 {
    float: left;
    margin-left: 0;
  }

  #col2 { float: left; }
  #col3 { float: right; }
}

.num_columns_4 {
  #wrapper {
    padding-top: 1.25%;
    padding-right: 1.25%;
    padding-left: 1.25%;
  }

  .col {
    margin-left: 1.5%;
    width: 23.875%;
  }

  #col1 { margin-left: 0; }

  #col1,
  #col2,
  #col3 { float: left; }
  #col4 { float: right; }
}

.num_columns_5 {
  #wrapper {
    padding-top: 1%;
    padding-right: 1%;
    padding-left: 1%;
  }

  .col {
    margin-left: 1%;
    width: 19.2%;
  }

  #col1 { margin-left: 0; }

  #col1,
  #col2,
  #col3,
  #col4 { float: left; }
  #col5 { float: right; }
}

@import "mixins.less";

.num_columns_3 {
  .col {
    margin-left: 2%;
    width: 32%;
  }

  #col1 {
    float: left;
    margin-left: 0;
  }

  #col2 { float: left; }
  #col3 { float: right; }
}

.num_columns_4 {
  .col {
    margin-left: 1.5%;
    width: 23.875%;
  }

  #col1 { margin-left: 0; }

  #col1,
  #col2,
  #col3 { float: left; }
  #col4 { float: right; }
}

.num_columns_5 {
  .col {
    margin-left: 1%;
    width: 19.2%;
  }

  #col1 { margin-left: 0; }

  #col1,
  #col2,
  #col3,
  #col4 { float: left; }
  #col5 { float: right; }
}


Default position for all links

Default position for all 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/studiomotio/www1.git/'