From e7ecdb406d51e55dafdaeb6d6e23b94cf59e518b Mon Sep 17 00:00:00 2001 From: Jonathan Patt Date: Sun, 16 Dec 2012 18:05:25 -0700 Subject: [PATCH] Enable default support for HTML and SCSS Most anyone who works with CSS will encounter inline CSS in HTML at some point, so it follows that this should support that by default. Additionally, SCSS is quite popular at this point and it makes more sense to support it by default than to require manually enabling it. --- README.md | 70 ------------------------------------------- after/syntax/html.vim | 29 ++++++++++++++++++ after/syntax/scss.vim | 3 ++ 3 files changed, 32 insertions(+), 70 deletions(-) create mode 100644 after/syntax/html.vim create mode 100644 after/syntax/scss.vim diff --git a/README.md b/README.md index af92b42..5c80508 100644 --- a/README.md +++ b/README.md @@ -16,76 +16,6 @@ Download from GitHub, extract `vim-css3-syntax.tar.gz`, and copy contents to `~/ $ git clone https://github.com/hail2u/vim-css3-syntax.git -### With HTML file - -Create `~/.vim/after/syntax/html.vim` and write these line: - - syn include @htmlCss syntax/css/html5-elements.vim - syn include @htmlCss syntax/css/css3-animations.vim - syn include @htmlCss syntax/css/css3-background.vim - syn include @htmlCss syntax/css/css3-box.vim - syn include @htmlCss syntax/css/css3-break.vim - syn include @htmlCss syntax/css/css3-colors.vim - syn include @htmlCss syntax/css/css3-content.vim - syn include @htmlCss syntax/css/css3-exclusions.vim - syn include @htmlCss syntax/css/css3-flexbox.vim - syn include @htmlCss syntax/css/css3-gcpm.vim - syn include @htmlCss syntax/css/css3-grid-layout.vim - syn include @htmlCss syntax/css/css3-hyperlinks.vim - syn include @htmlCss syntax/css/css3-images.vim - syn include @htmlCss syntax/css/css3-layout.vim - syn include @htmlCss syntax/css/css3-linebox.vim - syn include @htmlCss syntax/css/css3-lists.vim - syn include @htmlCss syntax/css/css3-marquee.vim - " syn include @htmlCss syntax/css/css3-mediaqueries.vim - syn include @htmlCss syntax/css/css3-multicol.vim - syn include @htmlCss syntax/css/css3-preslev.vim - syn include @htmlCss syntax/css/css3-regions.vim - syn include @htmlCss syntax/css/css3-ruby.vim - syn include @htmlCss syntax/css/css3-selectors.vim - syn include @htmlCss syntax/css/css3-text.vim - syn include @htmlCss syntax/css/css3-transforms.vim - syn include @htmlCss syntax/css/css3-transitions.vim - syn include @htmlCss syntax/css/css3-ui.vim - syn include @htmlCss syntax/css/css3-values.vim - syn include @htmlCss syntax/css/css3-writing-modes.vim - - -### With SCSS (Sassy CSS) file - -Create `~/.vim/after/syntax/scss.vim` and write these lines: - - runtime! syntax/css/html5-elements.vim - runtime! syntax/css/css3-animations.vim - runtime! syntax/css/css3-background.vim - runtime! syntax/css/css3-box.vim - runtime! syntax/css/css3-break.vim - runtime! syntax/css/css3-colors.vim - runtime! syntax/css/css3-content.vim - runtime! syntax/css/css3-exclusions.vim - runtime! syntax/css/css3-flexbox.vim - runtime! syntax/css/css3-gcpm.vim - runtime! syntax/css/css3-grid-layout.vim - runtime! syntax/css/css3-hyperlinks.vim - runtime! syntax/css/css3-images.vim - runtime! syntax/css/css3-layout.vim - runtime! syntax/css/css3-linebox.vim - runtime! syntax/css/css3-lists.vim - runtime! syntax/css/css3-marquee.vim - " runtime! syntax/css/css3-mediaqueries.vim - runtime! syntax/css/css3-multicol.vim - runtime! syntax/css/css3-preslev.vim - runtime! syntax/css/css3-regions.vim - runtime! syntax/css/css3-ruby.vim - runtime! syntax/css/css3-selectors.vim - runtime! syntax/css/css3-text.vim - runtime! syntax/css/css3-transforms.vim - runtime! syntax/css/css3-transitions.vim - runtime! syntax/css/css3-ui.vim - runtime! syntax/css/css3-values.vim - runtime! syntax/css/css3-writing-modes.vim - - About Vendor Extension ---------------------- diff --git a/after/syntax/html.vim b/after/syntax/html.vim new file mode 100644 index 0000000..e1207b2 --- /dev/null +++ b/after/syntax/html.vim @@ -0,0 +1,29 @@ +syn include @htmlCss syntax/css/html5-elements.vim +syn include @htmlCss syntax/css/css3-animations.vim +syn include @htmlCss syntax/css/css3-background.vim +syn include @htmlCss syntax/css/css3-box.vim +syn include @htmlCss syntax/css/css3-break.vim +syn include @htmlCss syntax/css/css3-colors.vim +syn include @htmlCss syntax/css/css3-content.vim +syn include @htmlCss syntax/css/css3-exclusions.vim +syn include @htmlCss syntax/css/css3-flexbox.vim +syn include @htmlCss syntax/css/css3-gcpm.vim +syn include @htmlCss syntax/css/css3-grid-layout.vim +syn include @htmlCss syntax/css/css3-hyperlinks.vim +syn include @htmlCss syntax/css/css3-images.vim +syn include @htmlCss syntax/css/css3-layout.vim +syn include @htmlCss syntax/css/css3-linebox.vim +syn include @htmlCss syntax/css/css3-lists.vim +syn include @htmlCss syntax/css/css3-marquee.vim +" syn include @htmlCss syntax/css/css3-mediaqueries.vim +syn include @htmlCss syntax/css/css3-multicol.vim +syn include @htmlCss syntax/css/css3-preslev.vim +syn include @htmlCss syntax/css/css3-regions.vim +syn include @htmlCss syntax/css/css3-ruby.vim +syn include @htmlCss syntax/css/css3-selectors.vim +syn include @htmlCss syntax/css/css3-text.vim +syn include @htmlCss syntax/css/css3-transforms.vim +syn include @htmlCss syntax/css/css3-transitions.vim +syn include @htmlCss syntax/css/css3-ui.vim +syn include @htmlCss syntax/css/css3-values.vim +syn include @htmlCss syntax/css/css3-writing-modes.vim diff --git a/after/syntax/scss.vim b/after/syntax/scss.vim new file mode 100644 index 0000000..abc2f01 --- /dev/null +++ b/after/syntax/scss.vim @@ -0,0 +1,3 @@ +runtime! syntax/css/*.vim +syn clear cssMediaBlock +syn region cssMediaBlock contained transparent matchgroup=cssBraces start='{' end='}' contains=TOP