TypeScript typestyle.media函數代碼示例

本文整理匯總了TypeScript中typestyle.media函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript media函數的具體用法？TypeScript media怎麽用？TypeScript media使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。

在下文中一共展示了media函數的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: media

 const xs = styles => {
     return media(
         {
             maxWidth: px(panelLayoutBreakPoints.xs),
         },
         styles,
     );
 };

開發者ID:vanilla，項目名稱:vanilla，代碼行數:8，代碼來源:panelLayoutStyles.ts

示例2: media

 const oneColumn = styles => {
     return media({ maxWidth: px(breakPoints.oneColumn) }, styles);
 };

開發者ID:vanilla，項目名稱:vanilla，代碼行數:3，代碼來源:navLinksStyles.ts

示例3: media

 const compact = styles => {
     return media({ maxWidth: px(breakPoints.compact) }, styles);
 };

開發者ID:vanilla，項目名稱:vanilla，代碼行數:3，代碼來源:searchResultsStyles.ts

示例4: style

import { rem } from 'csx'
import size from '../../style/sizes'
import { h1 } from '../../style/headings'

export const teaserStyle = style(
  {
    marginTop: rem(2.333),
    marginBottom: rem(2.333),
    $nest: {
      'h1': h1.xs
    }
  },
  media(
    { minWidth: size.md },
    {
      marginTop: rem(4.333),
      marginBottom: rem(2.333)
    }
  ),
  media(
    { minWidth: size.lg },
    {
      // marginTop: rem(2.333),
      // marginBottom: rem(2.333),
      $nest: {
        'h1': h1.lg
      }
    }
  )
)

開發者ID:katallaxie，項目名稱:katallaxie.github.com，代碼行數:30，代碼來源:style.ts

注：本文中的typestyle.media函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。