]>
Commit | Line | Data |
---|---|---|
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); |