Subversion Repositories cheapmusic

Rev

Rev 5 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 5 Rev 6
Line 42... Line 42...
42 
}
 42 
}
43 
 
 43 
 
44 
/* responsive typography */
 44 
/* responsive typography */
45 
/* xs < 576 */
 45 
/* xs < 576 */
46 
 @media screen and (max-width: 575px) {
 46 
 @media screen and (max-width: 575px) {
47 
    th, td { font-size: 0.8em; }
 47 
    th, td, .display-7 { font-size: 0.8em; }
48 
    .display-4 {font-size: 1.5rem;}
 48 
    .display-4 {font-size: 1.5rem;}
49 
    .display-5 {font-size: 1.0rem;}
 49 
    .display-5 {font-size: 1.0rem;}
50 
    .display-6 {font-size: 1.0rem;}
 50 
    .display-6 {font-size: 1.0rem;}
51 
}
 51 
}
52 
/* sm < 768 */
 52 
/* sm < 768 */
53 
 @media screen and (max-width: 767px) {
 53 
 @media screen and (max-width: 767px) {
54 
    th, td { font-size: 0.9em; }
 54 
    th, td, .display-7 { font-size: 0.9em; }
55 
    .display-4 {font-size: 2.0rem;}
 55 
    .display-4 {font-size: 2.0rem;}
56 
    .display-5 {font-size: 1.4rem;}
 56 
    .display-5 {font-size: 1.4rem;}
57 
    .display-6 {font-size: 1.0rem;}
 57 
    .display-6 {font-size: 1.0rem;}
58 
}
 58 
}
59 
/* md */
 59 
/* md */
60 
 @media screen and (min-width: 768px) {
 60 
 @media screen and (min-width: 768px) {
61 
    th, td { font-size: 1em; }
 61 
    th, td, .display-7 { font-size: 1em; }
62 
    .display-4 {font-size: 2.5rem;}
 62 
    .display-4 {font-size: 2.5rem;}
63 
    .display-5 {font-size: 1.7rem;}
 63 
    .display-5 {font-size: 1.7rem;}
64 
    .display-6 {font-size: 1.20rem;}
 64 
    .display-6 {font-size: 1.20rem;}
65 
}
 65 
}
66 
/* lg */
 66 
/* lg */
67 
 @media screen and (min-width: 992px) {
 67 
 @media screen and (min-width: 992px) {
68 
    th, td { font-size: 1.1em; }
 68 
    th, td, .display-7 { font-size: 1.1em; }
69 
    .display-4 {font-size: 3.0rem;}
 69 
    .display-4 {font-size: 3.0rem;}
70 
    .display-5 {font-size: 2.1rem;}
 70 
    .display-5 {font-size: 2.1rem;}
71 
    .display-6 {font-size: 1.35rem;}
 71 
    .display-6 {font-size: 1.35rem;}
72 
}
 72 
}
73 
/* xl */
 73 
/* xl */
74 
 @media screen and (min-width: 1200px) {
 74 
 @media screen and (min-width: 1200px) {
75 
    th, td { font-size: 1.2em; }
 75 
    th, td, .display-7 { font-size: 1.2em; }
76 
    .display-4 {font-size: 3.5rem;}
 76 
    .display-4 {font-size: 3.5rem;}
77 
    .display-5 {font-size: 2.5rem;}
 77 
    .display-5 {font-size: 2.5rem;}
78 
    .display-6 {font-size: 1.5rem;}
 78 
    .display-6 {font-size: 1.5rem;}
79 
}
 79 
}