blob: 7c9d1aa16ab381790ae24850b0f91a11e59cd4a9 [file] [log] [blame]
<dom-module id="shared-styles">
<template>
<style>
:root {
--action-button: {
border-radius: 2px;
line-height: 20px;
margin: 0;
min-width: 52px;
padding: 6px 16px;
};
--error-color: var(--google-red-700);
--page-width: 624px;
--primary-text-color: var(--paper-grey-800);
--title-icon-color: var(--paper-grey-500);
--user-manager-separator-line: 1px solid rgba(0, 0, 0, .12);
}
a,
a:active,
a:hover,
a:visited {
color: var(--google-blue-700);
cursor: pointer;
text-decoration: none;
}
paper-button.action {
@apply(--action-button);
}
paper-button.action.primary {
--paper-button: {
background: var(--google-blue-500);
color: white;
font-weight: 500;
};
--paper-button-flat-keyboard-focus: {
background: rgb(58, 117, 215);
};
--paper-button-disabled: {
background: var(--paper-grey-300);
color: var(--paper-grey-500);
};
}
paper-button.action.secondary {
--paper-button: {
color: var(--paper-grey-600);
font-weight: 500;
};
--paper-button-flat-keyboard-focus: {
background: rgba(0, 0, 0, .12);
};
}
paper-button.action + paper-button.action {
-webkit-margin-start: 8px;
}
paper-listbox {
--paper-listbox: {
padding: 0;
};
}
iron-overlay-backdrop {
--iron-overlay-backdrop-background-color: white;
--iron-overlay-backdrop-opacity: .8;
}
.product-logo {
content: -webkit-image-set(
url(../../../app/theme/default_100_percent/%DISTRIBUTION%/product_logo_name_22.png) 1x,
url(../../../app/theme/default_200_percent/%DISTRIBUTION%/product_logo_name_22.png) 2x);
height: 22px;
}
</style>
</template>
</dom-module>