| OLD | NEW |
| 1 <link rel="import" href="chrome://history/shared_vars.html"> |
| 2 |
| 1 <dom-module id="shared-style"> | 3 <dom-module id="shared-style"> |
| 2 <template> | 4 <template> |
| 3 <style> | 5 <style> |
| 4 :root { | |
| 5 --card-border-color: rgba(0, 0, 0, 0.14); | |
| 6 --card-box-shadow: { | |
| 7 box-shadow: 0 2px 2px rgba(0, 0, 0, .05), | |
| 8 0 1px 4px rgba(0, 0, 0, .08), | |
| 9 0 1px 1px rgba(0, 0, 0, .2);; | |
| 10 }; | |
| 11 --card-container-filter: { | |
| 12 filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05)) | |
| 13 drop-shadow(0 1px 0px rgba(0, 0, 0, .08)) | |
| 14 drop-shadow(0 1px 1px rgba(0, 0, 0, .2)); | |
| 15 }; | |
| 16 --card-first-last-item-padding: 8px; | |
| 17 --card-max-width: 960px; | |
| 18 --card-min-width: 550px; | |
| 19 --card-padding-between: 20px; | |
| 20 --card-padding-side: 24px; | |
| 21 --card-sizing: { | |
| 22 margin: 0 auto; | |
| 23 max-width: var(--card-max-width); | |
| 24 min-width: var(--card-min-width); | |
| 25 padding: 0 var(--card-padding-side); | |
| 26 width: calc(100% - 2 * var(--card-padding-side)); | |
| 27 }; | |
| 28 --first-card-padding-top: 24px; | |
| 29 --item-height: 44px; | |
| 30 --primary-text-color: #333; | |
| 31 --secondary-text-color: #757575; | |
| 32 --side-bar-width: 256px; | |
| 33 --toolbar-grouped-height: 101px; | |
| 34 --toolbar-height: 56px; | |
| 35 } | |
| 36 | |
| 37 [hidden] { | 6 [hidden] { |
| 38 display: none !important; | 7 display: none !important; |
| 39 } | 8 } |
| 40 | 9 |
| 41 .card-title { | 10 .card-title { |
| 42 @apply(--layout-center); | 11 @apply(--layout-center); |
| 43 @apply(--layout-horizontal); | 12 @apply(--layout-horizontal); |
| 44 -webkit-padding-start: 20px; | 13 -webkit-padding-start: 20px; |
| 45 border-bottom: 1px solid var(--card-border-color); | 14 border-bottom: 1px solid var(--card-border-color); |
| 46 border-radius: 2px 2px 0 0; | 15 border-radius: 2px 2px 0 0; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 } | 59 } |
| 91 | 60 |
| 92 button.icon-button iron-icon { | 61 button.icon-button iron-icon { |
| 93 color: var(--secondary-text-color); | 62 color: var(--secondary-text-color); |
| 94 height: 20px; | 63 height: 20px; |
| 95 width: 20px; | 64 width: 20px; |
| 96 } | 65 } |
| 97 </style> | 66 </style> |
| 98 </template> | 67 </template> |
| 99 </dom-module> | 68 </dom-module> |
| OLD | NEW |