| OLD | NEW |
| (Empty) |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 :host { | |
| 6 align-self: center; | |
| 7 } | |
| 8 | |
| 9 #container { | |
| 10 color: var(--paper-grey-800); | |
| 11 line-height: 20px; | |
| 12 width: 624px; | |
| 13 } | |
| 14 | |
| 15 #title-area { | |
| 16 border-bottom: 1px solid rgba(0, 0, 0, .12); | |
| 17 font-size: 16px; | |
| 18 padding-bottom: 16px; | |
| 19 } | |
| 20 | |
| 21 #title-area iron-icon { | |
| 22 --iron-icon-height: 20px; | |
| 23 --iron-icon-width: 20px; | |
| 24 color: var(--google-grey-500); | |
| 25 } | |
| 26 | |
| 27 .content-area { | |
| 28 padding-top: 32px; | |
| 29 white-space: pre-wrap; | |
| 30 word-wrap: break-word; | |
| 31 } | |
| 32 | |
| 33 #actions { | |
| 34 bottom: 16px; | |
| 35 position: absolute; | |
| 36 right: 16px; | |
| 37 } | |
| 38 | |
| 39 :host-context([dir='rtl']) #actions { | |
| 40 left: 16px; | |
| 41 right: auto; | |
| 42 } | |
| 43 | |
| 44 #actions paper-button { | |
| 45 border-radius: 2px; | |
| 46 font-weight: 500; | |
| 47 line-height: 32px; | |
| 48 margin: 0; | |
| 49 min-width: 52px; | |
| 50 padding: 0 16px; | |
| 51 } | |
| 52 | |
| 53 #actions #done { | |
| 54 background: var(--google-blue-500); | |
| 55 color: white; | |
| 56 } | |
| OLD | NEW |