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
|
/* COLOURS */
$johnston-black: #03071C;
$beck-blue: #0019A8;
$dark: #2D3039;
$grey90: #637282;
$grey70: #86909E;
$grey50: #C1C8D2;
$grey30: #E1E4E8;
$grey10: #F2F4F5;
$grey5: #F7F9FA;
$white: #FFFFFF;
$yellow: #FAB928;
$yellow-light: #FDEBCE;
$blue-light: #F2F4FF;
$blue-dark: #000C51;
$turquoise: #00727D;
$green: #00A95D;
$red-light: #FBE9E8;
$red: #DC241F;
$mappage-header-height: 60px;
$body-font: Johnston100-Light, Arial, Helvetica, sans-serif;
$meta-font: Johnston100-Light, Arial, Helvetica, sans-serif;
$heading-font: Johnston100-Regular, Arial, Helvetica, sans-serif;
$bold-font: Johnston100-Medium, Arial, Helvetica, sans-serif;
/* Primary is white on bluey */
$primary: $beck-blue;
$primary_b: $johnston-black;
$primary_text: $johnston-black;
$link-color: $beck-blue;
$link-hover-color: $blue-dark;
$base_bg: $white;
$base_fg: $johnston-black;
$map_nav_bg: $johnston-black;
$nav_fg: $white;
$nav_fg_hover: $primary;
$col_click_map: $beck-blue;
$col_fixed_label: #00BD08;
$col_fixed_label_dark: #4B8304;
$header-top-border: false;
@mixin tflbutton {
background: $beck-blue;
border-radius: 22.5px;
font-family: $heading-font;
padding: 0.7em 2em;
display: inline-block;
border: 0;
color: $white !important;
&:hover,
&:active,
&:focus {
background: transparent;
background-color: $blue-dark;
color: $white !important;
}
}
@mixin tflfield {
border: 1px solid $dark;
border-radius: 2px;
font-family: $body-font;
background-color: $white;
box-shadow: none;
padding: 0.4em;
}
|
