viewport media query vars

viewportvars.less

// Desktop or laptop
@viewport-wide:      	~"(min-width: 1024px)";

// Tablet in landscape mode
@viewport-medium:  	~"(min-width: 768px) and (max-width: 1023px)";

// Tablet in portrait mode or mobile phone in landscape mode
@viewport-narrow:   	~"(min-width: 480px) and (max-width: 767px)";

// Mobile phone in portrait mode
@viewport-tiny:        	~"(max-width: 479px)";