Skip to content

Instantly share code, notes, and snippets.

View luisfelipe-dev's full-sized avatar
:octocat:
👨🏻‍💻

Luís Felipe de Olivera luisfelipe-dev

:octocat:
👨🏻‍💻
69 followers · 119 following
View GitHub Profile
@luisfelipe-dev
luisfelipe-dev / Classe Post Categorias
Created August 28, 2018 22:49
.post-categoria {
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
}
.post-categoria .item-post {
width: 100%;
margin-bottom: 1rem;
}
@luisfelipe-dev
luisfelipe-dev / Post Categoria
Created August 28, 2018 22:46
<!-- INICIO POST CATEGORIA -->
<section>
<div class='post-categoria'>
<div class='container'>
<h2>React Native</h2>
<div class="d-flex">
<div class="item-post">
<a href="javascript:void(0)">
@luisfelipe-dev
luisfelipe-dev / Breakpoints Ultimo Post
Last active August 28, 2018 22:14
/* BREAKPOINT 576px */
@media (min-width: 36em) {
.container {
max-width: 540px;
}
.destaque li figcaption h3 {
color: #fff;
font-size: 2em;
}
@luisfelipe-dev
luisfelipe-dev / Classe Css - Ultimos Posts
Last active August 28, 2018 22:08
/* MAIN */
main {
width: 100%;
margin-top: 2rem;
}
.d-flex {
display: flex;
@luisfelipe-dev
luisfelipe-dev / Ultimos Posts
Last active August 28, 2018 22:07
<!-- INICIO MAIN -->
<main>
<!-- INICIO ULTIMOS POSTS -->
<section>
<div class='ultimos-posts'>
<div class='container'>
<div class='d-flex'>
<h2>Últimos Posts</h2>
@luisfelipe-dev
luisfelipe-dev / Classe Container com Breakpoints
Created August 28, 2018 19:15
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
/* BREAKPOINT 576px */
@media (min-width: 36em) {
@luisfelipe-dev
luisfelipe-dev / Header Css
Last active August 28, 2018 19:31
* {
box-sizing: border-box;
font-family: "Source Sans Pro", sans-serif;
}
header {
width: 100%;
background: #7159c1;
text-align: center;
padding-top: 0.4rem;
@luisfelipe-dev
luisfelipe-dev / Codigo Header - Index
Created August 28, 2018 18:58
<!-- INICIO HEADER -->
<header>
<img src="img/logo.png" alt="RockeSeat">
</header>
<!-- FIM HEADER -->
@luisfelipe-dev
luisfelipe-dev / Configuração do Head
Last active August 28, 2018 19:31
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RocketBlog - o Blog da RockeSeat</title>
<meta name="robots" content="index, follow" />
<!-- Favicon -->
@luisfelipe-dev
luisfelipe-dev / Desabilitar link no css
Created December 20, 2017 16:01
Classe para desabilitar um link via css