Tweak golang icon positioning

Tweak golang icon positioning

@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: 2px;
    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: 2px;
    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-tab('.css', css, 20px, 6px, -1px, -5px, -5px);
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -3px);

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

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

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

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

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

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

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

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

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

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

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

// React
.icon-tab('.jsx', 'jsx', 21px, 6px, -1px, -3px, -4px);
.icon-tree('.jsx', 'jsx', 21px, 6px, 3px, -5px, -5px);
.icon-tab('.cjsx', 'jsx', 21px, 6px, -1px, -3px, -4px);
.icon-tree('.cjsx', 'jsx', 21px, 6px, 3px, -5px, -5px);

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

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

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

// Override for Markdown package
.tab-bar .tab .title.icon-markdown[data-name*=".md"] {
  top: 0;
}

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

// 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, -6px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -5px);

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

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

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

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

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

// Stache
.icon-tab('.stache', 'stache', 22px, 6px, 0px, -5px );
.icon-tree('.stache', 'stache', 20px, 5px, 2px, -5px, -3px);

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

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

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

// YML
.icon-tab('.yml', 'yml', 16px, 3px, 3px, 0px, -2px);
.icon-tree('.yml', 'yml', 16px, 2px, 2px, -2px, -1px);

// Golang
.icon-tab('.go', 'go', 16px, 3px, 3px, -3px, -2px);
.icon-tree('.go', 'go', 16px, 4px, 2px, -4px, -1px);

// Julia
.icon-tab('.jl', 'jl', 18px, 4px, 3px, -3px, -3px);
.icon-tree('.jl', 'jl', 18px, 4px, 2px, -3px, -1px);

// EJS
.icon-tab('.ejs', 'ejs', 20px, 5px, -3px, -5px, -5px);
.icon-tree('.ejs', 'ejs', 20px, 5px, 2px, -5px, -3px);

// Favicon
.icon-tab('.ico', 'ico', 18px, 4px, 3px, -2px, -4px);
.icon-tree('.ico', 'ico', 18px, 3px, 2px, -4px, -2px);

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

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

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

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

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

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

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

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

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

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

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

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

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

// - - - - - - -
// 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: 2px;
    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: 2px;
    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-tab('.css', css, 20px, 6px, -1px, -5px, -5px);
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -3px);

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

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

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

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

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

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

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

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

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

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

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

// React
.icon-tab('.jsx', 'jsx', 21px, 6px, -1px, -3px, -4px);
.icon-tree('.jsx', 'jsx', 21px, 6px, 3px, -5px, -5px);
.icon-tab('.cjsx', 'jsx', 21px, 6px, -1px, -3px, -4px);
.icon-tree('.cjsx', 'jsx', 21px, 6px, 3px, -5px, -5px);

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

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

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

// Override for Markdown package
.tab-bar .tab .title.icon-markdown[data-name*=".md"] {
  top: 0;
}

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

// 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, -6px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -5px);

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

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

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

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

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

// Stache
.icon-tab('.stache', 'stache', 22px, 6px, 0px, -5px );
.icon-tree('.stache', 'stache', 20px, 5px, 2px, -5px, -3px);

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

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

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

// YML
.icon-tab('.yml', 'yml', 16px, 3px, 3px, 0px, -2px);
.icon-tree('.yml', 'yml', 16px, 2px, 2px, -2px, -1px);

// Golang
.icon-tab('.go', 'go', 16px, 3px, 3px, 0px, -2px);
.icon-tree('.go', 'go', 16px, 2px, 2px, -2px, -1px);

// Julia
.icon-tab('.jl', 'jl', 18px, 4px, 3px, -3px, -3px);
.icon-tree('.jl', 'jl', 18px, 4px, 2px, -3px, -1px);

// EJS
.icon-tab('.ejs', 'ejs', 20px, 5px, -3px, -5px, -5px);
.icon-tree('.ejs', 'ejs', 20px, 5px, 2px, -5px, -3px);

// Favicon
.icon-tab('.ico', 'ico', 18px, 4px, 3px, -2px, -4px);
.icon-tree('.ico', 'ico', 18px, 3px, 2px, -4px, -2px);

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

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

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

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

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

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

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

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

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

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

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

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

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

