エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
styled-componentsのthemeを使ってメディアクエリを楽にかく方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
styled-componentsのthemeを使ってメディアクエリを楽にかく方法
styled-components で メディアクエリを楽にかく方法 styled-components を使っている人は,皆どのように... styled-components で メディアクエリを楽にかく方法 styled-components を使っている人は,皆どのようにレスポンシブ書いているのか今日このごろ. 僕はこんな感じでかいてます. theme と css を使う theme.jsを作成 import 'styled-components'; import { css } from 'styled-components'; export const theme = { colors:{ // ここは本編と無関係 red: 'tomato', } media: { sm: (...args) => css` @media (max-width: 640px) { ${css(...args)} } `, }, }; import { ThemeProvider } from 'styled-components';