mirror of
https://github.com/outline/outline.git
synced 2025-12-21 02:29:41 -06:00
21 lines
633 B
TypeScript
21 lines
633 B
TypeScript
import styled from "styled-components";
|
|
import { s } from "@shared/styles";
|
|
|
|
type Props = {
|
|
/** Width of the containing element. */
|
|
width?: number | string;
|
|
/** Height of the containing element. */
|
|
height?: number | string;
|
|
/** Controls the rendered emoji size. */
|
|
size?: number;
|
|
};
|
|
|
|
export const Emoji = styled.span<Props>`
|
|
font-family: ${s("fontFamilyEmoji")};
|
|
width: ${({ width }) =>
|
|
typeof width === "string" ? width : width ? `${width}px` : "auto"};
|
|
height: ${({ height }) =>
|
|
typeof height === "string" ? height : height ? `${height}px` : "auto"};
|
|
font-size: ${({ size }) => size && `${size}px`};
|
|
`;
|