// - - - - - - -
// 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;
      }
    }
  }


basic callout design

basic callout design

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


Update _lib.less

Update _lib.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/ziven27/27.lib.less.git/'


Adding some common mixins.

Adding some common mixins.

// Common Mixins

.round-corners (@radius: 5px) {
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    border-radius: @radius;
}

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

.transition (@transition: background .1s linear) {
    -moz-transition: @transition;
    -webkit-transition: @transition;
    transition: @transition;
}

.box-sizing (@box-sizing: border-box) {
    -moz-box-sizing: @box-sizing;
    -webkit-box-sizing: @box-sizing;
    -ms-box-sizing: @box-sizing;
    box-sizing: @box-sizing;
}

.background-clip (@background-clip: padding-box) {
    -moz-background-clip: @background-clip;
    -webkit-background-clip: @background-clip;
    background-clip: @background-clip;
}

error: pathspec 'www/assets/less/lib/common/mixins.less' did not match any file(s) known to git


Add missing less file

Add missing less file

.ns("frontend.components.project-settings", {
  .ui("jira-empty-state", {
    > p.intro {
      margin-bottom: 0; // setting the margin at 0 until we harden the style
      padding-bottom: 15px;
      border-bottom: 1px solid @grayLightest;
    }

    .el("column-group", {
      .flexy();
      > .column {
        .flex(1, 1, 0);
        .flexy(column);
        margin-right: 29px;

        &:last-child {
          margin-right: 0;
        }

        > .title {
          .flex(0, 0, auto);
          margin: 15px 0;
          font-size: 16px;
          line-height: 1.5;
        }

        > p {
          .flex(1, 1, auto);
          margin-bottom: 15px;
        }
      }
    });
  });
});

error: pathspec 'resources/assets/css/components/pages/project_settings.less' did not match any file(s) known to git


[UX-76] styling for tab navigation in modal dialog

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/kzantow/blueocean-plugin.git/'


Delete fixed-width.less

Delete fixed-width.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/joohyun1996/joohyun1996.github.com.git/'


hand cursor over card

hand cursor over card

/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The LESS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent LESS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */

// For example:
//
// @import 'variables/colors.less';
// @import 'mixins/foo.less';
// @import 'mixins/bar.less';
// @import 'mixins/baz.less';
//
// @import 'styleguide.less';
// @import 'pages/login.less';
// @import 'pages/signup.less';
//
// etc.

* { box-sizing: border-box; }

