@fluentui/react
Version:
Reusable React components for building web experiences.
56 lines • 1.96 kB
JavaScript
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var centeredIconSize = '42px';
var cornerIconSize = '32px';
var getStyles = function (props) {
var theme = props.theme, className = props.className, height = props.height, width = props.width;
var palette = theme.palette;
return {
root: [
{
borderBottom: "1px solid ".concat(palette.neutralLight),
position: 'relative',
backgroundColor: palette.neutralLighterAlt,
overflow: "hidden",
height: height && "".concat(height, "px"),
width: width && "".concat(width, "px"),
},
className,
],
centeredIcon: [
{
height: centeredIconSize,
width: centeredIconSize,
fontSize: centeredIconSize,
},
],
centeredIconWrapper: [
{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: '100%',
width: '100%',
position: 'absolute',
top: 0,
left: 0,
},
],
cornerIcon: [
{
left: '10px',
bottom: '10px',
height: cornerIconSize,
width: cornerIconSize,
fontSize: cornerIconSize,
position: 'absolute',
overflow: 'visible',
},
],
};
};
exports.getStyles = getStyles;
});
//# sourceMappingURL=DocumentCardImage.styles.js.map