main.scss
1.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
@import 'tailwind';
@import 'vuestic';
@import 'icon-fonts/index';
body {
@apply text-regularMedium;
// TODO Move to some other place so that it's more elegant.
--va-checkbox-font-size: 0.875rem;
--va-card-box-shadow: none; // TODO Remove after https://github.com/epicmaxco/vuestic-ui/issues/3964
--va-card-padding: 1rem;
--va-font-family: 'Inter', sans-serif;
}
code,
kbd,
samp,
pre {
font-family: monospace;
font-size: 1em;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page-title {
@apply text-[32px] md:text-5xl font-bold leading-9 md:leading-[56px] max-sm:mt-6 mb-6 md:mb-4;
}
.h1 {
@apply text-[32px] md:text-5xl font-bold leading-9 md:leading-[56px] max-sm:mt-6 mb-6 md:mb-4;
}
.h3,
.page-sub-title {
@apply text-2xl font-bold leading-[30px];
}
.h5 {
@apply font-bold leading-tight;
}
.block-title {
@apply text-2xl font-bold mb-2;
}
.pricing-plan-card-title {
@apply text-[28px] md:text-[32px] leading-10 font-bold;
}
.text-regular-small {
font-size: 0.8125rem;
line-height: 1rem;
}
/* AG Grid header font size globally */
.ag-theme-vuestic .ag-header-cell-label,
.ag-theme-vuestic .ag-header-cell-text {
font-size: 12px !important;
font-weight: 600;
}