Farben und vim mit CSS


15

Ich habe angefangen, vim unter Ubuntu für die Webentwicklung zu verwenden. Jetzt habe ich ein visuelles Problem bei der Verwendung von CSS für Medienabfragen, wenn ich Auflösungen hinzufüge

vim

Wie Sie sehen, funktioniert der erste Medienbildschirm ordnungsgemäß, der zweite jedoch nicht.

Kann ich das irgendwie beheben, damit es wie die erste CSS-Medienabfrage aussieht?

Antworten:


13

Folgendes verwende ich für meine HTML5- und CSS3-Medienabfragen:

Erstellen Sie zuerst den Ordner: mkdir -p ~/.vim/after/syntax/css

Dann editiere: vi .vim/after/syntax/html.vimund setze:

" Vim syntax file
" Language: HTML (version 5)
" Maintainer: Rodrigo Machado <rcmachado@gmail.com>
" 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

und dann vi .vim/after/syntax/css/css3-mediaqueries.vimund put:

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

1
+ bookofzeus der Github-Link am unteren Rand ist kaputt.
Meitham
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.