Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 32.7 KB
Newer Older
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
1
2
3
4
5
6
7 
// Factor to calculate between rem and pixel
$remPixelFactor: 16;

// number of post decimal positions for rem
// e.g. write 1000 for 3 numbers
$remPostDecimalPositionNumber: 1000;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
8
9 
// Set font path to Fonts
$fa-font-path: '../Fonts';
Yaroslav Trach's avatar
[WIP] Header    
Yaroslav Trach committed
10 
$mobile-menu-height: 56px;
Yaroslav Trach's avatar
[WIP] Fonts; buttons    
Yaroslav Trach committed
11 
$max-page-container-width: 1700px;
Yaroslav Trach's avatar
[UPDATE] Fonts    
Yaroslav Trach committed
12
13 
$primaryFont: 'Source Sans Pro', sans-serif;
$headlineFont: 'Share', sans-serif;
Yaroslav Trach's avatar
[WIP] Fonts; buttons    
Yaroslav Trach committed
14 
$codeFont: 'Source Code Pro', 'Courier New', Courier, monospace;
Yaroslav Trach's avatar
[WIP] Header    
Yaroslav Trach committed
15
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
16
17
18
19
20
21
22
23
24
25 
// Variables
//
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

//
// Color system
//
//
// stylelint-disable
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
26 
$white: #fff !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
27
28
29
30
31
32
33 
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
34 
$gray-800: #333 !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
35 
$gray-900: #212529 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
36 
$black: #000 !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
37
38 
$grays: () !default;
$grays: map-merge((
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
39 
  "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
40 
), $grays);
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
41
42
43
44
45
46
47
48
49
50 
$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #dc3545 !default;
$orange: #fd7e14 !default;
$yellow: #ffc107 !default;
$green: #28a745 !default;
$teal: #20c997 !default;
$cyan: #17a2b8 !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
51
52 
$colors: () !default;
$colors: map-merge((
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
53 
  "blue":       $blue, "indigo":     $indigo, "purple":     $purple, "pink":       $pink, "red":        $red, "orange":     $orange, "yellow":     $yellow, "green":      $green, "teal":       $teal, "cyan":       $cyan, "white":      $white, "gray":       $gray-600, "gray-dark":  $gray-800
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
54 
), $colors);
Andreas Nedbal's avatar
[TASK] Adjust color names to follow print styleguide    
Andreas Nedbal committed
55 
$primary: $key-color;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
56
57
58
59
60
61
62 
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-800 !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
63
64 
$theme-colors: ();
$theme-colors: map-merge((
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
65 
  "primary":    $primary, "secondary":  $secondary, "success":    $success, "info":       $info, "warning":    $warning, "danger":     $danger, "light":      $light, "dark":       $dark
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
66 
), $theme-colors);
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
67
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
68
69
70
71
72
73
74
75
76
77 
// stylelint-enable
//
// Set a specific jump point for requesting color jumps
// $theme-color-interval:      8% !default;

// Options
//
// Quickly modify global styling by enabling or disabling optional features.
//
// $enable-caret:              true !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
78 
$enable-rounded: false;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
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 
// $enable-shadows:            false !default;
// $enable-gradients:          false !default;
// $enable-transitions:        true !default;
// $enable-hover-media-query:  false !default;
// $enable-grid-classes:       true !default;
// $enable-print-styles:       true !default;

// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.
//
// $spacer: 1rem !default;
// $spacers: (
//   0: 0,
//   1: ($spacer * .25),
//   2: ($spacer * .5),
//   3: $spacer,
//   4: ($spacer * 1.5),
//   5: ($spacer * 3)
// ) !default;
//
// This variable affects the `.h-*` and `.w-*` classes.
// $sizes: (
//   25: 25%,
//   50: 50%,
//   75: 75%,
//   100: 100%
// ) !default;

