couleurs et vim avec css

15

J'ai commencé à utiliser vim sur Ubuntu pour le développement web. Maintenant, j'ai un problème visuel lorsque j'utilise CSS de requête multimédia lorsque je mets des résolutions

vigueur

Comme vous pouvez le voir, le premier écran multimédia fonctionne correctement, mais pas le second.

Existe-t-il un moyen de résoudre ce problème afin qu'il ressemble à la première requête multimédia CSS?

hanna
la source

Réponses:

13

Voici ce que j'utilise pour mes requêtes multimédia HTML5 et CSS3:

Créez d'abord le dossier: mkdir -p ~/.vim/after/syntax/css

Puis éditez: vi .vim/after/syntax/html.vimet mettez:

" Vim syntax file
" Language: HTML (version 5)
" Maintainer: Rodrigo Machado <[email protected]>
" URL: http://rm.blog.br/vim/syntax/html.vim
" Last Change: 2009 Aug 19
" License: Public domain
" (but let me know if you liked it :) )
"
" Note: This file just adds the new tags from HTML 5
" and don't replace default html.vim syntax file

" HTML 5 tags
syn keyword htmlTagName contained article aside audio bb canvas command datagrid
syn keyword htmlTagName contained datalist details dialog embed figure footer
syn keyword htmlTagName contained header hgroup keygen mark meter nav output
syn keyword htmlTagName contained progress time ruby rt rp section time video

" HTML 5 arguments
syn keyword htmlArg contained autofocus placeholder min max step
syn keyword htmlArg contained contenteditable contextmenu draggable hidden item
syn keyword htmlArg contained itemprop list subject spellcheck
" this doesn't work because default syntax file alredy define a 'data' attribute
syn match htmlArg "\<\(data-[\-a-zA-Z0-9_]\+\)=" contained

syn include @htmlCss syntax/css/css3-mediaqueries.vim

puis vi .vim/after/syntax/css/css3-mediaqueries.vimet mettre:

syn region cssMediaType start='(' end=')' contains=css.*Attr,css.*Prop,cssComment,cssValue.*,cssColor,cssURL,cssImportant,cssError,cssStringQ,cssStringQQ,cssFunction,cssUnicodeEscape nextgroup=cssMediaComma,cssMediaAnd,cssMediaBlock skipwhite skipnl
syn match cssMediaAnd "and" nextgroup=cssMediaType skipwhite skipnl
syn clear cssMediaBlock
syn region cssMediaBlock contained transparent matchgroup=cssBraces start='{' end='}' contains=cssTagName,cssSelectorOp,cssAttributeSelector,cssIdentifier,cssError,cssDefinition,cssPseudoClass,cssComment,cssUnicodeEscape,cssClassName,cssURL
Livre de Zeus
la source
1
+ bookofzeus le lien github en bas est cassé.
Meitham