]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/sass/include/_bootstrap-variables.scss
Fix nav pills theming
[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _bootstrap-variables.scss
1 @use '_variables' as *;
2
3 $modal-footer-border-width: 0;
4 $modal-md: 600px;
5
6 $grid-breakpoints: (
7 // CLASSIC BREAKPOINTS GROUP
8 // Extra small screen / phone
9 xs: 0,
10 // Small screen / phone
11 sm: $mobile-view,
12 // Medium screen / tablet
13 md: $small-view,
14 // Large screen / desktop
15 lg: 900px,
16 // Extra large screens / wide desktops
17 xl: 1200px,
18 xxl: 1600px,
19
20 // SCREEN GROUP
21 fhd: 1800px,
22 qhd: 2560px,
23 uhd: 3840px
24 );
25
26 @function breakpoint($label) {
27 @return map-get($grid-breakpoints, $label);
28 }
29
30 $container-max-widths: (
31 sm: 420px,
32 md: 720px,
33 lg: 900px,
34 xl: 1140px
35 );
36
37 $input-color: pvar(--inputForegroundColor);
38 $input-bg: pvar(--inputBackgroundColor);
39 $input-focus-color: pvar(--inputForegroundColor);
40 $input-focus-bg: pvar(--inputBackgroundColor);
41 $input-btn-focus-width: 0;
42 $input-btn-focus-color: inherit;
43 $input-focus-border-color: #ced4da;
44
45 $input-group-addon-color: pvar(--mainForegroundColor);
46 $input-group-addon-bg: pvar(--greyBackgroundColor);
47
48 $nav-pills-link-active-bg: pvar(--greySecondaryBackgroundColor);
49 $nav-pills-link-active-color: pvar(--mainForegroundColor);
50 $nav-link-transition: none;
51
52 $dropdown-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
53 $dropdown-border-radius: 3px;
54 $dropdown-link-active-color: pvar(--mainForegroundColor);
55 $dropdown-link-active-bg: pvar(--mainBackgroundHoverColor);
56 $dropdown-link-hover-color: pvar(--mainForegroundColor);
57 $dropdown-link-hover-bg: pvar(--mainBackgroundHoverColor);
58 $dropdown-color: pvar(--mainForegroundColor);
59 $dropdown-bg: pvar(--mainBackgroundColor);
60
61 $accordion-button-active-bg: pvar(--mainColorVeryLight);
62 $accordion-button-active-color: pvar(--mainForegroundColor);
63 $accordion-button-focus-border-color: pvar(--mainColorLightest);
64 $accordion-button-focus-box-shadow: 0 0 0 .15rem pvar(--mainColorLightest);
65 $accordion-border-color: pvar(--inputBorderColor);