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