css/globals.sass
Copying Source is Forbidden
110 lines of code
1
@import url('https://fonts.googleapis.com/css?family=Macondo+Swash+Caps&display=swap');
2
@import url('https://fonts.googleapis.com/css?family=Alegreya+SC&display=swap');
3
4
$vars: (
5
ol-margin-width: 4,
6
ol-margin-left: 4em,
7
ol-margin-left-negative: -4em,
8
9
black: #000000,
10
white: #FFFFFF,
11
12
red: #EE0000,
13
green: #00CC00,
14
blue: #0000EE,
15
yellow: #EEEE00,
16
grey: #DDDDDD,
17
cyan: #00EEEE,
18
purple: #EE00EE,
19
20
medium-red: #990000,
21
medium-green: #008800,
22
medium-blue: #000099,
23
medium-grey: #CCCCCC,
24
medium-purple: #990099,
25
medium-yellow: #999900,
26
medium-cyan: #00AAAA,
27
28
medium-dark-red: #880000,
29
medium-dark-green: #007700,
30
medium-dark-blue: #000088,
31
medium-dark-purple: #880077,
32
medium-dark-yellow: #888800,
33
34
dark-red: #770000,
35
dark-green: #005500,
36
dark-blue: #000077,
37
dark-grey: #777777,
38
dark-purple: #550055,
39
dark-yellow: #777700,
40
charcoal: #343434,
41
42
very-dark-red: #550000,
43
44
normal-font: -[NORMAL_FONT]-,
45
welcome-font: -[WELCOME_FONT]-,
46
title-font: -[TITLE_FONT]-,
47
link-font: -[LINK_FONT]-,
48
funny-font: -[FUNNY_FONT]-,
49
50
giant-font-size: -[GIANT_FONT_SIZE]-,
51
large-font-size: -[LARGE_FONT_SIZE]-,
52
medium-font-size: -[MEDIUM_FONT_SIZE]-,
53
normal-font-size: -[NORMAL_FONT_SIZE]-,
54
nearsmall-font-size: -[NEARSMALL_FONT_SIZE]-,
55
small-font-size: -[SMALL_FONT_SIZE]-,
56
neartiny-font-size: -[NEARTINY_FONT_SIZE]-,
57
tiny-font-size: -[TINY_FONT_SIZE]-,
58
59
bg-clr: #-[BG_CLR]-,
60
bg-img: -[BG_IMG]-,
61
body-clr: #-[BODY_CLR]-,
62
body-clr-dark: #-[BODY_CLR_DARK]-,
63
bold-clr: #-[BOLD_CLR]-,
64
bold-shadow-clr: #-[BOLD_SHADOW_CLR]-,
65
borders-clr: #-[BORDERS_CLR]-,
66
button-bg: #-[BUTTON_BG]-,
67
button-clr: #-[BUTTON_CLR]-,
68
gradient-dark: #-[GRADIENT_DARK]-,
69
gradient-light: #-[GRADIENT_LIGHT]-,
70
input-bg: #-[INPUT_BG]-,
71
input-box-shadow-clr: #-[INPUT_BOX_SHADOW_CLR]-,
72
input-clr: #-[INPUT_CLR]-,
73
input-text-shadow-clr: #-[INPUT_TEXT_SHADOW_CLR]-,
74
italic-shadow-clr: #-[ITALIC_SHADOW_CLR]-,
75
link-clr: #-[LINK_CLR]-,
76
select-bg: #-[SELECT_BG]-,
77
select-clr: #-[SELECT_CLR]-,
78
subtitle-clr: #-[SUBTITLE_CLR]-,
79
subtitle-shadow-clr: #-[SUBTITLE_SHADOW_CLR]-,
80
title-clr: #-[TITLE_CLR]-,
81
title-shadow-clr: #-[TITLE_SHADOW_CLR]-
82
);
83
84
:root {
85
@each $name, $value in $vars { --#{$name}: #{$value}; }
86
}
87
88
*, *::before, *::after {
89
-webkit-font-smoothing: subpixel-antialiased;
90
box-sizing: border-box;
91
font-smooth: antialiased;
92
font-weight: normal;
93
margin: 0;
94
padding: 0;
95
scroll-behavior: smooth;
96
}
97
98
html {
99
box-sizing: border-box;
100
cursor: url('/images/site/cursor2.png'), auto;
101
font-size: var(--normal-font-size);
102
height: 100%;
103
width: 100%;
104
}
105
106
body {
107
box-sizing: border-box;
108
height: inherit;
109
width: inherit;
110
}