Sgobin sgobin

## .gitignore
# Compiled source #
###################
*.com
*.class
*.dll
*.exe
*.o
*.so

# Packages #

## renomear
#!/bin/bash
for file in $1/*
do
	if [ ! -d $file ]
	then
		nome=`echo $file | cut -d '.' -f2 | cut -d '/' -f2`
		ext=`echo $file | cut -d '.' -f3`
		if [ $ext == "asp" ]
		then
			echo $file

## formulario.html
<form action="" class="formInsc">
	<div class="linha lnForm">
		<div class="nove colunas">
			<label for="nome">Nome Completo</label>
			<input type="text" name="nome" id="name">
		</div>
		<div class="tres colunas">
			<label for="area">Área de Formação</label>
			<select name="area" id="area">
				<option value="1">Neurologia</option>

## sprite-retina.scss
// Sprite normal tem 100px x 200px -
// O Sprite retina é exatamente o dobro do normal: 200px x 400px

.sprite {
  background-image: url(sprite.png);
  background-repeat: no-repeat;
	text-indent: -9999em;
	display: block;
	float: left;
}

## menu.html
<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>

## _gridSgobin.scss
/* RESETS */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

$gridPad: 10px;

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

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

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

## _media-queries.scss
// 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

## media-queries-retina.scss
// Mobile First


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

  estilos...

}

## helvetica-neue-light.scss
@mixin fontLight {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "wf_SegoeUILight", "wf_SegoeUI", "Segoe UI", "Roboto Light", sans-serif;
    font-weight: 300;
}
	# Compiled source #
	###################
	*.com
	*.class
	*.dll
	*.exe
	*.o
	*.so

	# Packages #
	#!/bin/bash
	for file in $1/*
	do
	if [ ! -d $file ]
	then
	nome=`echo $file \| cut -d '.' -f2 \| cut -d '/' -f2`
	ext=`echo $file \| cut -d '.' -f3`
	if [ $ext == "asp" ]
	then
	echo $file
	<form action="" class="formInsc">
	<div class="linha lnForm">
	<div class="nove colunas">
	<label for="nome">Nome Completo</label>
	<input type="text" name="nome" id="name">
	</div>
	<div class="tres colunas">
	<label for="area">Área de Formação</label>
	<select name="area" id="area">
	<option value="1">Neurologia</option>
	// Sprite normal tem 100px x 200px -
	// O Sprite retina é exatamente o dobro do normal: 200px x 400px

	.sprite {
	background-image: url(sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999em;
	display: block;
	float: left;
	}
	/* RESETS */
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

	$gridPad: 10px;

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

	// Converte para %
	@function rp( $target, $context ) {
	@return $target / $context * 100%;
	}
	// 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
	// Mobile First


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

	estilos...

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