root / drupal7 / sites / all / themes / pixture_reloaded / css / responsive.cascade.css @ 64ad485a
1 | 85ad3d82 | Assos Assos | /**
|
---|---|---|---|
2 | * responsive.cascade.css is for styles that will cascade and uses
|
||
3 | * min-width only media queries.
|
||
4 | *
|
||
5 | * All the other responsive stylesheets use a stacking method (by
|
||
6 | * default that is, you can change the media queries in theme settings),
|
||
7 | * however this uses a waterfall method so we can leverage the cascade
|
||
8 | * and inheritance for all browsers that support media queries, regardless
|
||
9 | * of screen size.
|
||
10 | *
|
||
11 | * NOTE: this file will NOT load by default, you need to enable it
|
||
12 | * in theme settings under "Global Settings".
|
||
13 | *
|
||
14 | * Usage: you must set the breakpoints manually.
|
||
15 | */
|
||
16 | |||
17 | /* Really small screens and up
|
||
18 | @media only screen and (min-width:220px) {
|
||
19 | }
|
||
20 | */
|
||
21 | |||
22 | /* Smartphones and up
|
||
23 | @media only screen and (min-width:320px) {
|
||
24 | }
|
||
25 | */
|
||
26 | |||
27 | /* Tablets and up
|
||
28 | @media only screen and (min-width:768px) {
|
||
29 | }
|
||
30 | */
|
||
31 | |||
32 | /* Desktops/laptops and up
|
||
33 | @media only screen and (min-width:1025px) {
|
||
34 | }
|
||
35 | */ |