@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
95 lines • 2.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var Styling_1 = require("../../Styling");
exports.getStyles = function (props) {
var theme = props.theme, className = props.className;
var palette = theme.palette;
return {
root: [
'ms-ChicletCard',
theme.fonts.medium,
Styling_1.normalize,
{
WebkitFontSmoothing: 'antialiased',
backgroundColor: palette.white,
borderRadius: 2,
boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.3)',
width: 600,
height: 126,
userSelect: 'none',
position: 'relative',
selectors: {
':hover': {
cursor: 'pointer'
}
}
},
className
],
icon: [
{
height: 24,
left: 10,
bottom: 10,
position: 'absolute'
}
],
preview: [
{
float: 'left',
height: 122,
width: 198,
position: 'relative',
backgroundColor: palette.white,
display: 'block',
padding: '2px 0px 2px 2px'
}
],
info: [
{
position: 'relative',
display: 'block',
height: '100%',
overflow: 'hidden',
wordWrap: 'break-word',
width: 400
}
],
title: [
{
padding: '9px 26px 5px 11px',
fontSize: 16,
fontWeight: 'normal',
fontStyle: 'normal',
fontStretch: 'normal',
color: palette.neutralPrimary,
letterSpacing: 'normal',
textAlign: 'left',
height: 41,
width: 363,
lineHeight: '1.25',
overflow: 'hidden',
wordWrap: 'break-word'
}
],
description: [
{
padding: '0px 16px 17px 11px',
fontSize: 12,
fontWeight: 'normal',
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: '1.33',
letterSpacing: 'normal',
textAlign: 'left',
color: '#797671',
width: 248,
height: 16,
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis'
}
]
};
};
//# sourceMappingURL=ChicletCard.styles.js.map