Skip to content

Instantly share code, notes, and snippets.

Avatar
💥
pow, things and more things!

Steven Hargrove hulkish

💥
pow, things and more things!
View GitHub Profile
View .babelrc
{
"plugins": [
"react-hot-loader/babel"// this should not be used, but still shows up if you inspect bundle
]
}
View evenify
let beforeInts = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 100, 112, 113];
let afterInts = evenify(beforeInts);
console.log('beforeInts: ' + beforeInts);
console.log('afterInts: ' + afterInts);
function evenify(ints, currentIndex = 0, evenInts = []) {// es6 feature for default argument values
let currentInt = ints[currentIndex];
if (currentInt % 2 === 0) {
evenInts.push(currentInt);
View media-queries.less
@screen-xs: 480px;
@screen-sm: 600px;
@screen-md: 768px;
@screen-lg: 960px;
@screen-xs-min: @screen-xs;
@screen-sm-min: @screen-sm;
@screen-md-min: @screen-md;
@screen-lg-min: @screen-lg;
View devices-mixins.less
@screenMobile: 320px;
@screenTablet: 768px;
@screenDesktop: 992px;
@screenLarge: 1200px;
@screenExtraLarge: 1600px;
.mobile(@rules, @invert: false) {
.mixin (@invert) when (@invert = false) {
@query: ~"(min-width: @{screenMobile})";
@media @query {
View bootstrap-equal-height.css
/* From: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */
/* columns of same height styles */
.container-xs-height {
display:table;
padding-left:0px;
padding-right:0px;
}
.row-xs-height {
display:table-row;