Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
img
README.org
config.el
funcs.el
packages.el

README.org

HTML layer

img/html.png

Table of Contents

Description

This layer adds support for editing HTML and CSS.

Features

  • Editing HTML and CSS file using web-mode
  • Support for Sass/Scss and Less files
  • Generate HTML and CSS coding using emmet-mode
  • Tags navigation on key % using evil-matchit
  • Support for editing Slim and Pug templates using slim-mode and pug-mode

Install

To use this configuration layer, add it to your ~/.spacemacs. You will need to add html to the existing dotspacemacs-configuration-layers list in this file.

SCSS linting requires SCSS-Lint version >= 0.43.0. You can get it from GitHub:

gem install specific_install
gem specific_install https://github.com/brigade/scss-lint.git
gem specific_install https://github.com/Sweetchuck/scss_lint_reporter_checkstyle.git

Key Bindings

Web mode

Key BindingDescription
SPC m g pquickly navigate CSS rules using helm
SPC m e hhighlight DOM errors
SPC m g bgo to the beginning of current element
SPC m g cgo to the first child element
SPC m g pgo to the parent element
SPC m g sgo to next sibling
SPC m h pshow xpath of the current element
SPC m r cclone the current element
SPC m r ddelete the current element (does not delete the children)
SPC m r rrename current element
SPC m r wwrap current element
SPC m zfold/unfold current element
%evil-matchit keybinding to jump to closing tag

A transient-state is also defined, start it with SPC m . or ~, .~

Key BindingDescription
?Toggle full help
cclone current element
ddelete (vanish) current element (does not delete the children)
Ddelete current element and children
jnext element
J / gjnext sibling element
hparent element
kprevious element
K / gkprevious sibling element
lfirst child element
pshow xpath of current element
qleave the transient-state
rrename current element
wwrap current element

CSS/SCSS

Key BindingDescription
SPC m g hquickly navigate CSS rules using helm
SPC m z cfold css statement to one line
SPC m z ounfold css statement to one line