Saturday, 15 August 2015

Using Emmet with Zurb Foundation Class selectors -



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