-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcustom.scss
103 lines (78 loc) · 1.95 KB
/
custom.scss
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
// color pallettes:
// https://colorhunt.co/palette/5391653f497ff7c04af8f5e4
// https://colorhunt.co/palette/f97b22fee8b09ca7777c9070
/*-- scss:defaults --*/
$h2-font-size: 1.6rem !default;
$h3-font-size: 1.2rem !default;
/*-- scss:rules --*/
h1, h2, h3, h4, h5, h6 {
// text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
}
header {
font-weight: 600;
}
a {
text-decoration: underline;
text-decoration-color: $strong-highlight;
// text-decoration-thickness: 0.1lh;
text-decoration-style: dashed;
// text-underline-offset: -0.6lh;
text-decoration-skip-ink: none;
color: $body-color;
}
a:hover {
color: $strong-highlight;
// font-weight: bold;
}
h1 {
text-align: center;
padding-bottom: 0rem;
padding-top: 2rem;
margin-bottom: 2rem !important;
text-decoration: underline;
text-decoration-color: $strong-highlight;
text-decoration-thickness: 0.2lh;
text-underline-offset: -0.1lh;
text-decoration-skip-ink: none;
// text-decoration-line: underline;
// text-decoration-thickness: 20px;
// text-underline-offset: -10px;
// text-decoration-color: $strong-highlight;
// text-decoration-skip-ink: none;
// box-shadow: inset 0 -1rem 0 rgba(0,0,0,.5);
}
h2 {
padding-top: 1rem;
border-color: $strong-highlight;
}
.footer {
font-size: smaller;
}
#quarto-document-content {
margin-top: 0;
padding-top: 0;
}
#main_title {
/* width: 100%; */
text-align: center;
/* margin: auto; */
margin-top: 0;
padding-top: 1lh;
padding-bottom: 1lh;
background-color: $light-highlight !important;
}
#main_title h1 {
font-weight: 900 !important;
}
#logos {
width: 100%;
display: flex;
align-items: center;
padding: 1lh;
flex-wrap: wrap;
}
#logos .logo{
flex-grow: 1;
text-align: center;
}