db73879918
* fix: Logic error in toast fix: Remove useless component * fix: Logout not clearing all stores * Add icons to notification settings * Add eslint rule to enforce spaced comment * Add eslint rule for arrow-body-style * Add eslint rule to enforce self-closing components * Add menu to api key settings Fix: Deleting webhook subscription does not remove from UI Split webhook subscriptions into active and inactive Styling updates
40 lines
772 B
TypeScript
40 lines
772 B
TypeScript
import { DefaultTheme } from "styled-components";
|
|
|
|
export { default as depths } from "./depths";
|
|
|
|
export { default as breakpoints } from "./breakpoints";
|
|
|
|
/**
|
|
* Mixin to make text ellipse when it overflows.
|
|
*
|
|
* @returns string of CSS
|
|
*/
|
|
export const ellipsis = () => `
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
`;
|
|
|
|
/**
|
|
* Mixin to return a theme value.
|
|
*
|
|
* @returns a theme value
|
|
*/
|
|
export const s = (key: keyof DefaultTheme) => (props: {
|
|
theme: DefaultTheme;
|
|
}) => String(props.theme[key]);
|
|
|
|
/**
|
|
* Mixin to hide scrollbars.
|
|
*
|
|
* @returns string of CSS
|
|
*/
|
|
export const hideScrollbars = () => `
|
|
-ms-overflow-style: none;
|
|
overflow: -moz-scrollbars-none;
|
|
scrollbar-width: none;
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
`;
|