当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript color.default函数代码示例

本文整理汇总了TypeScript中color.default函数的典型用法代码示例。如果您正苦于以下问题:TypeScript default函数的具体用法?TypeScript default怎么用?TypeScript default使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了default函数的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: color

export const contrastBackground = (value: string) => {
  const bg = color(value)
  const fg = bg.isDark() ? theme.colors.lightText : theme.colors.darkText
  return {
    backgroundColor: value,
    color: fg,
  }
}
开发者ID:loafofpiecrust,项目名称:loafofpiecrust.github.io,代码行数:8,代码来源:shortcuts.ts

示例2: extractColor

function extractColor(value: string): Color {
	if (process.env.NODE_ENV === 'test') { return Color('black') }
	return Color(value)
}
开发者ID:suShirow,项目名称:xivanalysis,代码行数:4,代码来源:theme.ts

示例3: color

  mediaQueries: [],
  fontWeights: {
    bold: 700,
  },
  radii: [0, 2, 4, 8],
  shadows: ["none", `0 2px 16px ${gray(75)}`],
  fonts: {
    body: "Cabin",
    header: "Arvo",
    sans: "Cabin",
    serif: "Arvo",
    mono: "PT Mono",
  },
  colors: {
    link: "coral",
    background: color("mediumseagreen").darken(0.06).string(),
    lightBackground: "snow",
    darkBackground: "darkslategray",
    lightText: "snow",
    darkText: color("darkslategray").darken(0.5).fade(0.15).string(),
    teal: "rgb(0, 190, 166)",
  },
  from(key: string, values: any[]): any {
    return values.map((x) => theme[key][x])
  },
}

theme.mediaQueries = theme.breakpoints.map((w) => 
  w === "52em" ? `@media print, (min-width: ${w})` : `@media(min-width: ${w})`
)
const mqBase = facepaint(theme.mediaQueries)
开发者ID:loafofpiecrust,项目名称:loafofpiecrust.github.io,代码行数:31,代码来源:theme.ts

示例4: color

  "main a": {
    color: "inherit",
    textDecoration: "none",
    borderBottom: `2px dashed ${theme.colors.link}`,
    transition: `all ${theme.transitionTime}`,
    "&:hover, &:active": {
      // borderBottomColor: "transparent",
      color: theme.colors.link,
    },
  },
  blockquote: {
    borderLeftColor: theme.colors.link,
    borderLeftStyle: "solid",
    fontStyle: "italic",
    backgroundColor: "lavenderblush",
    color: color(theme.colors.darkText).fade(0.1).string(),
  },
  code: {
    border: `1px solid ${theme.colors.link}`,
    padding: 5,
    borderRadius: 3,
    ...contrastBackground("seashell"),
    "&.dark": contrastBackground(theme.colors.darkText),
  }
})


export const hideOnPrint = css({
  "@media print": {
    display: "none",
  }
开发者ID:loafofpiecrust,项目名称:loafofpiecrust.github.io,代码行数:31,代码来源:global.ts


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