The lack of a space was just a typo on my part, just making sure I got
the concept right.
On Mar 22, 3:39 am, "Nex3" <[EMAIL PROTECTED]> wrote:
> Not quite... there's a space in between ".pictures.main" and the
> ampersand, so that rule would render as
>
> .pictures.view #main p {
> font-size: 1em;
> padding: 0 2em; }
>
> If you wanted ".pictures.view#main p", all you'd need to do would be
> to remove the space.
>
> - Nathan
>
> On Mar 22, 1:28 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
>
> > I don't quite get the second example. So would the 'render' class
> > be .pictures.view#main p?
>
> > On Mar 19, 4:30 am, "merg" <[EMAIL PROTECTED]> wrote:
>
> > > This is cool, when using sass before this felt very un-hamlly/sassy to
> > > create separate entries for pseudoselectors. :-)
>
> > > On 17 mrt, 07:31, Nathan Weizenbaum <[EMAIL PROTECTED]> wrote:
>
> > > > Hello, fellow Hamlites,
>
> > > > I've just made the first major addition to Sass since the release of
> > > > version 1.5: a way for selectors to directly reference their parent
> > > > selectors. This allows you to easily and DRYly use pseudoselectors, add
> > > > selectors at the base of the hierarchy, and various other useful things.
> > > > The syntax is as so:
>
> > > > a.cool
> > > > :color #f00
> > > > &:hover
> > > > :color #0f0
> > > > &:visited #00f
>
> > > > You can also combine this with dynamically-set classes for the html
> > > > element to get targeted styles. The following example uses the useful
> > > > page_class helper, also newly added, which converts the controller and
> > > > action names into class attribute format:
>
> > > > -# Haml template
> > > > %html{:class => page_class, :xmlns => "http://www.w3.org/1999/xhtml";,
> > > > 'xml:lang' => "en"}
> > > > %head
> > > > %title Example
> > > > %body
> > > > #main
> > > > %p
> > > > %strong Wow, this is a cool feature
>
> > > > // Sass template
> > > > #main
> > > > :width 90%
> > > > :font-size 0.8em
> > > > p
> > > > :background-color #447793
> > > > strong
> > > > :font-weight bolder
> > > > :font-size 1.2em
> > > > .pictures.view &
> > > > :font-size 1em
> > > > :padding 0 2em
>
> > > > Useful, no? This is available right now in Trunk (i.e. version 1.6),
> > > > which can be installed using "./script/plugin
> > > > installhttp://svn.hamptoncatlin.com/haml/trunk";.
>
> > > > - Nathan
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Haml" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at http://groups.google.com/group/haml?hl=en
-~----------~----~----~----~------~----~------~--~---
