blob: e947e98a64aad7cfbccc7ca699d663ba827e08b3 (
plain)
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
|
/**
* Variables
**/
@use "sass:meta";
@use 'variables';
/**
* Fonts
**/
@use 'fonts';
/**
* Reset
**/
@use 'normalize';
@use 'skeleton';
/**
* Defaults
**/
a {
text-decoration: none;
&:link {
color: variables.$a-link;
}
&:hover {
color: variables.$a-hover;
text-decoration: underline;
}
&:active {
color: variables.$a-active;
}
&:visited {
color: variables.$a-visited;
}
}
img {
max-width: 100%;
}
@keyframes fade-in {
from {
opacity: 0.2;
} to {
opacity: 1;
}
}
@keyframes fade-out {
from {
opacity: 1;
} to {
opacity: 0.2;
}
}
/**
* Layout
**/
@include meta.load-css('header');
@include meta.load-css('main');
@include meta.load-css('aside');
@include meta.load-css('footer');
@include meta.load-css('branding');
/**
* Page overrides
**/
@include meta.load-css('gfx');
@include meta.load-css('txt');
@include meta.load-css('vda');
@include meta.load-css('vdo');
/* Move internal links past the header */
body.txt :target,
body.gfx :target,
body.vda :target,
body.vdo :target {
padding-top: 12.5rem;
}
/**
* Languages
**/
@charset 'UTF-8';
html[lang='en'] :lang(fr) {
display: none !important;
}
html[lang='fr'] :lang(en) {
display: none !important;
}
:lang(en) {
quotes: '\201C' '\201D' '\2018' '\2019';
}
:lang(fr) {
quotes: '« ' ' »';
}
|
