renatocarvalho

<img width="1" height="1" alt='data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFAAAAp3o92gAAAAF0Uk5TAEDm2GYAAAAKSURBVAjXY2AAAAACAAHiIbwzAAAAAElFTkSuQmCC'>

renatocarvalho

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

// Here is a map containing all placeholders
// (Follow-up from: http://hugogiraudel.com/2014/03/31/getting-the-most-out-of-sass-placeholders/)
// ---
// - The key is the placeholder's name
// - The value is a map of declarations for the placeholder's content

renatocarvalho

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

$breakpoints: (
  'small'  : '( min-width:  767px )',
  'medium' : '( min-width:  992px )',
  'large'  : '( min-width: 1200px )',
  'complex': '( min-width: 767) and ( max-width: 992px)',

renatocarvalho

1. Instale Xcode ou Command Line Tools

Faça o download do Command Line Tools ou instale o Xcode

2. Instale o RVM

Copie a seguinte linha e cole no terminal:

\curl -sSL https://get.rvm.io | bash -s stable

Agora instale a última versão do ruby com o RVM:

rvm install ruby-2.1.1

renatocarvalho

Instalação do Middleman no Windows

Passo 1: Checando se o Ruby já está instalado no seu Windows

Vamos seguir os passoas abaixo somente para verificar se o Ruby está instalado em seu sistema:

1. Abra o Command Prompt do seu Windows
2. Entre com o comando ruby -v e tecle enter.

Caso você receba uma mensagem dizendo que o ruby não foi reconhecido, é porque você não tem o ruby instalado. Siga para o Passo 2 para instalarmos o ruby.

Passo 2: Instalando o Ruby para Windows

renatocarvalho

brew doctor

renatocarvalho

<div class="home-grid">
<div class="moduletable">
  <p>Hi there!</p>
</div>
<div class="moduletable">
  <p>Hi there!</p>
</div>
<div class="moduletable">
  <p>Hi there!</p>
</div>

renatocarvalho

    <div class="box-cupon-home">
      <p>
        opa
      </p>
    </div><div class="box-cupon-home">
      <p>
        opa
      </p>
    </div><div class="box-cupon-home">
      <p>

renatocarvalho

    <div class="box-cupon-home">
      <p>
        opa
      </p>
    </div><div class="box-cupon-home">
      <p>
        opa
      </p>
    </div><div class="box-cupon-home">
      <p>

renatocarvalho

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/