Using Emmet with Zurb Foundation Class selectors -
i'm using foundation zurbs class selectors using building page in html. using emmet/zen coding building page , cannot figure out how utilize emmet shortcuts class selectors have spaces in them.
so clarify emmet shortcode below:
div.large-4*3 produces code
<div class="large-4"></div> <div class="large-4"></div> <div class="large-4"></div> however, zurb class selectors have space " " in them of order of
"large-4 columns" if seek utilize class selector in shortcode syntax below
div.large-4 columns*3 it produces next html
div.large-4 <columns></columns> <columns></columns> <columns></columns> how write emmet shortcode produces:
<div class="large-4 columns"></div> <div class="large-4 columns"></div> <div class="large-4 columns"></div> regards
k*
large-4 , columns separate css classes. in html class attribute specify them in space-separated list in css concatenate selectors e.g. css selector <div class="large-4 columns"> div.large-4.columns. assuming shortcode takes css selector , generates equivalent html need *3 on end.
zurb-foundation emmet
No comments:
Post a Comment