div.column { float: left; margin-right: 5px; }
a.create-card { display: block; background-color: #eee; text-align: center;
  padding: 4px; color: #333; font-weight: bold; text-decoration: none; }
a.create-card:hover { background-color: #ccc; }

div.card { border-top: 1px solid #666; border-left: 1px solid #666;
  border-bottom: 2px solid #999; border-right: 2px solid #999;
  padding: 5px; margin-bottom: 6px; cursor: pointer; cursor: hand; }
li { cursor: pointer; cursor: hand; }

div.card > p { font-size: small; text-align: right; margin: 0; }

div.yellow-card { background-color: #ffe; }

div#card-editor { position: absolute; height: 130px;
    bottom: 0; left: 0; right: 0; overflow: auto;
    background-color: #eee; }
div#card-editor h3 {}
div#card-editor textarea { width: 100%; height: 100%; }
div#content-resizer { position: absolute;
    height: 4px; bottom: 130px; left: 0; right: 0;
    background-color: #ccc; cursor: n-resize; }
div#main-content { position: absolute; top: 0; bottom: 136px; /* 130 + 6 */
    left: 0; right: 0; overflow: auto; }
div#main-content > div { padding: 0 8px; }
div#resizer-wrapper { position: absolute; top: 35px; bottom: 0;
    left: 0; right: 0; overflow: hidden; }

/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The LESS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent LESS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */

// For example:
//
// @import 'variables/colors.less';
// @import 'mixins/foo.less';
// @import 'mixins/bar.less';
// @import 'mixins/baz.less';
//
// @import 'styleguide.less';
// @import 'pages/login.less';
// @import 'pages/signup.less';
//
// etc.

* { box-sizing: border-box; }

div.column { float: left; margin-right: 5px; }
a.create-card { display: block; background-color: #eee; text-align: center;
  padding: 4px; color: #333; font-weight: bold; text-decoration: none; }
a.create-card:hover { background-color: #ccc; }

div.card { border-top: 1px solid #666; border-left: 1px solid #666;
  border-bottom: 2px solid #999; border-right: 2px solid #999;
  padding: 5px; margin-bottom: 6px; cursor: pointer; cursor: hand; }

div.card > p { font-size: small; text-align: right; margin: 0; }

div.yellow-card { background-color: #ffe; }

div#card-editor { position: absolute; height: 130px;
    bottom: 0; left: 0; right: 0; overflow: auto;
    background-color: #eee; }
div#card-editor h3 {}
div#card-editor textarea { width: 100%; height: 100%; }
div#content-resizer { position: absolute;
    height: 4px; bottom: 130px; left: 0; right: 0;
    background-color: #ccc; cursor: n-resize; }
div#main-content { position: absolute; top: 0; bottom: 136px; /* 130 + 6 */
    left: 0; right: 0; overflow: auto; }
div#main-content > div { padding: 0 8px; }
div#resizer-wrapper { position: absolute; top: 35px; bottom: 0;
    left: 0; right: 0; overflow: hidden; }


minor fixes to user-notification dropdown

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


UPDATE: v4skin | kajona-overrides.less -> added a general h4 definition

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


Remove TODO.

Remove TODO.

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/taskforcedev/DiabloDB.git/'


added post-it and keywords files to the bootstrap file

fatal: unable to access 'https://github.com/dedalozzo/pit-bootstrap.git/': The requested URL returned error: 403


[gh-pages] Add media-tablet.less

[gh-pages] Add media-tablet.less

with tablet media querie

@media screen and (max-width: 43em) {

  .nav-horizontal {
    font-size: 120%;
    border: none;
    > ul,
    .nav-horizontal-submenu-inner {
      width: 100%;
      padding: 0;
    }
    .nav-horizontal-submenu-inner {
      padding: 0 2em;
      font-size: 75%;
    }
    .nav-horizontal-submenu {
      position: relative;
      .menu-title {
        padding-top: 0.6em;
      }
    }
    > ul > li {
      display: block;
      border-bottom: 1px solid #ddd;
      > a {
        display: block;
        padding: 1em 3em;
      }
      &:hover {
        background: #f9f9f9;
      }
      &.nav-atoms {
        border-left: 8px solid @color-red;
      }
      &.nav-molecules {
        border-left: 8px solid @color-yellow;
      }
      &.nav-organisms {
        border-left: 8px solid @color-green;
      }
      &.nav-templates {
        border-left: 8px solid @color-blue;
      }
      &.nav-devices {
        border-left: 8px solid #555;
      }
    }
  }

}

error: pathspec 'cp-strap/src/website/stylesheets/media-tablet.less' did not match any file(s) known to git


fix in forms

fix in forms

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


added default .bounce animation to modal

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


notes on swatchmaker

notes on swatchmaker

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/fboehm/cboettig_site.git/'


Create treeview css

Create treeview css

// Tree view menu
.treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
	.treeview-menu {
	  padding-left: 20px;
	}
	> li {
	  margin: 0;
	  > a {
	    padding: 5px 5px 5px 15px;
	    display: block;
	    font-size: 14px;
	    > .fa,
	    > .glyphicon,
	    > .ion {
	      width: 20px;
	    }
	    > .pull-right-container > .fa-angle-left,
	    > .pull-right-container > .fa-angle-down,
	    > .fa-angle-left,
	    > .fa-angle-down {
	      width: auto;
	    }
	  }
	}
}

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


add tableField.less

add tableField.less

.tableField {
  padding: 5px 0 5px 5px;
}

.tableField:first-child {
  border-width: 0;
}

.tableField > .label {
  box-sizing: border-box;
  color: @colorFgLinkSubtle;
  font-weight: bold;

  @media (min-width: @breakpointSmall) {
    width: 100px;
    float: left;
    text-align: right;
  }
}

.tableField > .label:after {
  content: ":";
}

.tableField > .value {
  @media (min-width: @breakpointSmall) {
    margin-left: 110px;
  }
}

error: pathspec 'layout/default/css/tableField.less' did not match any file(s) known to git


er igang med favoritter

er igang med favoritter

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/Det-Kongelige-Bibliotek/rex.git/'


OR-2071 remove event-full-form margin-top on mobile/tablet resolution

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 style.less

Update style.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/prasadkblr/direct-channel-dashboard.git/'


Darken the brand color in the navbar.

Darken the brand color in the navbar.

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


Optimisation

Optimisation

/* === Touch ripple === */
// Ripple Elements
.ripple, a.link, a.item-link, .button, .modal-button, .tab-link, .swipeout-actions-right a, .swipeout-actions-left a, .label-radio, .label-checkbox, .actions-modal-button, .picker-calendar-day span {
    -webkit-user-select: none;
    user-select: none;
}
// Ripple
.ripple-wave {
    left: 0;
    top: 0;
    position: absolute !important;
    border-radius: 50%;
    pointer-events: none;
    z-index:-1;
    background:rgba(0,0,0,0.1);
    padding: 0;
    margin: 0;
    font-size: 0;
    .transform(translate3d(0px, 0px, 0) scale(0));
    .transition(1400ms);
    &.ripple-wave-fill {
        .transition(300ms);
        opacity: 0.35;
    }
    &.ripple-wave-out {
        .transition(600ms);
        opacity: 0;
    }
    .button-fill &,  .picker-calendar-day &{
        z-index: 1;
    }
}
.button-fill, .navbar, .toolbar, .subnavbar, .searchbar, .notifications {
    .ripple-wave {
        background:rgba(255,255,255,0.3);
    }
}
.messagebar {
    .ripple-wave {
        background:rgba(0,0,0,0.1);
    }
}

/* === Touch ripple === */
// Ripple Elements
a.link, a.item-link, .button, .modal-button, .tab-link, .swipeout-actions-right a, .swipeout-actions-left a, .label-radio, .label-checkbox, .actions-modal-button, .picker-calendar-day span {
    -webkit-user-select: none;
    user-select: none;
}
// Ripple
.material-ripple {
    left: 0;
    top: 0;
    position: absolute !important;
    border-radius: 50%;
    pointer-events: none;
    z-index:-1;
    background:rgba(0,0,0,0.1);
    padding: 0;
    margin: 0;
    font-size: 0;
    .transform(translate3d(0px, 0px, 0) scale(0));
    .transition(1600ms);
    &.material-ripple-fast {
        .transition(300ms);
        opacity: 0.5;
    }
    &.material-ripple-out {
        opacity: 0;
    }
    .button-fill &,  .picker-calendar-day &{
        z-index: 1;
    }
}
.button-fill, .navbar, .toolbar, .subnavbar, .searchbar, .notifications {
    .material-ripple {
        background:rgba(255,255,255,0.2);
    }
}
.messagebar {
    .material-ripple {
        background:rgba(0,0,0,0.1);
    }
}


Personalized your results tilrettelser: kan den blive mindre, evt. i 2 kolonner, så man slipper for at scrolle så langt ned før man kommer til OK? Når man har valgt en overgruppe, ex. Humaniora, kan undergrupperne så automatisk hakkes af også?

Har splittet ul tags med col-md-6, og fjernet padding på ul'er, via styles


small fix for borders in mmenu

small fix for borders in mmenu

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


highlight "Most Followers" in sidebar when selected (bug 726581)

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


Fix login CSS

Fix login CSS

.modal-login {
	& .form-group {
		margin-bottom: 12px;
	}
}

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


Change post design so that the last image of each post fills the entire width of the post

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


actually make classes be inverted

actually make classes be inverted

fatal: unable to access 'https://github.com/dieface/Semantic-UI.git/': The requested URL returned error: 403


Create screen-reader.less

Create screen-reader.less

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


Delete bootstrap_and_overrides.css.less

Delete bootstrap_and_overrides.css.less

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


clean up font import

clean up font import

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/siennamw/ams-psg.git/'


added display: block

added display: block

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


fix search suggestions overflow (bug 767509)

@import 'lib';

#search {
    position: relative;
    margin: 24px 0;
}

