luisfelipe-dev
/ Adicionar Imagem na seta do OWL
Last active
November 1, 2018 14: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
| .owl-next { | |
| background: url(../img/seta.png) no-repeat center !important; | |
| color: transparent !important; | |
| height: 75px; | |
| opacity: 0.9 !important; | |
| } | |
| OU ADICIONAR NO PROPRIO JS | |
| jQuery(".equipe-owl").owlCarousel({ |
luisfelipe-dev
/ Classe exclusiva para categoria no Wordpress
Created
November 13, 2018 15:08
Loop para adicionar o nome da categoria na classe.
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
| <?php | |
| $args = array( | |
| 'post_type' => 'post', | |
| 'posts_per_page' => 100, | |
| 'orderby' => 'date', | |
| 'order' => 'DESC' | |
| ); | |
| $loop = new WP_Query( $args ); | |
| while ( $loop->have_posts() ): |
luisfelipe-dev
/ Center and crop thumbnails with CSS
Last active
January 31, 2019 17:55
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
| .thumbnail { | |
| position: relative; | |
| width: 200px; | |
| height: 200px; | |
| overflow: hidden; | |
| } | |
| *object-fit: cover; | |
| .thumbnail img { |
luisfelipe-dev
/ User Settings - VsCode
Last active
July 11, 2020 06: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
| { | |
| "workbench.colorTheme": "Cobalt2", | |
| "terminal.integrated.fontSize": 14, | |
| "workbench.iconTheme": "material-icon-theme", | |
| "workbench.startupEditor": "newUntitledFile", | |
| "editor.tabSize": 2, | |
| "editor.fontSize": 14, | |
| "editor.lineHeight": 24, | |
| "editor.fontFamily": "Fira Code", | |
| "editor.fontLigatures": true, |
luisfelipe-dev
/ CSS
Last active
November 11, 2019 16: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;} | |
| ::-webkit-input-placeholder {font-weight: normal;} | |
| ::-moz-placeholder {font-weight: normal;} | |
| :-ms-input-placeholder {font-weight: normal;} | |
| :-moz-placeholder {font-weight: normal;} | |
| body{margin: 0;font-family: sans-serif;} | |
| header{ | |
| height: 45px; | |
| background-color: #FFD400; | |
| width: 100%; |
luisfelipe-dev
/ Desafio 01
Created
November 13, 2019 00:55
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
| const usuarios = [ | |
| { nome: "Carlos", tecnologias: ["HTML", "CSS"] }, | |
| { nome: "Jasmine", tecnologias: ["JavaScript", "CSS"] }, | |
| { nome: "Tuane", tecnologias: ["HTML", "Node.js"] } | |
| ]; | |
| function listaUsuarios(users) { | |
| for (let i = 0; i < users.length; i++) { | |
| console.log(`${users[i].nome} trabalha com ${users[i].tecnologias}`); | |
| } |
luisfelipe-dev
/ Masks
Created
November 21, 2019 13:40
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
| const Masks = { | |
| methods: { | |
| maskCep() { | |
| return "#####-###"; | |
| }, | |
| maskPhone() { | |
| return "(##) #####-####"; | |
| }, | |
| maskNumber(len) { | |
| if (len) { |
luisfelipe-dev
/ Sass Minify Comand
Created
May 8, 2020 20: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
| sass --watch style.scss:styles/style.min.css --style compressed | |
luisfelipe-dev
/ Header Scroll React
Last active
September 9, 2020 13:16
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
| const headerElement = useRef(null); | |
| useEffect(() => { | |
| window.onscroll = () => { | |
| const headerScrollPosition = headerElement.current.scrollTop + headerElement.current.clientHeight; | |
| if (window.scrollY >= headerScrollPosition) { | |
| setScrolled(true); | |
| } else { | |
| setScrolled(false); |
luisfelipe-dev
/ Object to Array in Javascript
Created
July 3, 2020 13:17
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
| const user = { | |
| name: "Luís Felipe" | |
| age: "28", | |
| ocupation: "Front-end" | |
| } | |
| const userArray = Object.values(user) | |
| console.log(userArray) |