root / drupal7 / sites / all / themes / pixture_reloaded / css / responsive.custom.css @ e326068a
1 |
/**
|
---|---|
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 |
*/
|