#search-q {
    .border-box;
    .border-radius(15px);
    .box-shadow(0 1px 0 fadeOut(#fff, 80%),
                0 1px 0 rgba(0,0,0,.5) inset,
                0 1px 1px rgba(0,0,0,.5) inset);
    .gradient-two-color(#21292f, #2a353c);
    .width(3);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    color: #fff;
    display: block;
    height: 30px;
    outline: none;
    padding: 0 32px 0 15px;
    z-index: 2;
    font: 17px/30px @open-stack;
    &:focus {
        .box-shadow(0 1px 1px rgba(0, 0, 0, 0.06) inset,
                    0 0 8px rgba(80, 160, 220, 0.6));
    }
}
#search-go {
    border: 0;
    .box-shadow(none);
    background: url(../../img/mkt/arrows/blue-med-go.png) center no-repeat;
    margin: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}

.html-rtl #site-header #search-q {
    background-position: 0 50%;
    padding: 5px 15px 5px 50px;
}

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 0;
    opacity: 0;
    position: absolute;
    right: -10px;
    bottom: -5px;
    left: 0;
    visibility: hidden;
    z-index: 4;
    .width(3);
    &.visible {
        opacity: 1;
        bottom: -15px;
        visibility: visible;
    }
    .wrap {
        .border-radius(4px);
        .box-shadow(0 0 4px rgba(0,0,0,.2),
                    0 -2px 0 @faint-gray inset);
        background: @white;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        &:before {
            .box-shadow(1px 1px 0 rgba(255,255,255,.1) inset,
                        -1px -1px 0 @faint-gray);
            .transform(~'rotate(45deg)');
            content: "";
            height: 12px;
            position: absolute;
            top: -5px;
            right: 13px;
            z-index: 5;
            width: 12px;
        }
    }
    .wrap:before, p a {
        background: @faint-gray;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @faint-gray;
        border-bottom: 1px solid transparent;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            .border-box;
            .max-width(3);
            background: no-repeat 5px 50%;
            .background-size(20px auto);
            display: block;
            float: left;
            overflow: hidden;
            padding: 0 5px 0 32px;
            text-overflow: ellipsis;
            white-space: nowrap;
            &.cat {
                background-image: url(../../img/icons/search-cat.png);
            }
        }
        .subtitle {
            color: @note-gray;
            float: left;
            font-size: 12px;
            font-style: normal;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
    p {
        font-size: 11px;
        margin: 0;
        a {
            .border-radius(3px 3px 0 0);
            border-top-width: 0;
            background: @faint-gray;
            border-bottom: 0;
        }
    }
    &.sel p a {
        color: @note-gray;
    }
    p a,
    p a.sel,
    &.sel p a:hover {
        color: @dark-gray;
    }
    li {
        &:last-child a {
            .border-radius(0 0 3px 3px);
        }
    }
}

