Chromium Code Reviews| 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 |