TailwindCSSでmobileのinput系を16pxにする

updated Jun 7, 2021created Jun 7, 2021

Font Size

設定

tailwind.config.js

js
module.exports = { theme: { fontSize: { 'xs': '.75rem', 'sm': '.875rem', 'base': '1rem', 'lg': '1.125rem', 'xl': '1.25rem', '2xl': '1.5rem', '3xl': '1.875rem', '4xl': '2.25rem', '5xl': '3rem', '6xl': '4rem', 'mobile-input': '16px', // 追記 }, } }

1つ定義すると、それしか見なくなるようなので、全部定義した。 lineHeightもやった方がいいかも。。

使い方

sass
sm:text-lg text-mobile-input