.html-rtl #site-search-suggestions .wrap:before {
    left: auto;
    right: 13px;
}

@media (max-width: @4col) {
    #site-header {
        #search {
            float: left;
            margin: 14px 0 0;
        }
        #search-q,
        #site-search-suggestions,
        #site-search-suggestions a span {
            .max-width(2.75);
        }
    }
}

@import 'lib';

#search {
    position: relative;
    margin: 24px 0;
}

#search-q {
    .border-box;
    .border-radius(15px);
    .box-shadow(0 1px 0 fadeOut(#fff, 80%),
                0 1px 0 rgba(0,0,0,.5) inset,
                0 1px 1px rgba(0,0,0,.5) inset);
    .gradient-two-color(#21292f, #2a353c);
    .width(3);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    color: #fff;
    display: block;
    height: 30px;
    outline: none;
    padding: 0 32px 0 15px;
    z-index: 2;
    font: 17px/30px @open-stack;
    &:focus {
        .box-shadow(0 1px 1px rgba(0, 0, 0, 0.06) inset,
                    0 0 8px rgba(80, 160, 220, 0.6));
    }
}
#search-go {
    border: 0;
    .box-shadow(none);
    background: url(../../img/mkt/arrows/blue-med-go.png) center no-repeat;
    margin: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}

