cognack.github.io/theme.css at main · cognack/cognack.github.io · GitHub

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

/* base variables */

/* Edit the CSS properties in this file to create a custom
   Distill theme. Only edit values in the right column
   for each row; values shown are the CSS defaults.
   To return any property to the default,
   you may set its value to: unset
   All rows must end with a semi-colon.                      */

/* Optional: embed custom fonts here with `@import`          */
/* This must remain at the top of this file.                 */

@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');

html {
  /*-- Main font sizes --*/
  --title-size:      50px;
  --body-size:       1.06rem;
  --code-size:       20px;
  --aside-size:      15px;
  --fig-cap-size:    14px;
  /*-- Main font colors --*/
  --title-color:     #000000;
  --header-color:    rgba(0, 0, 0, 0.8);
  --body-color:      rgba(47, 79, 79, 0.8);
  --aside-color:     rgba(0, 0, 0, 0.6);
  --fig-cap-color:   rgba(0, 0, 0, 0.6);
  /*-- Specify custom fonts ~~~ must be imported above   --*/
  --heading-font:    Oxygen;
  --mono-font:       monospace;
  --body-font:       sans-serif;
  --navbar-font:     Oxygen;  /* websites + blogs only */
}

/*-- ARTICLE METADATA --*/
d-byline {
  --heading-size:    0.7rem;
  --heading-color:   rgba(0, 0, 0, 0.5);
<<<<<<< HEAD
  --body-size:       0.8rem;
  --body-color:      rgba(0, 0, 0, 0.8);
=======
  --body-size:       0.9rem;
  --body-color:      rgba(1, 0, 0, 0.8);
>>>>>>> dcddb711c95d67314ac7a01e561838a61196609c
}

/*-- ARTICLE TABLE OF CONTENTS --*/
.d-contents {
  --heading-size:    22px;
  --contents-size:   20px;
}

/*-- ARTICLE APPENDIX --*/
d-appendix {
  --heading-size:    18px;
  --heading-color:   rgba(0, 0, 0, 0.65);
  --text-size:       0.8em;
  --text-color:      rgba(0, 0, 0, 0.5);
}

/*-- WEBSITE HEADER + FOOTER --*/
/* These properties only apply to Distill sites and blogs  */

.distill-site-header {
  --title-size:       22px;
  --text-color:       rgba(1, 0, 0, 0.8);
  --text-size:        20px;
  --hover-color:      white;
  --bkgd-color:       #A9CBB7;
}

.distill-site-footer {
  --text-color:       rgba(1, 0, 0, 0.8);
  --text-size:        15px;
  --hover-color:      white;
  --bkgd-color:       #A9CBB7;
}

/*-- Additional custom styles --*/
/* Add any additional CSS rules below                      */


body {background-color: #F5F5F5!important;}

/*-- Edit h3 element pink */