docs.codefresh.io/assets/scss/_variables.scss at 0ec256d41eb0d4020e0e85dbfa2eef0fc245dd66 · codefresh-io/docs.codefresh.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
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
@use "sass:color";

// Colors
$cf-light: #f7f9f9;
$cf-dark: #212437;
$cf-dark-masthead: #2a2b3d;
$cf-dark-alt: #3d7c84;
$cf-bright-green: #5fffbf;
$cf-border-color: #d6e2e4;

// Local docs variables
$white: #fff !default;
$bd-white: $white !default;
$bd-black: #000 !default;
$bd-purple: #563d7c !default;
$bd-purple-bright: color.adjust($bd-purple, $saturation: 5%, $lightness: 15%) !default;
$bd-purple-light: color.adjust($bd-purple, $saturation: 5%, $lightness: 45%) !default;
$bd-dark: #231f20 !default;
$bd-download: #ffe484 !default;
$bd-info: #ffcc30 !default;
$bd-warning: #d9534f !default;
$bd-danger: #d9534f !default;
$bd-success: #03c77c !default;
$bd-tip: #508eeb !default;
$bd-link-default: #34af9d !default;
$bd-link-default-hover: #228164 !default;
$bd-link-external: #508eeb !default;
$bd-link-external-hover: #646fd4 !default;
$bd-topaz-extra-light: #e4f3f1 !default;
$bd-topaz-main: #11b5a4 !default;
$bd-topaz-bright: color.adjust($bd-topaz-main, $saturation: 5%, $lightness: 15%) !default;
$bd-topaz-light: color.adjust($bd-topaz-main, $saturation: 5%, $lightness: 45%) !default;
$bd-topaz-dark: rgb(11 111 99) !default;
$bd-greenish-blue: #2a897d;
$bd-divider-color: #dce7e8;

// Navbar colors
$bd-topaz-navbar-g1: #0f9c8d;
$bd-topaz-navbar-g2: #11b5a4;
$bd-topaz-navbar-g3: #4ebbd3;
$cf-navbar-link-color: $bd-white;
$bd-bulb-white: $bd-white;
$bd-bulb-red: $bd-danger;
$btn-get-started: #235f5d;

// Body
// Settings for the `<body>` element.
$font-size-base: 15px;
$line-height-base: 1.6;
$body-bg: #fff;
$body-color: #03363d;

// Doc Sidebar colors
$bd-doc-sidebar-link: $body-color;
$bd-doc-sidebar-link-active: #0f9d8e;

// Doc TOC
$bd-doc-toc-link: $body-color;
$bd-doc-toc-link-active: #10aa9a;

// Doc Content
$bd-doc-content-bg: $body-bg;
$bd-doc-content-border: #dadada;

// Links
// Style anchor elements.
$bd-link-color: $bd-topaz-main !default;
$bd-link-hover-color: color.adjust($bd-link-color, $lightness: -15%) !default;

// Helphub
$helpbub-bg: #3f4255;
$helpbub-text-color: #b0c4e7;
$helpbub-border: #35384b;

// Fonts
// stylelint-disable value-keyword-case
$font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
$font-family-monospace: "Source Code Pro", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
$font-family-base: $font-family-sans-serif;
$font-weight-medium: 500;

// stylelint-enable value-keyword-case
// Headings
$headings-color: #212438;
$headings-font-family: roboto, sans-serif;
$h1-font-size: 35px;
$h2-font-size: 26px;
$h3-font-size: 22px;
$h4-font-size: 18px;
$h5-font-size: 16px;
$h1-line-height: 38px;
$h2-line-height: 32px;
$h3-line-height: 30px;
$h4-line-height: 28px;
$h5-line-height: 24px;

// Override grids
// Grid breakpoints
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1274px,
  xxl: 1600px
);

// Grid containers
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1214px,
  xxl: 1540px
);

// Grid columns
// Set the number of columns and specify the width of the gutters.
$grid-columns: 12;
$grid-gutter-width-base: 28px;

// ANT design system
$ant-input-background-color: #2b2e41;
$ant-input-border-color: #3f4255;
$ant-input-hover-border-color: #46d49e;
$ant-input-color: #8c91c0;
$ant-select-dropdown-bg: #2b2e41;
$ant-select-option-hover-color: #454661;
$ant-select-option-selected-color: #5fffbf;
$ant-select-option-selected-bg: #395257;
$ant-divider-color: #3f4255;