1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | .demo-page--typography {
|
18 | color: rgba(0, 0, 0, 0.87);
|
19 | }
|
20 |
|
21 | .demo-page--typography table th {
|
22 | padding-right: 80px;
|
23 |
|
24 | vertical-align: top;
|
25 | text-align: left;
|
26 | }
|
27 |
|
28 | .demo-typography--white {
|
29 | background-color: white;
|
30 | color: black;
|
31 | }
|
32 |
|
33 | .demo-typography--black {
|
34 | background-color: black;
|
35 | color: white;
|
36 | }
|
37 |
|
38 | .demo-typography--white,
|
39 | .demo-typography--black,
|
40 | .demo-typography--img-1,
|
41 | .demo-typography--img-2 {
|
42 | width: 360px;
|
43 | height: 272px;
|
44 |
|
45 | padding: 16px;
|
46 | box-sizing: border-box;
|
47 | }
|
48 |
|
49 | .demo-typography--img-1 {
|
50 | background-image: url(../demo-images/img-1.png);
|
51 | color: white;
|
52 | }
|
53 |
|
54 | .demo-typography--img-2 {
|
55 | background-image: url(../demo-images/img-2.png);
|
56 | color: white;
|
57 | }
|