Nesting a text inside a tag in slim

ruby-on-rails ruby slim-lang
Marek Příhoda picture Marek Příhoda · Nov 22, 2012 · Viewed 10.4k times · Source

How do I nest the 'Featured' text inside the a tag, given the span, the text, and the other span are siblings?

li
  a href="#" class="selected"
    span class="icon-before"
    Featured
    span class="icon-after"

Answer

jdoe picture jdoe · Nov 22, 2012 
li
  a href="#" class="selected"
    span class="icon-before"
    | Featured
    span class="icon-after"

Gives:

<li><a class="selected" href="#"><span class="icon-before"></span>Featured<span class="icon-after"></span></a></li>

Related questions

How to embed dynamic Ruby code to "javascript" section in Slim templates?

One way: javascript_tag do == "var all_product_ids = #{existing_ids.to_json};" == "var products_json = #{@filter.data.to_json};" or: = %Q{ var all_product_ids = #{existing_ids.to_json}; var products_json = #{@filter.data.to_json}; } are there any …

Read More
Best way to handle data attributes in Slim

I was evaluating Slim as a replacement for HAML in a personal project, and it doesn't appear to handle HTML5 data attributes as gracefully as HAML. I was hoping someone may have also run into this, or may have known …

Read More
How to render HTML inside Slim templates

I'm trying to render a link preceded by an icon. I'm using Slim templating engine along with Bootstrap CSS. Usually you could do this the following way: <a href="#"><i class="icon-user"></i> My …

Read More