.html-rtl #site-header #search-q {
    background-position: 0 50%;
    padding: 5px 15px 5px 50px;
}

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 0;
    opacity: 0;
    position: absolute;
    right: -10px;
    bottom: -5px;
    left: 0;
    visibility: hidden;
    z-index: 4;
    .width(3);
    &.visible {
        opacity: 1;
        bottom: -15px;
        visibility: visible;
    }
    .wrap {
        .border-radius(4px);
        .box-shadow(0 0 4px rgba(0,0,0,.2),
                    0 -2px 0 @faint-gray inset);
        background: @white;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        &:before {
            .box-shadow(1px 1px 0 rgba(255,255,255,.1) inset,
                        -1px -1px 0 @faint-gray);
            .transform(~'rotate(45deg)');
            content: "";
            height: 12px;
            position: absolute;
            top: -5px;
            right: 13px;
            z-index: 5;
            width: 12px;
        }
    }
    .wrap:before, p a {
        background: @faint-gray;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @faint-gray;
        border-bottom: 1px solid transparent;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            .border-box;
            .max-width(3);
            background: no-repeat 5px 50%;
            .background-size(20px auto);
            display: block;
            float: left;
            overflow: hidden;
            padding: 0 5px 0 32px;
            text-overflow: ellipsis;
            white-space: nowrap;
            &.cat {
                background-image: url(../../img/icons/search-cat.png);
            }
        }
        .subtitle {
            color: @note-gray;
            float: left;
            font-size: 12px;
            font-style: normal;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
    p {
        font-size: 11px;
        margin: 0;
        a {
            .border-radius(3px 3px 0 0);
            border-top-width: 0;
            background: @faint-gray;
            border-bottom: 0;
        }
    }
    &.sel p a {
        color: @note-gray;
    }
    p a,
    p a.sel,
    &.sel p a:hover {
        color: @dark-gray;
    }
    li {
        &:last-child a {
            .border-radius(0 0 3px 3px);
        }
    }
}

.html-rtl #site-search-suggestions .wrap:before {
    left: auto;
    right: 13px;
}

@media (max-width: @4col) {
    #site-header {
        #search {
            float: left;
            margin: 14px 0 0;
        }
        #search-q,
        #site-search-suggestions {
            .max-width(2.5);
        }
    }
}


single suggestion should alsop have roundy corners

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions {
        height: auto;
        position: absolute;
        top: 45px;
        left: 50%;
        bottom: inherit;
        right: inherit;
        width: 275px;
        margin-left: -7px;
        .border-radius(5px);
        .box-shadow(0 0 3px 3px);
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            .border-radius(5px);
            top: 0;
            ul {
                .border-radius(5px);
            }
            a {
                font-size: 16px;
                line-height: 35px;
                span {
                    width: 275px;
                    .ellipsis();
                }
            }
            li:first-child a {
                .border-radius(5px 5px 0 0);
            }
            li:last-child a {
                .border-radius(0 0 5px 5px);
                border-bottom: 0;
            }
            li:only-child a {
                .border-radius(5px);
                border-bottom: 0;
            }
        }
        &.visible {
            bottom: inherit;
        }
    }
}

@import 'lib';

