| OLD | NEW |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /** | 5 /** |
| 6 * @fileoverview | 6 * @fileoverview |
| 7 * Common styles for Material Design settings. | 7 * Common styles for Material Design settings. |
| 8 */ | 8 */ |
| 9 | 9 |
| 10 <dom-module id="settings-shared"> | 10 <dom-module id="settings-shared"> |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 101 | 101 |
| 102 .button-row { | 102 .button-row { |
| 103 display: flex; | 103 display: flex; |
| 104 margin-top: 25px; | 104 margin-top: 25px; |
| 105 } | 105 } |
| 106 | 106 |
| 107 .button-strip { | 107 .button-strip { |
| 108 text-align: end; | 108 text-align: end; |
| 109 } | 109 } |
| 110 | 110 |
| 111 .action-button { |
| 112 background: var(--google-blue-500); |
| 113 color: white; |
| 114 font-weight: 500; |
| 115 } |
| 116 |
| 117 .action-button[disabled] { |
| 118 opacity: .25; /* TODO(dbeam): check this value with bettes. */ |
| 119 } |
| 120 |
| 111 .list-frame { | 121 .list-frame { |
| 112 @apply(--layout-center); | 122 @apply(--layout-center); |
| 113 -webkit-padding-end: 20px; | 123 -webkit-padding-end: 20px; |
| 114 -webkit-padding-start: 48px; | 124 -webkit-padding-start: 48px; |
| 115 display: block; | 125 display: block; |
| 116 padding-bottom: 0; | 126 padding-bottom: 0; |
| 117 padding-top: 0; | 127 padding-top: 0; |
| 118 } | 128 } |
| 119 | 129 |
| 120 .list-frame select { | 130 .list-frame select { |
| (...skipping 112 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 233 .vertical-list > div:first-of-type { | 243 .vertical-list > div:first-of-type { |
| 234 border-top: none; | 244 border-top: none; |
| 235 } | 245 } |
| 236 | 246 |
| 237 .vertical-list > div { | 247 .vertical-list > div { |
| 238 border-top: 1px solid var(--paper-grey-300); | 248 border-top: 1px solid var(--paper-grey-300); |
| 239 } | 249 } |
| 240 </style> | 250 </style> |
| 241 </template> | 251 </template> |
| 242 </dom-module> | 252 </dom-module> |
| OLD | NEW |