keanu-weblite/src/assets/css/typography.scss

77 lines
1.8 KiB
SCSS
Raw Normal View History

@use "@/assets/css/main.scss" as *;
2025-01-14 11:14:11 +00:00
.h3-bold {
font-family: "Poppins";
font-style: normal;
font-size: 24 * $chat-text-size;
font-weight: 700;
line-height: 28.8 * $chat-text-size;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.paragraph {
font-family: "Inter";
font-size: 16 * $chat-text-size;
font-weight: 400;
line-height: 18.72 * $chat-text-size;
letter-spacing: 0.40 * $chat-text-size;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0,0,0, 0.7);
&.paragraph-button {
color: $very-very-purple;
}
}
.paragraph-bold {
font-family: "Inter";
font-size: 16 * $chat-text-size;
font-weight: 600;
line-height: 18.72 * $chat-text-size;
letter-spacing: 0.40 * $chat-text-size;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0,0,0);
margin-bottom: 3 * $chat-text-size;
}
.caption-1 {
font-family: "Inter";
font-size: 14 * $chat-text-size;
font-weight: 400;
line-height: 16.38 * $chat-text-size;
letter-spacing: 0.40 * $chat-text-size;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0,0,0,0.65);
}
.caption-1-gray {
font-family: "Inter";
font-size: 14 * $chat-text-size;
font-weight: 400;
line-height: 16.38 * $chat-text-size;
letter-spacing: 0.40 * $chat-text-size;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0,0,0,0.65);
}
.caption-2 {
font-family: "Inter";
font-size: 10 * $chat-text-size;
font-weight: 400;
line-height: 11.7 * $chat-text-size;
letter-spacing: 0.40 * $chat-text-size;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0,0,0,0.60);
}