forked from extern/egroupware
24 lines
521 B
TypeScript
24 lines
521 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%);
|
||
|
|
}
|
||
|
|
`];
|