@fluid-topics/ft-icon/build/ftds-icon.styles.js

Typography components

import { css } from "lit";
import { FtCssVariableFactory, noTextSelect } from "@fluid-topics/ft-wc-utils";
export const FtdsIconCssVariables = {
    size: FtCssVariableFactory.create("--ftds-icon-font-size", "", "SIZE", "24px"),
};
// language=css
export const dsStyles = [
    css `
        :host {
            display: inline-flex;
        }

        .ftds-icon {
            display: inline-flex;
        }

        svg {
            height: ${FtdsIconCssVariables.size};
        }

        .ftds-icon--monospace svg {
            width: ${FtdsIconCssVariables.size};
        }
    `,
    noTextSelect,
];