apphouse/dist/styles/defaults/misc.styles.d.ts

Component library for React that uses observable state management and theme-able components.

import { RgbaColor } from '../../themes/utils/color.interface';
interface HalfAndHalfBackground {
    /**
     * @default 20
     */
    size?: number;
    rgbaColor?: RgbaColor;
    radius?: number | string;
    rgbaColorOther?: RgbaColor;
    /**
     * @default 45
     */
    angle?: number;
}
/**
 *
 * @param size size of background
 * @param rgbaColor color with opacity to be split in half
 * @returns
 */
export declare const getHalfAndHalfColorBackgroundStyles: ({ size, rgbaColor, rgbaColorOther, radius, angle }: HalfAndHalfBackground) => {
    display: string;
    border: number;
    width: number;
    height: number;
    borderRadius: string | number;
    overflow: string;
    transform: string;
    ':before': {
        background: string | undefined;
        top: string;
        right: string;
        content: string;
        position: string;
        height: string;
        width: string;
    };
    ':after': {
        background: string | undefined;
        left: string;
        content: string;
        position: string;
        height: string;
        width: string;
    };
};
export declare const MarkerStyle: {
    width: string;
    height: string;
    border: string;
    borderBottomColor: string;
    position: string;
    top: string;
    ':after': {
        content: string;
        position: string;
        left: string;
        top: string;
        width: string;
        height: string;
        border: string;
        borderTopColor: string;
    };
};
export declare const NeedHeadStyle: {
    base: {
        background: string;
        display: string;
        height: string;
        position: string;
        width: string;
    };
    ':before': {
        borderBottom: string;
        borderLeft: string;
        borderRight: string;
        content: string;
        height: string;
        left: string;
        position: string;
        top: string;
        width: string;
    };
};
export {};