generated from layer5io/layer5-repo-template
-
Notifications
You must be signed in to change notification settings - Fork 47
/
_variables_project.scss
114 lines (84 loc) · 3.3 KB
/
_variables_project.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
113
114
// Bootstrap options
$enable-gradients: true;
$enable-shadows: false;
// Theme colors
$primary: #00b39f;
$secondary: #00d3a9;
$success: #3772ff !default;
$info: #c0e0de !default;
$warning: #ed6a5a !default;
$danger: #ed6a5a;
$light: #d3f3ee;
$dark: #121212;
$blonde: #fff3c5;
$saffron: #ebc017;
$lightslategray: #7a848e;
$casper: #b1b6b8;
// $bg-gradient:#1E2117;
$code-color: shade-color($secondary, 40%) !default;
// $body-bg: linear-gradient(250deg, #477e96 0%, #00b39f 35%, rgb(60, 73, 79) 100%);
// $bg-gradient-dark: linear-gradient(250deg, #477e96 0%, #00b39f 35%, rgb(60, 73, 79) 100%);
// Body
$body-color: #cccccc;
$body-bg: #010101;
// $bs-body-bg: $dark;
// $bs-card-cap-bg: $dark;
// Buttons
$btn-line-height: 3rem;
// Lefthand sidebar with inter-page docs menu
$border-color: rgba($primary, 0.33);
$td-sidebar-tree-root-color: #ccc;
$td-sidebar-bg-color: rgba($dark, 0.5);
$td-sidebar-color: rgba($white, 0.33);
$td-sidebar-border-color: $border-color;
// Righthand sidebar with intra-page table of contents
$td-sidebar-toc-bg-color: rgba($dark, 0.5);
// Background colors for the sections on home page etc. It is a paint by number
// system, starting at 0, where the number is taken from the shortcode's ordinal
// if not provided by the user. These colors are all part of the theme palette,
// but the mix is fairly random to create variation. This can be overridden by
// the project if needed.
$td-box-colors: $dark, $primary, $secondary, $info, $white, $gray-600, $success,
$warning, $dark, $danger, $primary, $secondary, $info !default;
$bs-link-color: $danger;
$link-decoration: none !default;
$link-shade-percentage: 30% !default;
$link-color: $white !default;
// Fonts
$td-enable-google-fonts: true;
$google_font_name: "Open Sans" !default;
$google_font_family: "Open+Sans:300,300i,400,400i,700,700i" !default;
$web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}&display=swap";
$font-awesome-font-name: "Font Awesome 6 Free" !default;
$td-fonts-serif: "Qanelas Soft", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
$font-qanelas: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
// @if $td-enable-google-fonts {
// $td-fonts-serif: prepend($td-fonts-serif, "#{$google_font_name}");
// }
$font-family-sans-serif: $td-fonts-serif;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$bs-body-font-family: $td-fonts-serif;
// Font weights
$font-weight-medium: 500 !default;
$font-weight-body-text: $font-weight-normal !default;
// Heading sizes
$h3-font-size: $font-size-base * 1.5 !default;
$h4-font-size: $font-size-base * 1.35 !default;
$h5-font-size: $font-size-base * 1.15 !default;
// Space
$td-block-space-top-base: 4 * $spacer !default;
$td-block-space-bottom-base: 4 * $spacer !default;
// Pagination
$pagination-color: $gray-600 !default;
$pagination-disabled-color: $gray-300 !default;
// Navbar
$navbar-dark-color: rgba($white, 0.75) !default;
$navbar-dark-hover-color: rgba($white, 0.35) !default;
// Footer
$list-inline-padding: $spacer;