// Body
//
// Settings for the `<body>` element.
//
// $body-bg:                   $white !default;
Andreas Nedbal's avatar
[TASK] Adjust color names to follow print styleguide    
Andreas Nedbal committed
115 
$body-color: $dark-grey;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
116
117
118
119
120
121
122
123
124
125
126 

// Links
//
// Style anchor elements.
//
// $link-color:                theme-color("primary") !default;
// $link-decoration:           none !default;
// $link-hover-color:          darken($link-color, 15%) !default;
// $link-hover-decoration:     underline !default;
//
// Paragraphs
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
127 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
128
129 
// Style p element.
//
Miro Olma's avatar
[Task] Change font-sizes from headlines,    
Miro Olma committed
130 
$paragraph-margin-bottom: 1.875rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
131
132
133
134
135 

// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
136 
$grid-breakpoints: (
Markus Sommer's avatar
[TASK] Todos and CGL    
Markus Sommer committed
137
138
139
140 
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
yar.trach's avatar
[FIX] Breakpoint for devices 13''    
yar.trach committed
141 
    xl: 1260px
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
142 
);
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
143 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
144
145
146
147 
// @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
// @include _assert-starts-at-zero($grid-breakpoints);

// Grid containers
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
148 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
149 
// Define the maximum width of `.container` for different screen sizes.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
150
151 
//
$container-max-widths: (
Markus Sommer's avatar
[TASK] Todos and CGL    
Markus Sommer committed
152
153
154
155 
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1200px
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
156 
);
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
157 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
158 
// @include _assert-ascending($container-max-widths, "$container-max-widths");
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
159 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
160 
// Grid columns
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
161 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
162 
// Set the number of columns and specify the width of the gutters.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
163 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
164
165
166
167 
// $grid-columns:                12 !default;
// $grid-gutter-width:           30px !default;

// Components
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
168 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
169 
// Define common padding and border radius sizes and more.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
170 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
171
172 
// $line-height-lg:              1.5 !default;
// $line-height-sm:              1.5 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
173 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
174
175 
// $border-width:                1px !default;
// $border-color:                $gray-200 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
176 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
177
178
179 
// $border-radius:               .25rem !default;
// $border-radius-lg:            .3rem !default;
// $border-radius-sm:            .2rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
180 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
181
182 
// $component-active-color:      $white !default;
// $component-active-bg:         theme-color("primary") !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
183 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
184 
// $caret-width:                 .3em !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
185 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
186
187
188 
// $transition-base:             all .2s ease-in-out !default;
// $transition-fade:             opacity .15s linear !default;
// $transition-collapse:         height .35s ease !default;
Yaroslav Trach's avatar
[TASK] Event listing    
Yaroslav Trach committed
189
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
190 
// Fonts
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
191 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
192 
// Font, line-height, and color for body text, headings, and more.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
193 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
194 
// stylelint-disable value-keyword-case
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
195 
$font-family-sans-serif: $primaryFont;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
196
197
198 
// $font-family-monospace:       "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
// $font-family-base:            $font-family-sans-serif !default;
// stylelint-enable value-keyword-case
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
199 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
200 
$font-size-base: 1rem !default; // 16px
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
201
202 
// $font-size-lg:                ($font-size-base * 1.25) !default;
// $font-size-sm:                ($font-size-base * .875) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
203 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
204
205 
// $font-weight-light:           300 !default;
// $font-weight-normal:          400 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
206 
$font-weight-bold: 700 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
207 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
208 
$font-weight-base: 300;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
209 
// $line-height-base:            1.5 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
210 
//
Miro Olma's avatar
[Task] Change font-sizes from headlines,    
Miro Olma committed
211
212
213
214
215
216 
$h1-font-size: 3rem;
$h2-font-size: 2.25rem;
$h3-font-size: 1.75rem;
$h4-font-size: 1.5rem;
$h5-font-size: 1.25rem;
$h6-font-size: 1rem;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
217 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
218 
$headings-margin-bottom: 1.25rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
219 
// $headings-font-family:        inherit !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
220 
$headings-font-weight: 700;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
221 
// $headings-line-height:        1.2 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
222 
$headings-color: $gray-800;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
223 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
224
225
226
227 
// $display1-size:               6rem !default;
// $display2-size:               5.5rem !default;
// $display3-size:               4.5rem !default;
// $display4-size:               3.5rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
228 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
229
230
231
232
233 
// $display1-weight:             300 !default;
// $display2-weight:             300 !default;
// $display3-weight:             300 !default;
// $display4-weight:             300 !default;
// $display-line-height:         $headings-line-height !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
234 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
235
236 
// $lead-font-size:              ($font-size-base * 1.25) !default;
// $lead-font-weight:            300 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
237 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
238 
// $small-font-size:             80% !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
239 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
240 
// $text-muted:                  $gray-600 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
241 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
242
243 
// $blockquote-small-color:      $gray-600 !default;
// $blockquote-font-size:        ($font-size-base * 1.25) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
244 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
245
246 
// $hr-border-color:             rgba($black,.1) !default;
// $hr-border-width:             $border-width !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
247 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
248 
// $mark-padding:                .2em !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
249 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
250 
// $dt-font-weight:              $font-weight-bold !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
251 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
252
253 
// $kbd-box-shadow:              inset 0 -.1rem 0 rgba($black,.25) !default;
// $nested-kbd-font-weight:      $font-weight-bold !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
254 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
255 
// $list-inline-padding:         5px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
256 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
257
258
259 
// $mark-bg: #fcf8e3 !default;

