@up-group-ui/react-controls
Version:
Up shared react controls
60 lines • 1.92 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.verticalAlignStyle = exports.getStyles = void 0;
var typestyle_1 = require("typestyle");
var utils_1 = require("../../../Common/theming/utils");
var getStyles = function () {
return (0, typestyle_1.style)({
$nest: {
'& .up-vertical-align-title': {
fontSize: (0, utils_1.toRem)(18),
fontWeight: 'bold',
marginBottom: (0, utils_1.toRem)(20),
color: '#596664',
},
'& .up-vertical-align-content': {
height: (0, utils_1.toRem)(62),
marginLeft: (0, utils_1.toRem)(15),
},
'& .up-vertical-align-content-title': {
color: '#596664',
fontSize: (0, utils_1.toRem)(18),
},
'& .up-vertical-align-content-subtitle': {
color: '#979797',
fontSize: (0, utils_1.toRem)(14),
},
},
});
};
exports.getStyles = getStyles;
exports.verticalAlignStyle = (0, typestyle_1.style)({
$nest: {
'&.up-vertical-align-circle.up-checkmark': {
color: '#6DBD8E',
textAlign: 'center',
padding: (0, utils_1.toRem)(1),
$nest: {
'&::before': {
content: '"✔"',
},
},
},
'&.up-vertical-align-circle': {
border: "2px solid #6DBD8E",
height: 25,
width: 25,
boxSizing: 'border-box',
borderRadius: '50%',
},
'&.up-vertical-align-line': {
height: 37,
borderRight: "4px solid #6DBD8E",
margin: 'auto',
},
'&.up-vertical-align-inactive': {
borderColor: '#979797',
},
},
});
//# sourceMappingURL=styles.js.map