#site-search-suggestions {
    .transition-property(~'bottom, opacity, visibility');
    .transition-duration(.3s);
    font: 13px/26px @open-stack;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: -10px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: 4;
    width: 100%;
    &.visible {
        opacity: 1;
        bottom: 5px;
        visibility: visible;
    }
    .wrap {
        background: @bg @grain-src;
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        height: 100%;
    }
    ul {
        list-style: none;
        margin: 0 0 1px;
        padding: 0;
    }
    a {
        border-top: 1px solid @white;
        border-bottom: 1px solid #cbd0d3;
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 6;
        color: @text;
        font-size: 19px;
        background: @bg @grain-src;
        line-height: 44px;
        &:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
        span {
            display: block;
            float: left;
            padding: 0 15px;
        }
    }
    li a:hover,
    li a.sel,
    &.sel li a.sel:hover {
        .gradient-two-color(fadeOut(#5ac, 90%), fadeOut(#169, 95%));
        border-color: @faded-link;
        color: darken(@link, 20%);
    }
    &.sel li a:hover {
        background: transparent;
        border-color: @faint-gray transparent transparent transparent;
        color: @link;
    }
}

// Market header suggestions mode. (Searchatron Terrorize!)
#site-header.suggestions {
    nav {
        .home, .expand, .filter {
            display: none;
        }
        .cancel {
            display: block;
        }
    }
    #search, #search-q {
        width: 235px;
    }
}

// This works between and desktop over 600px.
// TODO: more responsive for < 600px widths.
@media(min-width: 600px) {
    #site-search-suggestions {
        height: auto;
        position: absolute;
        top: 45px;
        left: 50%;
        bottom: inherit;
        right: inherit;
        width: 275px;
        margin-left: -7px;
        .border-radius(5px);
        .box-shadow(0 0 3px 3px);
        z-index: 11;
        .wrap {
            position: relative;
            height: auto;
            .border-radius(5px);
            top: 0;
            ul {
                .border-radius(5px);
            }
            a {
                font-size: 16px;
                line-height: 35px;
                span {
                    width: 275px;
                    .ellipsis();
                }
            }
            li:first-child a {
                .border-radius(5px 5px 0 0);
            }
            li:last-child a {
                .border-radius(0 0 5px 5px);
                border-bottom: 0;
            }
        }
        &.visible {
            bottom: inherit;
        }
    }
}


more padding

more padding

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


forgot to add inputs.less file to git :)

// FORMS

.form-group {
  p.validation-error {
    display: inline;
    font-size: @smallest-font-size;
    color: @warning;
    line-height: @vertical-grid-half;
    vertical-align: top;
    a.text-link {
      vertical-align: top;
    }
  }
}

.form-group, .input-group {
  width: 100%;
}

a.click-to-slide {
  color: @default-element;
}

span.icon-i, span.icon-plus, span.icon-logo-only {
  color: @highlighted-element;
}
span.icon-i:active, span.icon-plus:active, span.icon-logo-only:active {
  color: @highlighted-element-pressed;
}

/*

# Inputs

Add `.simple-input` to any of the following HTML tags to create minimalist inputs:

* `<input>`
* `<textarea>`

```markup
<!-- Default input -->
<input type="text" class="simple-input" value="simple input"/>
<textarea class="simple-input">simple textarea</textarea>
```
*/

.simple-input {
  outline: none;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  background-image: none;
}

.click-to-slide {
  display: table;
  width: 100%;
  vertical-align: middle;
  span.link-title {
    width: 100%;
    display: table-cell;
    line-height: normal;
    color: @content;
  }
  span.slide-indicator {
    display: table-cell;
    width: @slide-indicator-width;
    color: @default-element;
  }
}

.date-input-placeholder {
  display: block;
}

// Input on the left and  button on the right OR
// Checkbox on the left, input in the center, and button on the right

.table-wrapper {
  display: table;
  .center-horizontally;
  width: 100%;
}

.left-input-wrapper, .right-button-wrapper, .center-input-wrapper, .left-checkbox-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.left-input-wrapper, .center-input-wrapper {
  width: 100%;
}

.right-button-wrapper, .left-checkbox-wrapper {
  line-height: 100%;
  button {
    // Quick fix to center the plus button
    // NOTE! Tested with application font!
    padding-top: 5px;
  }
}
.left-checkbox-wrapper {
  width: @icon-button-width + 8px;
}

.right-button-wrapper {
  width: @icon-button-width + 8px;
  button {
    padding-left: 20px;
  }
}

// BUTTONS

.button {
  background: none;
  cursor: pointer;
  border: none;
  border: 0px;
  display: inline-block;
}

.button-container {
  text-align: center;
}

