Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Andrew Abogado andrewabogado

🎯
Focusing
View GitHub Profile
@andrewabogado
andrewabogado / 0_reuse_code.js
Last active Aug 29, 2015
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@andrewabogado
andrewabogado / extend-placehoder-media-query.css
Last active Aug 29, 2015
Extending a %placeholder selector within a media query block without resulting to compile error.
View extend-placehoder-media-query.css
.some-class {
color: blue;
}
@media (max-width: 800px) {
.some-class {
color: red;
}
}
@andrewabogado
andrewabogado / animate-up-down-mixin.scss
Last active Aug 29, 2015
Animate an element with up and down direction. Originally generated by SassMeister.com - http://sassmeister.com/gist/1fb08bc2e10d15e9523d
View animate-up-down-mixin.scss
// Add vendor prefixes to keyframes
@mixin keyframe ($animation_name, $fromTranslateY, $toTranslateY, $transition) {
@-webkit-keyframes $animation_name {
from {
-webkit-transform: $fromTranslateY;
-webkit-animation-timing-function: $transition;
}
to {
-webkit-transform: $toTranslateY;
-webkit-animation-timing-function: $transition;