| <link rel="import" href="shared_vars.html"> |
| <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| |
| <dom-module id="shared-style"> |
| <template> |
| <style include="cr-shared-style"> |
| paper-icon-button-light.more-vert-button > button { |
| padding: 8px; |
| } |
| |
| paper-icon-button-light.more-vert-button div { |
| border: 2px solid currentcolor; |
| border-radius: 2px; |
| margin: 1px 8px; |
| pointer-events: none; |
| transform: scale(0.8); |
| } |
| |
| hr { |
| background: rgba(0, 0, 0, 0.11); |
| border-width: 0; |
| height: 1px; |
| margin: 8px 0; |
| } |
| |
| .drag-above::before, |
| .drag-below::after { |
| background-clip: padding-box; |
| background-color: var(--interactive-color); |
| border: 3px solid var(--interactive-color); |
| border-bottom-color: transparent; |
| border-radius: 0; |
| border-top-color: transparent; |
| box-sizing: border-box; |
| content: ''; |
| display: block; |
| height: 8px; |
| left: 0; |
| position: absolute; |
| right: 0; |
| z-index: 1; |
| } |
| |
| .drag-above::before { |
| top: 0; |
| transform: translateY(-50%); |
| } |
| |
| .drag-below::after { |
| bottom: 0; |
| transform: translateY(50%); |
| } |
| |
| .drag-on { |
| background-color: var(--highlight-color); |
| } |
| |
| :host-context([hide-focus-ring]) [tabindex]:focus { |
| outline: none; |
| } |
| |
| .folder-icon { |
| -webkit-mask-image: url(images/folder.svg); |
| -webkit-mask-size: contain; |
| background-color: currentcolor; |
| color: var(--folder-icon-color); |
| height: 20px; |
| min-width: 20px; |
| width: 20px; |
| } |
| |
| .folder-icon[open] { |
| -webkit-mask-image: url(images/folder_open.svg); |
| } |
| |
| .website-icon { |
| background-repeat: no-repeat; |
| height: 16px; |
| margin: 2px; |
| width: 16px; |
| } |
| |
| .elided-text { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| </style> |
| </template> |
| </dom-module> |