// Tables
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
260 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
261 
// Customizes the `.table` component with basic values, each used across all table variations.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
262 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
263
264 
// $table-cell-padding:          .75rem !default;
// $table-cell-padding-sm:       .3rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
265 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
266
267
268
269 
// $table-bg:                    transparent !default;
// $table-accent-bg:             rgba($black,.05) !default;
// $table-hover-bg:              rgba($black,.075) !default;
// $table-active-bg:             $table-hover-bg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
270 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
271
272 
// $table-border-width:          $border-width !default;
// $table-border-color:          $gray-200 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
273 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
274
275 
// $table-head-bg:               $gray-200 !default;
// $table-head-color:            $gray-700 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
276 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
277
278
279
280
281
282
283 
// $table-dark-bg:               $gray-900 !default;
// $table-dark-accent-bg:        rgba($white, .05) !default;
// $table-dark-hover-bg:         rgba($white, .075) !default;
// $table-dark-border-color:     lighten($gray-900, 7.5%) !default;
// $table-dark-color:            $body-bg !default;

// Buttons
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
284 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
285 
// For each of Bootstrap's buttons, define text, background and border color.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
286 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
287 
// $input-btn-padding-y:         .375rem !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
288 
$input-btn-padding-x: 2rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
289 
// $input-btn-line-height:       $line-height-base !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
290 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
291
292
293 
// $input-btn-focus-width:       .2rem !default;
// $input-btn-focus-color:       rgba(theme-color("primary"), .25) !default;
// $input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
294 
//
Yaroslav Trach's avatar
[UPDATE] Fonts    
Yaroslav Trach committed
295 
// $input-btn-padding-y-sm:      0.25rem !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
296 
$input-btn-padding-x-sm: 1rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
297 
// $input-btn-line-height-sm:    $line-height-sm !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
298 
//
Yaroslav Trach's avatar
[UPDATE] Fonts    
Yaroslav Trach committed
299 
// $input-btn-padding-y-lg:      0.5rem !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
300 
$input-btn-padding-x-lg: 3rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
301 
// $input-btn-line-height-lg:    $line-height-lg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
302 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
303 
$btn-font-weight: $font-weight-bold !default;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
304
305 
// $btn-box-shadow:              inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
// $btn-active-box-shadow:       inset 0 3px 5px rgba($black,.125) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
306 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
307 
// $btn-link-disabled-color:     $gray-600 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
308 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
309 
// $btn-block-spacing-y:         .5rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
310 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
311
312
313
314 
// Allows for customizing button radius independently from global border radius
// $btn-border-radius:           $border-radius !default;
// $btn-border-radius-lg:        $border-radius-lg !default;
// $btn-border-radius-sm:        $border-radius-sm !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
315 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
316
317
318 
// $btn-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;

