OLD | NEW |
---|---|
1 <dom-module id="shared-style"> | 1 <dom-module id="shared-style"> |
2 <template> | 2 <template> |
3 <style> | 3 <style> |
4 :root { | 4 :root { |
5 --card-border-color: rgba(0, 0, 0, 0.14); | 5 --card-border-color: rgba(0, 0, 0, 0.14); |
6 --card-first-last-item-padding: 8px; | 6 --card-first-last-item-padding: 8px; |
7 --card-max-width: 960px; | 7 --card-max-width: 960px; |
8 --card-min-width: 500px; | 8 --card-min-width: 500px; |
9 --card-padding-between: 20px; | 9 --card-padding-between: 20px; |
10 --card-padding-side: 24px; | 10 --card-padding-side: 24px; |
11 --first-card-padding-top: 40px; | 11 --first-card-padding-top: 24px; |
12 --side-bar-width: 256px; | 12 --side-bar-width: 256px; |
13 --toolbar-grouped-height: 101px; | |
14 --toolbar-height: 56px; | |
calamity
2016/06/21 08:18:00
Changing these won't change the toolbar height or
tsergeant
2016/06/22 01:13:45
Done.
| |
13 } | 15 } |
14 | 16 |
15 [hidden] { | 17 [hidden] { |
16 display: none !important; | 18 display: none !important; |
17 } | 19 } |
18 | 20 |
19 .card-title { | 21 .card-title { |
20 @apply(--layout-center); | 22 @apply(--layout-center); |
21 @apply(--layout-horizontal); | 23 @apply(--layout-horizontal); |
22 -webkit-padding-start: 20px; | 24 -webkit-padding-start: 20px; |
23 background: #fafafa; | 25 background: #fafafa; |
24 border-bottom: 1px solid var(--card-border-color); | 26 border-bottom: 1px solid var(--card-border-color); |
25 border-radius: 2px 2px 0 0; | 27 border-radius: 2px 2px 0 0; |
26 color: #333; | 28 color: #333; |
27 font-size: 14px; | 29 font-size: 14px; |
28 font-weight: 500; | 30 font-weight: 500; |
29 height: 48px; | 31 height: 48px; |
30 } | 32 } |
31 | 33 |
32 .centered-message { | 34 .centered-message { |
33 align-items: center; | 35 align-items: center; |
34 color: #b4b4b4; | 36 color: #b4b4b4; |
35 display: flex; | 37 display: flex; |
36 flex: 1; | 38 flex: 1; |
37 font-size: 14px; | 39 font-size: 14px; |
38 font-weight: 500; | 40 font-weight: 500; |
41 height: 100%; | |
39 justify-content: center; | 42 justify-content: center; |
40 } | 43 } |
41 | 44 |
42 .website-icon { | 45 .website-icon { |
43 -webkit-margin-end: 16px; | 46 -webkit-margin-end: 16px; |
44 background-repeat: no-repeat; | 47 background-repeat: no-repeat; |
45 background-size: 16px; | 48 background-size: 16px; |
46 height: 16px; | 49 height: 16px; |
47 width: 16px; | 50 width: 16px; |
48 } | 51 } |
49 | 52 |
50 .website-title { | 53 .website-title { |
51 color: #333; | 54 color: #333; |
52 overflow: hidden; | 55 overflow: hidden; |
53 text-decoration: none; | 56 text-decoration: none; |
54 text-overflow: ellipsis; | 57 text-overflow: ellipsis; |
55 white-space: nowrap; | 58 white-space: nowrap; |
56 } | 59 } |
57 | 60 |
58 .website-title:hover { | 61 .website-title:hover { |
59 text-decoration: underline; | 62 text-decoration: underline; |
60 } | 63 } |
61 </style> | 64 </style> |
62 </template> | 65 </template> |
63 </dom-module> | 66 </dom-module> |
OLD | NEW |