Skip to content

Instantly share code, notes, and snippets.

View matheusmurta's full-sized avatar
👨‍💻
Focusing

Matheus Gonçalves Murta matheusmurta

👨‍💻
Focusing
View GitHub Profile
@matheusmurta
matheusmurta / gist:934e56749a34d8ce79bfbccab05cc890
Created June 23, 2020 19:12 — forked from Mikodes/gist:be9b9ce42e46c3d4ccb6
All Media queries for resolutions
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* insert styles here */
}
/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
/* insert styles here */
}
@matheusmurta
matheusmurta / sass-7-1-pattern.scss
Created February 21, 2020 13:21 — forked from rveitch/sass-7-1-pattern.scss
Sass 7-1 Pattern
sass/
|
|– base/
| |– _reset.scss # Reset/normalize
| |– _typography.scss # Typography rules
| ... # Etc…
|
|– components/
| |– _buttons.scss # Buttons
| |– _carousel.scss # Carousel
@matheusmurta
matheusmurta / npm-commands.md
Created February 19, 2020 16:06 — forked from ankurk91/npm-commands.md
Useful npm commands and tricks

npm v3.10 - ◾

If you are learning npm then i would suggest to go for yarn, dont waste your time in learning npm

⚠️ This gist is outdated, but most of the commands are still relevant.

Update npm itself

npm install -g npm
# Downgrade to a specific version
@matheusmurta
matheusmurta / keyframes-sass-output.css
Created September 20, 2019 13:46 — forked from mirisuzanne/keyframes-sass-output.css
A Keyframes Mixin (Sass only)
@-webkit-keyframes bgcolor { 0% { background-color: #ffccf2; }
50% { background-color: #ccffcc; }
100% { background-color: #ccffff; } }
@-moz-keyframes bgcolor { 0% { background-color: #ffccf2; }
50% { background-color: #ccffcc; }
100% { background-color: #ccffff; } }
@-ms-keyframes bgcolor { 0% { background-color: #ffccf2; }
50% { background-color: #ccffcc; }