philwareham

// See a working demo at: http://hive-framework.philwareham.co.uk/#section-grid

/* ==========================================================================
   Layout for screen media at 1st breakpoint
   ========================================================================== */

@media screen and (min-width: 32em) {

    /**
     * Grid container.

addyosmani

{
    "name": "my-app",
    "version": "1.0.0",
    "description": "My test app",
    "main": "src/js/index.js",
    "scripts": {
        "jshint:dist": "jshint src/js/*.js",
        "jshint": "npm run jshint:dist",
        "jscs": "jscs src/*.js",
        "browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",

simmo

@mixin respond_to($device) {
  @if $device == handheld {
    @media only screen and (max-width: 767px) {
      @content
    }
  } @else if $device == handheld-landscape {
    @media only screen and (max-width: 767px) and (orientation: landscape) {
      @content
    }
  } @else if $device == handheld-portrait {

anthonyshort

// Media Queries in Sass 3.2
//
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all 
// trigger at different points along the way
//
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break