-
Notifications
You must be signed in to change notification settings - Fork 0
/
r2bit.scss
112 lines (85 loc) · 2.84 KB
/
r2bit.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
104
105
106
107
108
109
110
111
112
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding');
/*-- 제목 --*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&display=swap');
/*-- 본문 --*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
/*-- scss:defaults --*/
/*$primary: #637238 !default;*/
/*$font-size-root: 18px !default;*/
/*-- 1. 색상정의 --*/
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #ebebeb !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #888 !default;
$gray-700: #444 !default;
$gray-800: #303030 !default;
$gray-900: #222 !default;
$black: #000 !default;
$blue: #375a7f !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #e74c3c !default;
$orange: #fd7e14 !default;
$yellow: #f39c12 !default;
$green: #00bc8c !default;
$teal: #20c997 !default;
$cyan: #3498db !default;
$primary: #6610f2;
$secondary: #f39c12;
$tertiary: #3498db;
/* 1.1. 색상 --------------------------------------------------- */
$body-color: $gray-800;
/* 2. 글꼴 --------------------------------------------------- */
$font-family-sans-serif: 'IBM Plex Sans KR', 'Noto Sans KR', 'sans-serif';
$font-family-serif: 'Noto Serif KR', "serif";
$font-family-monospace: 'Nanum Gothic Coding', 'monospace';
$font-size-root: 18px !default;
/*-- scss:rules --*/
.sidebar-title {
color: #3498db;
}
div.sidebar-item-container .active {
font-weight: bold;
}
.sidebar nav[role=doc-toc] ul>li>a.active, .sidebar nav[role=doc-toc] ul>li>ul>li>a.active{
font-weight: bold;
}
img.quarto-cover-image {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
/* Headings ------------------------------------------------------ */
#title-block-header.quarto-title-block.default .quarto-title h1.title {
margin-bottom: 0.5rem;
font-size: 1.7rem;
font-family: 'Noto Sans KR';
color: $gray-900;
}
h2 { font-family: 'Noto Serif KR' !important; font-size: 1.4rem;font-weight: 600;
margin-top: 2rem; margin-bottom: 1rem; }
h3 { font-family: 'Noto Serif KR' !important; font-size: 1.2rem;font-weight: 500;
margin-top: 1.5em; }
h4 { font-family: 'Noto Serif KR' !important; font-size: 1.1rem;
margin-top: 1.5em; }
h5 { font-family: 'Noto Serif KR' !important; font-size: 1.1rem;
margin-top: 1.5em;}
.quarto-section-identifier {
color: #6C6C6C;
font-weight: normal;
}
/* Code ------------------------------------------------ */
$code-block-bg: $secondary;
$code-bg: $secondary;
$code-color: $tertiary;
code a:any-link {
text-decoration: underline;
text-decoration-color: #ccc;
}
pre {
background-image: linear-gradient(160deg,#f8f8f8 0,#f1f1f1 100%);
}