màu sắc và vim với css


15

Tôi bắt đầu sử dụng vim trên Ubuntu để phát triển web. Bây giờ, tôi gặp vấn đề về hình ảnh khi tôi sử dụng CSS truy vấn phương tiện khi tôi đặt độ phân giải

vim

Như bạn có thể thấy màn hình phương tiện đầu tiên hoạt động tốt nhưng không phải màn hình thứ hai.

Có cách nào tôi có thể sửa lỗi này để nó trông giống như truy vấn phương tiện CSS đầu tiên không?

Câu trả lời:


13

Đây là những gì tôi sử dụng cho Truy vấn phương tiện HTML5 và CSS3 của mình:

Đầu tiên tạo thư mục: mkdir -p ~/.vim/after/syntax/css

Sau đó chỉnh sửa: vi .vim/after/syntax/html.vimvà đặt:

" 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

và sau đó vi .vim/after/syntax/css/css3-mediaqueries.vimvà đặt:

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 liên kết github ở phía dưới bị hỏng.
Meitham
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.