// Forms
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
319 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
320
321 
// $input-bg:                              $white !default;
// $input-disabled-bg:                     $gray-200 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
322 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
323
324
325
326 
// $input-color:                           $gray-700 !default;
// $input-border-color:                    $gray-400 !default;
// $input-btn-border-width:                $border-width !default; // For form controls and buttons
// $input-box-shadow:                      inset 0 1px 1px rgba($black,.075) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
327 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
328
329
330 
// $input-border-radius:                   $border-radius !default;
// $input-border-radius-lg:                $border-radius-lg !default;
// $input-border-radius-sm:                $border-radius-sm !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
331 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
332
333
334 
// $input-focus-bg:                        $input-bg !default;
// $input-focus-border-color:              lighten(theme-color("primary"), 25%) !default;
// $input-focus-color:                     $input-color !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
335 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449 
// $input-placeholder-color:               $gray-600 !default;
//
// $input-height-border:                   $input-btn-border-width * 2 !default;
//
// $input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
// $input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
//
// $input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
// $input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
//
// $input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
// $input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
//
// $input-transition:                      border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
//
// $form-text-margin-top:                  .25rem !default;
//
// $form-check-margin-bottom:              .5rem !default;
// $form-check-input-gutter:               1.25rem !default;
// $form-check-input-margin-y:             .25rem !default;
// $form-check-input-margin-x:             .25rem !default;
//
// $form-check-inline-margin-x:            .75rem !default;
//
// $form-group-margin-bottom:              1rem !default;
//
// $input-group-addon-color:               $input-color !default;
// $input-group-addon-bg:                  $gray-200 !default;
// $input-group-addon-border-color:        $input-border-color !default;
//
// $custom-control-gutter:                 1.5rem !default;
// $custom-control-spacer-y:               .25rem !default;
// $custom-control-spacer-x:               1rem !default;
//
// $custom-control-indicator-size:         1rem !default;
// $custom-control-indicator-bg:           #ddd !default;
// $custom-control-indicator-bg-size:      50% 50% !default;
// $custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black,.1) !default;
//
// $custom-control-indicator-disabled-bg:          $gray-200 !default;
// $custom-control-description-disabled-color:     $gray-600 !default;
//
// $custom-control-indicator-checked-color:        $white !default;
// $custom-control-indicator-checked-bg:           theme-color("primary") !default;
// $custom-control-indicator-checked-box-shadow:   none !default;
//
// $custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
//
// $custom-control-indicator-active-color:         $white !default;
// $custom-control-indicator-active-bg:            lighten(theme-color("primary"), 35%) !default;
// $custom-control-indicator-active-box-shadow:    none !default;
//
// $custom-checkbox-indicator-border-radius:       $border-radius !default;
// $custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
//
// $custom-checkbox-indicator-indeterminate-bg:    theme-color("primary") !default;
// $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
// $custom-checkbox-indicator-icon-indeterminate:  str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
// $custom-checkbox-indicator-indeterminate-box-shadow: none !default;
//
// $custom-radio-indicator-border-radius:          50% !default;
// $custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
//
// $custom-select-padding-y:           .375rem !default;
// $custom-select-padding-x:          .75rem !default;
// $custom-select-height:              $input-height !default;
// $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
// $custom-select-line-height:         $input-btn-line-height !default;
// $custom-select-color:               $input-color !default;
// $custom-select-disabled-color:      $gray-600 !default;
// $custom-select-bg:                  $white !default;
// $custom-select-disabled-bg:         $gray-200 !default;
// $custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
// $custom-select-indicator-color:     #333 !default;
// $custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
// $custom-select-border-width:        $input-btn-border-width !default;
// $custom-select-border-color:        $input-border-color !default;
// $custom-select-border-radius:       $border-radius !default;
//
// $custom-select-focus-border-color:  lighten(theme-color("primary"), 25%) !default;
// $custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
//
// $custom-select-font-size-sm:        75% !default;
// $custom-select-height-sm:           $input-height-sm !default;
//
// $custom-file-height:                $input-height !default;
// $custom-file-width:                 14rem !default;
// $custom-file-focus-box-shadow:      0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;
//
// $custom-file-padding-y:             $input-btn-padding-y !default;
// $custom-file-padding-x:             $input-btn-padding-x !default;
// $custom-file-line-height:           $input-btn-line-height !default;
// $custom-file-color:                 $input-color !default;
// $custom-file-bg:                    $input-bg !default;
// $custom-file-border-width:          $input-btn-border-width !default;
// $custom-file-border-color:          $input-border-color !default;
// $custom-file-border-radius:         $input-border-radius !default;
// $custom-file-box-shadow:            $input-box-shadow !default;
// $custom-file-button-color:          $custom-file-color !default;
// $custom-file-button-bg:             $input-group-addon-bg !default;
// $custom-file-text: (
//   placeholder: (
//     en: "Choose file..."
//   ),
//   button-label: (
//     en: "Browse"
//   )
// ) !default;
//
// Form validation
// $form-feedback-valid-color:         theme-color("success") !default;
// $form-feedback-invalid-color:       theme-color("danger") !default;

