1
0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-18 04:31:06 +01:00
egroupware_official/api/js/etemplate/Styles/shoelace.ts

38 lines
994 B
TypeScript
Raw Normal View History

2022-05-12 23:22:49 +02:00
import sl_css from '@shoelace-style/shoelace/dist/themes/light.styles.js';
import {css} from "lit";
import {registerIconLibrary} from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
import {egw} from "../../jsapi/egw_global";
/**
* This makes sure the built-in icons can be found
*/
registerIconLibrary('default', {
resolver: name =>
{
return typeof egw !== "undefined" ? `${egw.webserverUrl}/node_modules/@shoelace-style/shoelace/dist/assets/icons/${name}.svg` : ''
},
});
2022-05-12 23:22:49 +02:00
/**
* Customise shoelace styles to match our stuff
* External CSS will override this
2022-05-12 23:22:49 +02:00
*/
export default [sl_css, css`
:root,
:host,
.sl-theme-light {
2022-05-26 22:47:52 +02:00
--sl-font-size-medium: 11px;
2022-05-12 23:22:49 +02:00
--sl-input-height-small: 18px;
--sl-input-height-medium: 24px;
--sl-spacing-small: 0.1rem;
--sl-spacing-medium: 0.5rem;
--sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px;
2022-05-26 22:47:52 +02:00
--sl-input-border-color-focus: #E6E6E6;
2022-05-12 23:22:49 +02:00
}
2022-05-12 23:22:49 +02:00
`];