.wide-button {
  .simple-input;
  .center-horizontally;
  height: @vertical-grid;
  width: 100%;
  display: block;
}

.button-row {
  width: 100%;
  height: @vertical-grid;
  vertical-align: middle;
  .button-container {
    button {
      .simple-input;
      width: 100%;
      height: @vertical-grid;
    }
  }
  .small-border-right:after {
    float: right;
    height: 25px;
    background: white;
    width: 1px;
    content: "";
    position: absolute;
    text-align: right;
  }
}

.vertical-buttons {
  button {
    margin-top: @vertical-grid / 4;
    margin-bottom: @vertical-grid / 4;
  }
}

button.highlighted-button {
  background-color: white;
  & {
    color: @highlighted-button;
  }
  &:active {
    color: @highlighted-button-pressed;
  }
  &[disabled] {
    color: @highlighted-button-disabled;
  }
}

button.default-button {
  color: white;
  & {
    background-color: @default-button;
  }
  &:active {
    background-color: @default-button-pressed;
  }
  &[disabled] {
    background-color: @default-button-disabled;
  }
}

button.normal-button {
  color: white;
  & {
    background-color: @normal-button;
  }
  &:active {
    background-color: @normal-button-pressed;
  }
  &[disabled] {
    background-color: @normal-button-disabled;
  }
}

button.border-button {
  border-style: solid !important;
  border-width: 2px !important;
  background-color: white;
  font-size: @default-font-size;
  & {
    color: @normal-button;
    border-color: @normal-button;
  }
  &:active {
    color: @normal-button-pressed;
    border-color: @normal-button-pressed;
  }
  &[disabled] {
    color: @normal-button-disabled;
    border-color: @normal-button-disabled;
  }
}

button.cancel-button {
  color: white;
  & {
    background-color: @cancel-button;
  }
  &:active {
    background-color: @cancel-button-pressed;
  }
}

button.delete-button {
  color: white;
  & {
    background-color: @delete-button;
  }
  &:active {
    background-color: @delete-button-pressed;
  }
}

button.enabled-button {
  color: white;
  & {
    background-color: white;
  }
}

button.transparent-button {
  color: @normal-button;
  &:hover {
    color: @normal-button-hover;
  }
  &:active {
    color: @normal-button-pressed;
  }
  &[disabled] {
    color: @normal-button-disabled;
  }
}

button.tab-button {
  color: white;
  background-color: @tab-button;
  &:hover {
    background-color: @tab-button-hover;
  }
  &:active {
    background-color: @tab-button-pressed;
  }
  &[disabled] {
    color: black;
    background-color: white;
  }
}

button.add-button {
  .simple-input;
  background-color: white;
  color: @default-element;
}

// CHECKBOXES

// Make labels clickable
label {
  cursor: pointer;
}

 // Never show default checkbox
 input[type=checkbox] {
  display: none;
}

input[type='checkbox'] + label:before {
  font-family: 'icomoon';
  font-size: @icon-size;
  padding-right: 10px;
  vertical-align: middle;
  color: @default-button;
}

// Android hack: 10px padding caused redraw problems
// on the checkbox while swiping, and no other CSS
// solution fixed the problem. Something like this:
// http://stackoverflow.com/a/16174338/2659424
// might be the only proper solution to the repaint
// problems with Android's WebKit.
.android input[type='checkbox'] + label:before {
  padding-right: 15px;
}

input[type="checkbox"] + label:before {
  .icon-selection-empty;
}

input[type="checkbox"] + label.overdue:before {
  color: @overdue-task;
}

input[type="checkbox"]:checked + label:before {
  .icon-selection-checked;
  color: @highlighted-element;
}

input[type=date] {
  &.simple-input {
    color: @default-element;
  }
  background: none;
  border: none;
  outline: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

// SELECTIONS

select {
  &.simple-input {
    color: @default-element;
    background: none;
    padding: 0;
  }
  option {
    color: black;
  }
  option:first-child {
    color: @default-element;
  }
}

error: pathspec 'frontend/core/src/main/webapp/static/less/inputs.less' did not match any file(s) known to git