screen.scss

/*  screen.scss
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

// Make sure the charset is set appropriately
@charset "UTF-8";

@import "compass/reset";

@import "../libs/foundation/scss/normalize",
        "../libs/foundation/scss/foundation/components/global",
        "../libs/foundation/scss/foundation/components/grid",
        "../libs/foundation/scss/foundation/components/block-grid";

@import "Foundation/settings";

@import "play-settings",
        "play-mixins",
        "play-keyframes",
        "Text/type-mixins",
        "navigation/_nav-helpers",
        "global-footer";

/* GENERAL SETUP
 * =============
 */
*
{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body
{
  background: image-url('bg-body.png');
}
footer
{
  background: $colour-grey;
  color: #FFF;
  padding: 50px;
  position: relative;
  text-align: center;
}

/* RESPONSIVE HOOKS
 * ================
 */
body::after
{
  content: 'small';
  display: none;
  // display: block;
  position: fixed;
  padding: 10px;
  background: #FFF;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
}

.no-more:last-child
{
  height: 4em;
}


@media #{$medium-only}
{
  body::after
  {
    content: 'medium, small';
  }
}
@media #{$maxmedium-up}
{
  body::after
  {
    content: 'medium';
  }
}
@media #{$large-only}
{
  body::after
  {
    content: 'large';
  }
  footer
  {
    p.cta
    {
      @include font_headline();

      font-size: 1.4em;
    }
  }
}
@media #{$xlarge-only}
{
  body::after
  {
    content: 'xlarge';
  }
}
@media #{$xxlarge-only}
{
  body::after
  {
    content: 'xxlarge';
  }
}


@import "Text/type",
        "Text/contentarea",
        "navigation/nav",
        "Styles/responsive-controls",
        "Styles/text",
        "Styles/controls",
        "grid/_all",
        "tile/_all",
        "icon/icon",
        "Components/All",
        "Templates/All",
        "page/_all",
        "Parents/All";