// Dropdowns
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
450 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
451 
// Dropdown menu container and contents.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
452 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
453
454
455
456
457
458
459
460 
// $dropdown-min-width:                10rem !default;
// $dropdown-padding-y:                .5rem !default;
// $dropdown-spacer:                   .125rem !default;
// $dropdown-bg:                       $white !default;
// $dropdown-border-color:             rgba($black,.15) !default;
// $dropdown-border-width:             $border-width !default;
// $dropdown-divider-bg:               $gray-200 !default;
// $dropdown-box-shadow:               0 .5rem 1rem rgba($black,.175) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
461 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
462
463
464 
// $dropdown-link-color:               $gray-900 !default;
// $dropdown-link-hover-color:         darken($gray-900, 5%) !default;
// $dropdown-link-hover-bg:            $gray-100 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
465 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
466
467 
// $dropdown-link-active-color:        $component-active-color !default;
// $dropdown-link-active-bg:           $component-active-bg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
468 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
469 
// $dropdown-link-disabled-color:      $gray-600 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
470 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
471
472 
// $dropdown-item-padding-y:           .25rem !default;
// $dropdown-item-padding-x:           1.5rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
473 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495 
// $dropdown-header-color:             $gray-600 !default;

// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// $zindex-dropdown:                   1000 !default;
// $zindex-sticky:                     1020 !default;
// $zindex-fixed:                      1030 !default;
// $zindex-modal-backdrop:             1040 !default;
// $zindex-modal:                      1050 !default;
// $zindex-popover:                    1060 !default;
// $zindex-tooltip:                    1070 !default;

// Navs
//
// $nav-link-padding-y:                .5rem !default;
// $nav-link-padding-x:                1rem !default;
// $nav-link-disabled-color:           $gray-600 !default;
//
// $nav-tabs-border-color:             #ddd !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
496 
$nav-tabs-border-width: 0;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
497
498 
// $nav-tabs-border-radius:            $border-radius !default;
// $nav-tabs-link-hover-border-color:  $gray-200 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
499 
$nav-tabs-link-active-color: $white;
Andreas Nedbal's avatar
[TASK] Adjust color names to follow print styleguide    
Andreas Nedbal committed
500 
$nav-tabs-link-active-bg: $key-color;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
501
502
503
504
505
506
507
508 
// $nav-tabs-link-active-border-color: #ddd !default;
//
// $nav-pills-border-radius:           $border-radius !default;
// $nav-pills-link-active-color:       $component-active-color !default;
// $nav-pills-link-active-bg:          $component-active-bg !default;

