sgobin

/* Variáveis Cores */
$GVCinza: #A7A9AC;   /* descanso */
$GVOrange: #F4A330;  /* ativo e down */

/* Classe */
a.botao {
	color: #FFF;
	display: inline-block;
	padding: 0.5em 1em 0.4em;
	cursor: pointer;

sgobin

<label for="uf">Estado</label>
<select name="uf" id="uf">
	<option selected="selected" value="">&nbsp;</option>
	<option value="AC">Acre</option>
	<option value="AL">Alagoas</option>
	<option value="AP">Amapá</option>
	<option value="AM">Amazonas</option>
	<option value="BA">Bahia</option>
	<option value="CE">Ceará</option>
	<option value="DF">Distrito Federal</option>

sgobin

function calculaMaioridade(nasc) {
	var hoje = new Date(), idade;

	idade = (
      		(hoje.getMonth() > nasc.getMonth())
      		||
      		(hoje.getMonth() == nasc.getMonth() && hoje.getDate() >= nasc.getDate())
    		) ? hoje.getFullYear() - nasc.getFullYear() : hoje.getFullYear() - nasc.getFullYear()-1;

	if (idade > 18) { return true; }

sgobin

▲ and ▼ if you can't include Unicode characters directly. (Use UTF-8!)

U+25B2 (Black up-pointing triangle ▲)
U+25BC (Black down-pointing triangle ▼)
U+25C0 (Black left-pointing triangle ◀)
U+25B6 (Black right-pointing triangle ▶)

U+25B3 (White up-pointing triangle △)
U+25BD (White down-pointing triangle ▽)
U+25C1 (White left-pointing triangle ◁)

sgobin

@mixin fontLight {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "wf_SegoeUILight", "wf_SegoeUI", "Segoe UI", "Roboto Light", sans-serif;
    font-weight: 300;
}

sgobin

// Mobile First


// Médio - landscape smartphones e tablets pequenos
@media screen and (min-width: 28.75em) {

  estilos...
    
}

sgobin

// Media Queries in Sass 3.2
//
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all 
// trigger at different points along the way
//
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break

sgobin

// Converte para em
@function re($target, $context){
        @return ($target/$context)+0em;
}

// Converte para %
@function rp( $target, $context ) {
  @return $target / $context * 100%;
}

sgobin

/* RESETS */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/**********
Variaveis
**********/

$gridPad: 10px;

/*******************

sgobin

<ul class="menu">
	<li><a href="javascript:;">Home</a></li>
	<li class="tem-submenu"><a href="javascript:;">Viagens para o Peru</a>
		<div class="submenu">
			<ul>
				<li><a href="#">Peru</a></li>
				<li><a href="#">Peru &amp; Argentina</a></li>
				<li><a href="#">Peru &amp; Amazônia</a></li>
			</ul>
			<ul>