本文整理汇总了TypeScript中@mixins.robotoMedium函数的典型用法代码示例。如果您正苦于以下问题：TypeScript robotoMedium函数的具体用法？TypeScript robotoMedium怎么用？TypeScript robotoMedium使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了robotoMedium函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: robotoMedium
${({ color, activated }: LabelProps) => css`
margin-top: ${activated ? '-10px' : 'unset'};
color: ${activated ? color : '#000'};
font-size: ${activated ? 12 : 16}px;
opacity: ${activated ? 1 : transparency.light.secondaryText};
${activated ? robotoMedium() : robotoRegular()};
`};示例2: url
height: 24px;
width: 24px;
${({ subItem, selected, image }: IconProps) => css`
margin-left: ${subItem ? '40px' : '16px'};
background-color: ${selected ? colors.blue['500'] : '#000'};
mask-image: url(${image});
opacity: ${selected ? 1 : 0.5};
`};
`;
export const Title = styled.div`
font-size: 14px;
margin-left: 32px;
${robotoMedium()};
display: 'flex';
${({ selected }: { selected: boolean }) => css`
color: ${selected ? colors.blue['500'] : '#000'};
opacity: ${selected ? 1 : transparency.light.primaryText};
`};
`;
export const Background = styled.div`
opacity: 0.15;
position: absolute;
width: calc(100% - 16px);
border-radius: 4px;
left: 50%;
top: 50%;