Skip to content

Instantly share code, notes, and snippets.

View hulkish's full-sized avatar
💥
pow, things and more things!

Steven Hargrove hulkish

💥
pow, things and more things!
View GitHub Profile
@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;
@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 {
/* 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;