blob: 384e4fdb18f6b8fcdf87e9834cd2720590922c20 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
import { style } from "@vanilla-extract/css"
import { themeContract } from "../styles/theme.css"
/**
* Responsive heading style with bold weight
*/
export const headingH3Bold = style({
fontSize: "0.625rem", // 10px
fontWeight: themeContract.typography.fontWeight.bold,
lineHeight: "28px",
letterSpacing: "-0.4px",
"@media": {
"screen and (min-width: 640px)": {
fontSize: themeContract.typography.fontSize.xs, // 12px
},
"screen and (min-width: 768px)": {
fontSize: themeContract.typography.fontSize.sm, // 14px
},
"screen and (min-width: 1024px)": {
fontSize: themeContract.typography.fontSize.base, // 16px
},
},
})
|