// Navbar
//
Miro Olma's avatar
[Task] Header should be in Grid (container), [Task] Header Menu Font should be...    
Miro Olma committed
509
510 
$navbar-padding-y: 0;
$navbar-padding-x: 0;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
511
512
513
514
515 
//
// $navbar-brand-font-size:            $font-size-lg !default;
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
// $nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
// $navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
Miro Olma's avatar
[Task] Header should be in Grid (container), [Task] Header Menu Font should be...    
Miro Olma committed
516 
$navbar-brand-padding-y: 0;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564 
//
// $navbar-toggler-padding-y:          .25rem !default;
// $navbar-toggler-padding-x:          .75rem !default;
// $navbar-toggler-font-size:          $font-size-lg !default;
// $navbar-toggler-border-radius:      $btn-border-radius !default;
//
// $navbar-dark-color:                 rgba($white,.5) !default;
// $navbar-dark-hover-color:           rgba($white,.75) !default;
// $navbar-dark-active-color:          $white !default;
// $navbar-dark-disabled-color:        rgba($white,.25) !default;
// $navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
// $navbar-dark-toggler-border-color:  rgba($white,.1) !default;
//
// $navbar-light-color:                rgba($black,.5) !default;
// $navbar-light-hover-color:          rgba($black,.7) !default;
// $navbar-light-active-color:         rgba($black,.9) !default;
// $navbar-light-disabled-color:       rgba($black,.3) !default;
// $navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
// $navbar-light-toggler-border-color: rgba($black,.1) !default;

// Pagination
//
// $pagination-padding-y:              .5rem !default;
// $pagination-padding-x:              .75rem !default;
// $pagination-padding-y-sm:           .25rem !default;
// $pagination-padding-x-sm:           .5rem !default;
// $pagination-padding-y-lg:           .75rem !default;
// $pagination-padding-x-lg:           1.5rem !default;
// $pagination-line-height:            1.25 !default;
//
// $pagination-color:                  $link-color !default;
// $pagination-bg:                     $white !default;
// $pagination-border-width:           $border-width !default;
// $pagination-border-color:           #ddd !default;
//
// $pagination-hover-color:            $link-hover-color !default;
// $pagination-hover-bg:               $gray-200 !default;
// $pagination-hover-border-color:     #ddd !default;
//
// $pagination-active-color:           $white !default;
// $pagination-active-bg:              theme-color("primary") !default;
// $pagination-active-border-color:    theme-color("primary") !default;
//
// $pagination-disabled-color:         $gray-600 !default;
// $pagination-disabled-bg:            $white !default;
// $pagination-disabled-border-color:  #ddd !default;

// Jumbotron
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
565 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
566
567
568
569 
// $jumbotron-padding:                 2rem !default;
// $jumbotron-bg:                      $gray-200 !default;

// Cards
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
570 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
571
572
573
574
575
576
577
578 
// $card-spacer-y:                     .75rem !default;
// $card-spacer-x:                     1.25rem !default;
// $card-border-width:                 $border-width !default;
// $card-border-radius:                $border-radius !default;
// $card-border-color:                 rgba($black,.125) !default;
// $card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
// $card-cap-bg:                       rgba($black, .03) !default;
// $card-bg:                           $white !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
579 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
580 
// $card-img-overlay-padding:          1.25rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
581 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
582
583 
// $card-group-margin:                 ($grid-gutter-width / 2) !default;
// $card-deck-margin:                  $card-group-margin !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
584 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603 
// $card-columns-count:                3 !default;
// $card-columns-gap:                  1.25rem !default;
// $card-columns-margin:               $card-spacer-y !default;

