nex3

@mixin some-component-a {
    .some-component {
      display: inline;
    
      body[lang='fr'] & div {
        display: flex;
      }
    
      & div {
        display: block;

nex3

@mixin clearfix {
  *zoom: 1;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin generate-grid($cols, $width) {

nex3

nex3

%ul
  %li #{link_to "Home", root_path} |
  %li #{link_to "Foo", foo_path} |
  %li= link_to "Blog", blog_path

nex3

$dark-button-style:
  hover-border #abcdef,
  hover-background #abcdef,
  hover-text #abcdef,
  hover-text-shadow #abcdef,
  hover-gradient-1 #abcdef,
  hover-gradient-2 #abcdef;

$light-button-style:
  hover-border #abcdef,

nex3

body {
  foo: bottom;
  foo: right;
  foo: bottom right;
}

nex3

%ul
  %li #{link_to "Link", "#"},
  %li #{link_to "Link", "#"},
  %li= link_to "Link", "#"

nex3

border: 1px solid !border_default

nex3

%p
  Here is
  %a{:href => 'http://www.example.com'}<
    a link
  \. Why won't the period fall right after the word 'link'? I can get it to work
  %a{:href => 'http://www.example.com'}><
    like this
  , but now there's no space between the word 'work' and the link. And, for an example in Rails, here is
  = link_to 'another link', 'http://www.example.com'
  \. I'm not sure how to get the

nex3

#!/usr/bin/env ruby

# Alex's changes:
# * erector and erector_mixin
# * each template now includes a loop and a variable (this affects HAML quite a lot)
# * automated comparison and benchmarking 
# * make sure variable is truly being interpolated

# # of iterations = 10000
#                           user     system      total        real