Proposal: a LESS variable for "not tablet or desktop"

[benlk]

See https://github.com/INN/Largo/blob/master/less/inc/variables.less#L122-L133:

@mobile:      ~"only screen and (max-width: 529px)";

@tablet:      ~"only screen and (min-width: 768px) and (max-width: 979px)";
@tabletDown:  ~"only screen and (max-width: 979px)";
@tabletUp:    ~"only screen and (min-width: 768px)";

@desktop:     ~"only screen and (min-width: 980px) and (max-width: 1128px)";

There's a media query for "up to 529px" and for "bigger than 768px", but not one for "up to 768px".

I don't know such a thing is included in Bootstrap 4, which we might want to look into for #newlargo.

[rclachance]

Let's punt this until we've switched to sass

[benlk]

I think we'll still need a similar variable for SASS.

[rclachance]

reopening and assigning to SASS milestone

[benlk]

Add LESS variable for up to 768px, to reduce off-by-1px errors in stylesheets.

[benlk]

@notTablet:    ~"only screen and (max-width: 767px)";

• add style to sheet
• first pass replacement of 767px rules with this.