// Tooltips
//
// $tooltip-max-width:                 200px !default;
// $tooltip-color:                     $white !default;
// $tooltip-bg:                        $black !default;
// $tooltip-opacity:                   .9 !default;
// $tooltip-padding-y:                 3px !default;
// $tooltip-padding-x:                 8px !default;
// $tooltip-margin:                    0 !default;
//
// $tooltip-arrow-width:               5px !default;
// $tooltip-arrow-height:              5px !default;
// $tooltip-arrow-color:               $tooltip-bg !default;

// Popovers
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
604 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
605
606
607
608
609 
// $popover-bg:                        $white !default;
// $popover-max-width:                 276px !default;
// $popover-border-width:              $border-width !default;
// $popover-border-color:              rgba($black,.2) !default;
// $popover-box-shadow:                0 .25rem .5rem rgba($black,.2) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
610 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
611
612
613
614 
// $popover-header-bg:                 darken($popover-bg, 3%) !default;
// $popover-header-color:              $headings-color !default;
// $popover-header-padding-y:          .5rem !default;
// $popover-header-padding-x:          .75rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
615 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
616
617
618 
// $popover-body-color:                $body-color !default;
// $popover-body-padding-y:            $popover-header-padding-y !default;
// $popover-body-padding-x:            $popover-header-padding-x !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
619 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
620
621
622 
// $popover-arrow-width:               .8rem !default;
// $popover-arrow-height:              .4rem !default;
// $popover-arrow-color:               $popover-bg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
623 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639 
// $popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;

// Badges
//
// $badge-font-size:                   75% !default;
// $badge-font-weight:                 $font-weight-bold !default;
// $badge-padding-y:                   .25em !default;
// $badge-padding-x:                   .4em !default;
// $badge-border-radius:               $border-radius !default;
//
// $badge-pill-padding-x:              .6em !default;
// Use a higher than normal value to ensure completely rounded edges when
// customizing padding or font-size on labels.
// $badge-pill-border-radius:          10rem !default;

// Modals
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
640 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
641
642 
// Padding applied to the modal body
// $modal-inner-padding:               15px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
643 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
644
645 
// $modal-dialog-margin:               10px !default;
// $modal-dialog-margin-y-sm-up:       30px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
646 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
647 
// $modal-title-line-height:           $line-height-base !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
648 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
649
650
651
652
653 
// $modal-content-bg:                  $white !default;
// $modal-content-border-color:        rgba($black,.2) !default;
// $modal-content-border-width:        $border-width !default;
// $modal-content-box-shadow-xs:       0 3px 9px rgba($black,.5) !default;
// $modal-content-box-shadow-sm-up:    0 5px 15px rgba($black,.5) !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
654 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
655
656
657
658
659
660
661 
// $modal-backdrop-bg:                 $black !default;
// $modal-backdrop-opacity:            .5 !default;
// $modal-header-border-color:         $gray-200 !default;
// $modal-footer-border-color:         $modal-header-border-color !default;
// $modal-header-border-width:         $modal-content-border-width !default;
// $modal-footer-border-width:         $modal-header-border-width !default;
// $modal-header-padding:              15px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
662 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
663
664
665 
// $modal-lg:                          800px !default;
// $modal-md:                          500px !default;
// $modal-sm:                          300px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
666 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
667
668
669 
// $modal-transition:                  transform .3s ease-out !default;

// Alerts
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
670 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
671 
// Define alert colors, border radius, and padding.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
672 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692 
// $alert-padding-y:                   .75rem !default;
// $alert-padding-x:                   1.25rem !default;
// $alert-margin-bottom:               1rem !default;
// $alert-border-radius:               $border-radius !default;
// $alert-link-font-weight:            $font-weight-bold !default;
// $alert-border-width:                $border-width !default;

// Progress bars
//
// $progress-height:                   1rem !default;
// $progress-font-size:                ($font-size-base * .75) !default;
// $progress-bg:                       $gray-200 !default;
// $progress-border-radius:            $border-radius !default;
// $progress-box-shadow:               inset 0 .1rem .1rem rgba($black,.1) !default;
// $progress-bar-color:                $white !default;
// $progress-bar-bg:                   theme-color("primary") !default;
// $progress-bar-animation-timing:     1s linear infinite !default;
// $progress-bar-transition:           width .6s ease !default;

