UNPKG

791 Btext/lessView Raw
1
2/* ==========================================================================
3 (Responsive) Max-width content
4 ========================================================================== */
5
6.max-width-content {
7 margin: 0 auto;
8 padding: @spacing;
9 width: 100%;
10}
11
12/**
13 * Mobile and Tablet
14 */
15@media only screen and (max-width: 767px) {
16 .max-width-content {
17 width: 100%;
18 }
19}
20
21/**
22 * Tablet
23 */
24@media only screen and (min-width: 768px) and (max-width: 980px) {
25 .max-width-content {
26 max-width: 768px;
27 }
28}
29
30/**
31 * Standard
32 */
33@media only screen and (min-width: 980px) and (max-width: 1200px) {
34 .max-width-content {
35 max-width: 980px;
36 }
37}
38
39/**
40 * Large Screens
41 */
42@media only screen and (min-width: 1200px) {
43 .max-width-content {
44 max-width: 1200px;
45 }
46}
\No newline at end of file