@uifabric/experiments/lib/components/Shimmer/ShimmerGap/ShimmerGap.styles.js

Experimental React components for building experiences for Office 365.

import { getGlobalClassNames, HighContrastSelector } from '../../../Styling';
var GlobalClassNames = {
    root: 'ms-ShimmerGap-root'
};
export function getStyles(props) {
    var height = props.height, widthInPercentage = props.widthInPercentage, widthInPixel = props.widthInPixel, borderStyle = props.borderStyle, theme = props.theme;
    var palette = theme.palette;
    var classNames = getGlobalClassNames(GlobalClassNames, theme);
    var styles = !!borderStyle ? borderStyle : {};
    var ACTUAL_WIDTH = widthInPercentage ? widthInPercentage + '%' : widthInPixel ? widthInPixel + 'px' : '10px';
    return {
        root: [
            classNames.root,
            theme.fonts.medium,
            styles,
            {
                backgroundColor: palette.white,
                width: ACTUAL_WIDTH,
                minWidth: widthInPixel ? ACTUAL_WIDTH : 'auto',
                height: height + "px",
                boxSizing: 'content-box',
                borderTopStyle: 'solid',
                borderBottomStyle: 'solid',
                borderColor: palette.white,
                selectors: (_a = {},
                    _a[HighContrastSelector] = {
                        backgroundColor: 'Window',
                        borderColor: 'Window'
                    },
                    _a)
            }
        ]
    };
    var _a;
}
//# sourceMappingURL=ShimmerGap.styles.js.map