add extjs 6.0.1 sources

[extjs.git] / extjs / examples / modern / touchtomatoes / sass / etc / all.scss

@mixin query-small {\r
  @media only screen and (max-width: 480px){\r
    @content;\r
  }\r
}\r
\r
@mixin query-small-landscape {\r
  @media only screen and (orientation: landscape) and (max-height: 480px) and (min-height: 300px){\r
    @content;\r
  }\r
}\r
\r
@mixin query-medium {\r
  @media only screen and (min-width:481px) and (max-width: 1024px){\r
    @content;\r
  }\r
}\r
\r
@mixin query-large {\r
  @media only screen and (min-width: 1024px) {\r
    @content;\r
  }\r
}\r
\r
@mixin query-lumia-920 {\r
  @media only screen and (min-device-width : 768px) and (max-device-width : 1280px) {\r
    @content;\r
  }\r
}\r
\r
@mixin query-lumia-920-landscape {\r
  @media only screen and (orientation: landscape) and (min-device-width : 768px) and (max-device-width : 1280px) {\r
    @content;\r
  }\r
}\r
\r
.x-ie {\r
\r
  .x-toolbar {\r
    background-color: #f7f7f7;\r
    .x-button .x-button-icon {\r
      height: 1.3em;\r
    }\r
  }\r
  .grid .x-list-item {\r
    width: 50%;\r
\r
    @include query-lumia-920 {\r
      width: 50%;\r
    }\r
  }\r
\r
  .moviedetails {\r
    .title {\r
      @include query-lumia-920 {\r
        font-size: 1.5em;\r
      }\r
    }\r
    .img {\r
      @include query-lumia-920 {\r
        height: 75px;\r
      }\r
\r
      @include query-lumia-920-landscape {\r
        display: none;\r
      }\r
    }\r
    ul.cast {\r
      li {\r
        @include query-lumia-920 {\r
          font-size: .5em;\r
        }\r
      }\r
    }\r
  }\r
\r
  .welcomeOverlay.x-panel {\r
    background-color: rgba(0,0,0,.5);\r
\r
    .x-innerhtml {\r
      .message {\r
        font-size: 1em;\r
        @include query-lumia-920 {\r
          font-size: .8em;\r
        }\r
      }\r
    }\r
  }\r
}