luisfelipe-dev
/ Header Css
Last active
August 28, 2018 19:31
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| 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
/ Classe Container com Breakpoints
Created
August 28, 2018 19:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| /* BREAKPOINT 576px */ | |
| @media (min-width: 36em) { |
luisfelipe-dev
/ Ultimos Posts
Last active
August 28, 2018 22:07
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- INICIO MAIN --> | |
| <main> | |
| <!-- INICIO ULTIMOS POSTS --> | |
| <section> | |
| <div class='ultimos-posts'> | |
| <div class='container'> | |
| <div class='d-flex'> | |
| <h2>Últimos Posts</h2> |
luisfelipe-dev
/ Classe Css - Ultimos Posts
Last active
August 28, 2018 22:08
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* MAIN */ | |
| main { | |
| width: 100%; | |
| margin-top: 2rem; | |
| } | |
| .d-flex { | |
| display: flex; |
luisfelipe-dev
/ Breakpoints Ultimo Post
Last active
August 28, 2018 22:14
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* BREAKPOINT 576px */ | |
| @media (min-width: 36em) { | |
| .container { | |
| max-width: 540px; | |
| } | |
| .destaque li figcaption h3 { | |
| color: #fff; | |
| font-size: 2em; | |
| } |
luisfelipe-dev
/ Post Categoria
Created
August 28, 2018 22:46
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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
/ Classe Post Categorias
Created
August 28, 2018 22:49
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .post-categoria { | |
| width: 100%; | |
| margin-top: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| .post-categoria .item-post { | |
| width: 100%; | |
| margin-bottom: 1rem; | |
| } |
luisfelipe-dev
/ Breakpoints Post Categoria
Created
August 28, 2018 22:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* BREAKPOINT 576px */ | |
| @media (min-width: 36em) { | |
| .container { | |
| max-width: 540px; | |
| } | |
| .destaque li figcaption h3 { | |
| color: #fff; | |
| font-size: 2em; | |
| } |
luisfelipe-dev
/ Newsletter
Created
August 30, 2018 20:24
luisfelipe-dev
/ Newsletter Css
Created
August 30, 2018 20:25