2
0
Fork 0
inspin.io/assets/style/components/heading.css

50 lines
716 B
CSS
Raw Normal View History

2024-08-15 12:28:47 +00:00
.heading {
padding: 4rem 1.2rem 2rem 1.2rem;
2024-08-16 10:32:17 +00:00
h1,
h2,
h3 {
font-weight: 700;
margin: 1.25rem 0;
}
2024-08-15 12:28:47 +00:00
h2 {
font-size: 2.5rem;
line-height: 3.25rem;
2024-08-16 10:32:17 +00:00
}
h3 {
font-size: 2rem;
line-height: 2.75rem;
2024-08-15 12:28:47 +00:00
}
p {
2024-08-16 10:32:17 +00:00
font-size: 1.35rem;
2024-08-15 12:28:47 +00:00
font-weight: 300;
line-height: 1.75rem;
margin: 0 0 0 .1rem;
}
}
@media only screen and (--viewport-4) {
.heading {
padding: 3rem 2.25rem 2rem 2.25rem;
h2 {
font-size: 2.25rem;
line-height: 2.75rem;
margin: 2rem 1rem 1rem 0;
}
p {
font-size: 1.15rem;
line-height: 1.65rem;
}
}
}
@media only screen and (--viewport-3) {
.heading {
padding: 3rem 1.5rem 2rem 1.5rem;
}
}