← Back to branch summary

~ubuntuone-pqm-team/canonical-identity-provider/trunk

« back to all changes in this revision

Viewing changes to src/identityprovider/static/css/typography-base.css

  • Committer: Stephen Stewart
  • Date: 2014-08-06 11:25:32 UTC
  • mto: This revision was merged to the branch mainline in revision 1173.
  • Revision ID: stephen.stewart@canonical.com-20140806112532-c2273u97hxgtqqb9
* add vendor auto prefixing
* comment out linting for now

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/identityprovider/static/css/typography-base.css
 
1
/* Typography Base
 
2
 *
 
3
 * This is not meant to be a complete
 
4
 * definition of every type variation but rather the core, or base, type styles
 
5
 * in use.
 
6
 *
 
7
 */
 
8
 
 
9
select,
 
10
input,
 
11
button,
 
12
textarea,
 
13
body {
 
14
    font-family: Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, sans-serif;
 
15
    color: #333;
 
16
    line-height: 1.5;
 
17
    font-weight: 300;
 
18
}
 
19
 
 
20
/* --- Headings ------------------------------------------------------------ */
 
21
 
 
22
h1, h2, h3, h4,
 
23
.u1-h-display,
 
24
.u1-h-main,
 
25
h1.main,
 
26
.u1-h-med,
 
27
.u1-h-light {
 
28
    font-weight:300;
 
29
    line-height: 1.3;
 
30
}
 
31
 
 
32
h5, h6,
 
33
.u1-h-small,
 
34
.u1-h-subhead {
 
35
    font-weight:700;
 
36
}
 
37
 
 
38
h6, .u1-h-subhead {
 
39
    text-transform: uppercase;
 
40
}
 
41
 
 
42
.u1-h-pair {
 
43
    margin-bottom: 12px;
 
44
}
 
45
 
 
46
/* small screen */
 
47
 
 
48
h1, .u1-h-display {
 
49
    font-size:32px;
 
50
}
 
51
h2, .u1-h-main, h1.main { /* dirty */
 
52
    font-size:23px;
 
53
}
 
54
h3, .u1-h-med, .faq-q {
 
55
    font-size:20px;
 
56
}
 
57
h4, .u1-h-light {
 
58
    font-size:16px;
 
59
}
 
60
h5, .u1-h-small {
 
61
    font-size:13px;
 
62
}
 
63
h6, .u1-h-subhead {
 
64
    font-size:12px;
 
65
    text-transform: uppercase;
 
66
}
 
67
 
 
68
/* everything else */
 
69
 
 
70
@media all and (min-width:480px) {
 
71
 
 
72
    h1, .u1-h-display {
 
73
        font-size:45px;
 
74
    }
 
75
    h2, .u1-h-main, h1.main {
 
76
        font-size:32px;
 
77
    }
 
78
    h3, .u1-h-med, .faq-q {
 
79
        font-size:23px;
 
80
    }
 
81
    h4, .u1-h-light {
 
82
        font-size:20px;
 
83
    }
 
84
    h5, .u1-h-small {
 
85
        font-size:16px;
 
86
    }
 
87
    h6, .u1-h-subhead {
 
88
        font-size:13px;
 
89
    }
 
90
 
 
91
}
 
92
 
 
93
/* --- Everything Else ----------------------------------------------------- */
 
94
 
 
95
p {
 
96
    font-size: 16px;
 
97
    margin-bottom: 0.75em;
 
98
}
 
99
 
 
100
strong, b { font-weight: bold; }
 
101
em, i { font-style: italic; }
 
102
 
 
103
a,
 
104
a:link,
 
105
a:active,
 
106
a:hover,
 
107
a:visited {
 
108
    color: #dd4814;
 
109
    text-decoration: none;
 
110
}
 
111
em, i {
 
112
    font-style: italic;
 
113
}
 
114
 
 
115
strong, b {
 
116
    font-weight:700;
 
117
}