blob: 91bf653669d208a5dfc15eec65aff49604931c8a [file] [log] [blame]
<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>