| <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| <link rel="import" href="shared_vars.html"> |
| |
| <dom-module id="shared-style"> |
| <template> |
| <style include="cr-shared-style"> |
| a[href] { |
| color: var(--cr-link-color); |
| text-decoration: none; |
| } |
| |
| .activity-message { |
| color: var(--md-loading-message-color); |
| font-size: 123%; /* Should be 16px when 100% is 13px. */ |
| font-weight: 500; |
| margin-top: 80px; |
| text-align: center; |
| } |
| |
| .page-container { |
| height: 100%; |
| overflow: overlay; |
| } |
| |
| .page-content { |
| @apply --cr-card-elevation; |
| background-color: var(--cr-card-background-color); |
| box-sizing: border-box; |
| margin: auto; |
| min-height: 100%; |
| padding-bottom: 64px; |
| width: var(--cr-toolbar-field-width); |
| } |
| |
| .page-header { |
| align-items: center; |
| display: flex; |
| height: 40px; |
| margin-bottom: 12px; |
| padding: 8px 12px 0; |
| } |
| |
| .link-icon-button { |
| align-items: center; |
| display: flex; |
| justify-content: center; |
| } |
| |
| .separator { |
| border-inline-start: var(--cr-separator-line); |
| flex-shrink: 0; |
| |
| /* Section height - gap. */ |
| height: calc(var(--cr-section-min-height) - var(--separator-gap)); |
| margin-inline-end: var(--cr-section-padding); |
| |
| /* Makes the tappable area fill its parent. |
| * TODO(scottchen): This is an explicit reminder to override once |
| * .separator styling is extracted from settings. */ |
| margin-inline-start: 0; |
| } |
| |
| .separator + paper-icon-button-light { |
| margin-inline-start: var(--cr-icon-ripple-margin); |
| } |
| </style> |
| </template> |
| </dom-module> |