egroupware_official/api/js/etemplate/Et2Button/ButtonStyles.ts
2022-01-19 18:30:45 +01:00

31 lines
660 B
TypeScript

/**
* Sharable button styles constant
*/
import {css} from "@lion/core";
import {colorsDefStyles} from "../Styles/colorsDefStyles";
export const buttonStyles = [
colorsDefStyles,
css`
:host {
border: 1px solid gray;
color: var(--gray_70, #505050);
background-color: var(--gray_10, #e6e6e6);
border-radius: 3px;
}
:host(:hover) {
box-shadow: 1px 1px 1px rgb(0 0 0 / 60%);
background-color: var(--bg_color_15_gray, #d9d9d9);
}
:host(:active) {
box-shadow: inset 1px 2px 1px rgb(0 0 0 / 50%);
}
div {
flex: 1 1 auto;
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
margin: 2px;
}
`];