1 | /**
|
2 | * Copyright 2015 Google Inc. All Rights Reserved.
|
3 | *
|
4 | * Licensed under the Apache License, Version 2.0 (the "License");
|
5 | * you may not use this file except in compliance with the License.
|
6 | * You may obtain a copy of the License at
|
7 | *
|
8 | * http://www.apache.org/licenses/LICENSE-2.0
|
9 | *
|
10 | * Unless required by applicable law or agreed to in writing, software
|
11 | * distributed under the License is distributed on an "AS IS" BASIS,
|
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13 | * See the License for the specific language governing permissions and
|
14 | * limitations under the License.
|
15 | */
|
16 |
|
17 | .demo-page--palette.demo-preview-block {
|
18 | display: inline-block;
|
19 | }
|
20 |
|
21 | .demo-palette {
|
22 | margin-top: 15px;
|
23 | width: 360px;
|
24 | float: left;
|
25 | }
|
26 |
|
27 | @media screen and (max-width: 360px ) {
|
28 | .demo-palette {
|
29 | width: 272px;
|
30 | }
|
31 | }
|
32 |
|
33 | .demo-palette-color, .demo-palette-heading {
|
34 | max-width: 300px;
|
35 | padding: 15px;
|
36 | color: white;
|
37 | }
|
38 |
|
39 | .demo-palette .demo-palette--dark-text,
|
40 | .demo-palette-heading.demo-palette--dark-text .demo-palette-name {
|
41 | color: #000;
|
42 | }
|
43 |
|
44 | .demo-palette-name {
|
45 | padding: 0 0 60px 0;
|
46 | }
|
47 |
|
48 | .demo-palette-single {
|
49 | padding: 15px 15px 25px;
|
50 | }
|
51 |
|
52 | .demo-palette-single .demo-palette-name {
|
53 | padding: 0;
|
54 | float: left;
|
55 | }
|