TypeScript @mixins.robotoMedium函数代码示例

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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()};
  `};

开发者ID:laquereric，项目名称:wexond，代码行数:8，代码来源:styles.ts

示例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%;

开发者ID:laquereric，项目名称:wexond，代码行数:31，代码来源:styles.ts

注：本文中的@mixins.robotoMedium函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。