LogoLogoFowerGuideAtomsAPI
Blog
简体中文
  • English
  • 简体中文
🌜
🌞
LogoLogoFower
  • Guide
  • Atoms
  • API
  • Blog
  • Languages
    • English
    • 简体中文
  • Introduction
    • 关于
    • About Atomic Props
    • 对比
    • Differences with tailwindcss
  • Getting Started
    • Use with react
    • Use with Vue
    • Use with Svelte
    • Use with React Native
    • Use with Taro
    • Use with uni-app
    • Use with Remax
    • Use with Vanilla
  • Basics
    • Basic
    • css prop
    • Pseudo classes
    • Responsive Styles
    • Keyframes
    • Global style
    • Dynamic style
    • Programmable
    • Styled Components
  • Cool Features
    • Introduction
    • Predictable style
    • Color helper
    • Composition Postfix
    • Auto dark mode
  • Advanced
    • Configuration
    • Theme mode
    • addAtom
    • comopseAtom
    • Server Side Rendering (ssr)
    • Typescript
  • Design System
    • Theme
    • Spacings
    • Colors
    • Border radius
    • Shadows
    • Breakpoints
    • Font sizes
    • Font weights
    • Line heights
  • FAQs
    • Why CSS in JS?
    • Object or Template Strings?

Line heights

Fower provides a set of preset line heights values.

const config = {  theme: {    lineHeights: {      none: 1,      tight: 1.25,      snug: 1.375,      normal: 1.5,      relaxed: 1.625,      loose: 2,    },  },}
Edit this page
Previous
« Font weights
Next
Why CSS in JS? »