// List group
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
693 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
694
695
696
697 
// $list-group-bg:                     $white !default;
// $list-group-border-color:           rgba($black,.125) !default;
// $list-group-border-width:           $border-width !default;
// $list-group-border-radius:          $border-radius !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
698 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
699
700 
// $list-group-item-padding-y:         .75rem !default;
// $list-group-item-padding-x:         1.25rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
701 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
702
703
704
705 
// $list-group-hover-bg:               $gray-100 !default;
// $list-group-active-color:           $component-active-color !default;
// $list-group-active-bg:              $component-active-bg !default;
// $list-group-active-border-color:    $list-group-active-bg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
706 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
707
708 
// $list-group-disabled-color:         $gray-600 !default;
// $list-group-disabled-bg:            $list-group-bg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
709 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
710
711 
// $list-group-action-color:           $gray-700 !default;
// $list-group-action-hover-color:     $list-group-action-color !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
712 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
713
714
715
716
717
718
719
720
721
722
723
724
725
726 
// $list-group-action-active-color:    $body-color !default;
// $list-group-action-active-bg:       $gray-200 !default;

// Image thumbnails
//
// $thumbnail-padding:                 .25rem !default;
// $thumbnail-bg:                      $body-bg !default;
// $thumbnail-border-width:            $border-width !default;
// $thumbnail-border-color:            #ddd !default;
// $thumbnail-border-radius:           $border-radius !default;
// $thumbnail-box-shadow:              0 1px 2px rgba($black,.075) !default;
// $thumbnail-transition:              all .2s ease-in-out !default;

// Figures
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
727 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
728
729
730
731 
// $figure-caption-font-size:          90% !default;
// $figure-caption-color:              $gray-600 !default;

// Breadcrumbs
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
732 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
733
734
735 
// $breadcrumb-padding-y:              .75rem !default;
// $breadcrumb-padding-x:              1rem !default;
// $breadcrumb-item-padding:           .5rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
736 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
737 
// $breadcrumb-margin-bottom:          1rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
738 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
739
740
741
742
743
744 
// $breadcrumb-bg:                     $gray-200 !default;
// $breadcrumb-divider-color:          $gray-600 !default;
// $breadcrumb-active-color:           $gray-600 !default;
// $breadcrumb-divider:                "/" !default;

// Carousel
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
745 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
746
747
748 
// $carousel-control-color:            $white !default;
// $carousel-control-width:            15% !default;
// $carousel-control-opacity:          .5 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
749 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
750
751
752
753 
// $carousel-indicator-width:          30px !default;
// $carousel-indicator-height:         3px !default;
// $carousel-indicator-spacer:         3px !default;
// $carousel-indicator-active-bg:      $white !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
754 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
755
756 
// $carousel-caption-width:            70% !default;
// $carousel-caption-color:            $white !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
757 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
758 
// $carousel-control-icon-width:       20px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
759 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
760
761 
// $carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
// $carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
762 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
763
764
765 
// $carousel-transition:               transform .6s ease !default;

// Close
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
766 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
767
768
769
770
771
772 
// $close-font-size:                   $font-size-base * 1.5 !default;
// $close-font-weight:                 $font-weight-bold !default;
// $close-color:                       $black !default;
// $close-text-shadow:                 0 1px 0 $white !default;

// Code
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
773 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
774
775
776
777
778 
// $code-font-size:                    90% !default;
// $code-padding-y:                    .2rem !default;
// $code-padding-x:                    .4rem !default;
// $code-color:                        #bd4147 !default;
// $code-bg:                           $gray-100 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
779 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
780
781 
// $kbd-color:                         $white !default;
// $kbd-bg:                            $gray-900 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
782 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
783
784 
// $pre-color:                         $gray-900 !default;
// $pre-scrollable-max-height:         340px !default;