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