Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
🤘

Renato Carvalho renatocarvalho

💭
🤘
View GitHub Profile
View SassMeister-input-HTML.html
<div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
View SassMeister-input-HTML.html
<div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
View SassMeister-input-HTML.html
<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
renatocarvalho / instalacao-middleman-mac.md
Last active Aug 29, 2015
Instalando o Middleman no Mac
View instalacao-middleman-mac.md

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
renatocarvalho / SassMeister-input.scss
Created Jul 3, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// 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
renatocarvalho / SassMeister-input.scss
Created Jul 7, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// 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
View gist:7796df7844aafcca81b8
<img width="1" height="1" alt='data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFAAAAp3o92gAAAAF0Uk5TAEDm2GYAAAAKSURBVAjXY2AAAAACAAHiIbwzAAAAAElFTkSuQmCC'>
View dev-naming-conventions.md

dev naming conventions

production:

  • heroku app name: appname-prod
  • heroku app address: appname-prod.herokuapp.com
  • gitflow branch: master
  • mixpanel, etc: appname-prod

development:

  • heroku app name: appname-dev
@renatocarvalho
renatocarvalho / _footer.slim
Created Oct 8, 2014
Frontend Responsa: Implementando código modular: _footer.slim
View _footer.slim
@renatocarvalho
renatocarvalho / index.html.slim
Created Oct 8, 2014
Frontend Responsa: Implementando código modular: index.html.slim
View index.html.slim
/ Hero
.row
.hero
.container
h1.hero__title Nós sómos Waza
h2.hero__subtitle Lorem lipsum dolor sit amet consectue lorem dorem.
.hero__links
= link_to 'Conheça o nosso trabalho', '/', class: 'btn'
/ About