office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
64 lines • 2.35 kB
JavaScript
define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = function (props) {
var className = props.className, isButton = props.isButton, isDisabled = props.isDisabled, theme = props.theme;
var semanticColors = theme.semanticColors;
return {
root: [
'ms-Link',
className,
Styling_1.getFocusStyle(theme),
{
color: semanticColors.link,
},
isButton && {
background: 'none',
border: 'none',
cursor: 'pointer',
display: 'inline',
fontSize: 'inherit',
margin: 0,
overflow: 'inherit',
padding: 0,
textAlign: 'left',
textOverflow: 'inherit',
selectors: (_a = {},
_a[Styling_1.HighContrastSelector] = {
color: 'Highlight'
},
_a)
},
!isButton && {
textDecoration: 'none'
},
isDisabled && [
'is-disabled',
{
color: semanticColors.disabledText,
cursor: 'default'
},
{
selectors: {
'&:link, &:visited': {
pointerEvents: 'none'
}
}
}
],
!isDisabled && {
selectors: {
'&:active, &:hover, &:active:hover': {
color: semanticColors.linkHovered
},
'&:focus': {
color: semanticColors.link
}
}
}
]
};
var _a;
};
});
//# sourceMappingURL=Link.styles.js.map