Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 32.8 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 
// Set font path to Fonts
Thomas Löffler's avatar
Introduce FontAwesome 5 with scss files and remove from gulp    
Thomas Löffler committed
9 
$fa-font-path: '../Fonts/FontAwesome';
Thomas Löffler's avatar
Add ending slash for a correct font path    
Thomas Löffler committed
10 
$slick-font-path: '../Fonts/Slick/';
Yaroslav Trach's avatar
[WIP] Header    
Yaroslav Trach committed
11 
$mobile-menu-height: 56px;
Yaroslav Trach's avatar
[WIP] Fonts; buttons    
Yaroslav Trach committed
12 
$max-page-container-width: 1700px;
Yaroslav Trach's avatar
[UPDATE] Fonts    
Yaroslav Trach committed
13
14 
$primaryFont: 'Source Sans Pro', sans-serif;
$headlineFont: 'Share', sans-serif;
Yaroslav Trach's avatar
[WIP] Fonts; buttons    
Yaroslav Trach committed
15 
$codeFont: 'Source Code Pro', 'Courier New', Courier, monospace;
Yaroslav Trach's avatar
[WIP] Header    
Yaroslav Trach committed
16
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
17
18
19
20
21
22
23
24
25
26 
// 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
27 
$white: #fff !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
28
29
30
31
32
33
34 
$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
35 
$gray-800: #333 !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
36 
$gray-900: #212529 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
37 
$black: #000 !default;
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
38
39 
$grays: () !default;
$grays: map-merge((
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
40 
  "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
41 
), $grays);
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
42
43
44
45
46
47
48
49
50
51 
$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
52
53 
$colors: () !default;
$colors: map-merge((
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
54 
  "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
55 
), $colors);
Andreas Nedbal's avatar
[TASK] Adjust color names to follow print styleguide    
Andreas Nedbal committed
56 
$primary: $key-color;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
57
58
59
60
61
62
63 
$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
64
65 
$theme-colors: ();
$theme-colors: map-merge((
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
66 
  "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
67 
), $theme-colors);
Yaroslav Trach's avatar
[WIP] Buttons    
Yaroslav Trach committed
68
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
69
70
71
72
73
74
75
76
77
78 
// 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
79 
$enable-rounded: false;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
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 
// $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
116 
$body-color: $dark-grey;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
117
118
119
120
121
122
123
124
125
126
127 

// 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
128 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
129
130 
// Style p element.
//
Miro Olma's avatar
[Task] Change font-sizes from headlines,    
Miro Olma committed
131 
$paragraph-margin-bottom: 1.875rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
132
133
134
135
136 

// 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
137 
$grid-breakpoints: (
Markus Sommer's avatar
[TASK] Todos and CGL    
Markus Sommer committed
138
139
140
141 
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
yar.trach's avatar
[FIX] Breakpoint for devices 13''    
yar.trach committed
142 
    xl: 1260px
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
143 
);
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
144 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
145
146
147
148 
// @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
149 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
150 
// Define the maximum width of `.container` for different screen sizes.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
151
152 
//
$container-max-widths: (
Markus Sommer's avatar
[TASK] Todos and CGL    
Markus Sommer committed
153
154
155
156 
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1200px
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
157 
);
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
158 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
159 
// @include _assert-ascending($container-max-widths, "$container-max-widths");
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
160 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
161 
// Grid columns
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
162 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
163 
// Set the number of columns and specify the width of the gutters.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
164 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
165
166
167
168 
// $grid-columns:                12 !default;
// $grid-gutter-width:           30px !default;

// Components
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
169 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
170 
// Define common padding and border radius sizes and more.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
171 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
172
173 
// $line-height-lg:              1.5 !default;
// $line-height-sm:              1.5 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
174 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
175
176 
// $border-width:                1px !default;
// $border-color:                $gray-200 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
177 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
178
179
180 
// $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
181 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
182
183 
// $component-active-color:      $white !default;
// $component-active-bg:         theme-color("primary") !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
184 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
185 
// $caret-width:                 .3em !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
186 
//
Felix Ranesberger's avatar
[FEATURE] rebuild jumbotron component    
Felix Ranesberger committed
187 
$transition-base:             2s ease-in-out !default;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
188
189 
// $transition-fade:             opacity .15s linear !default;
// $transition-collapse:         height .35s ease !default;
Yaroslav Trach's avatar
[TASK] Event listing    
Yaroslav Trach committed
190
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
191 
// Fonts
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
192 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
193 
// Font, line-height, and color for body text, headings, and more.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
194 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
195 
// stylelint-disable value-keyword-case
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
196 
$font-family-sans-serif: $primaryFont;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
197
198
199 
// $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
200 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
201 
$font-size-base: 1rem !default; // 16px
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
202
203 
// $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
204 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
205
206 
// $font-weight-light:           300 !default;
// $font-weight-normal:          400 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
207 
$font-weight-bold: 700 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
208 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
209 
$font-weight-base: 300;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
210 
// $line-height-base:            1.5 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
211 
//
Miro Olma's avatar
[Task] Change font-sizes from headlines,    
Miro Olma committed
212
213
214
215
216
217 
$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
218 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
219 
$headings-margin-bottom: 1.25rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
220 
// $headings-font-family:        inherit !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
221 
$headings-font-weight: 700;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
222 
// $headings-line-height:        1.2 !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
223 
$headings-color: $gray-800;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
224 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
225
226
227
228 
// $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
229 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
230
231
232
233
234 
// $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
235 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
236
237 
// $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
238 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
239 
// $small-font-size:             80% !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
240 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
241 
// $text-muted:                  $gray-600 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
242 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
243
244 
// $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
245 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
246
247 
// $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
248 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
249 
// $mark-padding:                .2em !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
250 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
251 
// $dt-font-weight:              $font-weight-bold !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
252 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
253
254 
// $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
255 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
256 
// $list-inline-padding:         5px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
257 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
258
259
260 
// $mark-bg: #fcf8e3 !default;

// Tables
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
261 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
262 
// 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
263 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
264
265 
// $table-cell-padding:          .75rem !default;
// $table-cell-padding-sm:       .3rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
266 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
267
268
269
270 
// $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
271 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
272
273 
// $table-border-width:          $border-width !default;
// $table-border-color:          $gray-200 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
274 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
275
276 
// $table-head-bg:               $gray-200 !default;
// $table-head-color:            $gray-700 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
277 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
278
279
280
281
282
283
284 
// $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
285 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
286 
// For each of Bootstrap's buttons, define text, background and border color.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
287 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
288 
// $input-btn-padding-y:         .375rem !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
289 
$input-btn-padding-x: 2rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
290 
// $input-btn-line-height:       $line-height-base !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
291 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
292
293
294 
// $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
295 
//
Yaroslav Trach's avatar
[UPDATE] Fonts    
Yaroslav Trach committed
296 
// $input-btn-padding-y-sm:      0.25rem !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
297 
$input-btn-padding-x-sm: 1rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
298 
// $input-btn-line-height-sm:    $line-height-sm !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
299 
//
Yaroslav Trach's avatar
[UPDATE] Fonts    
Yaroslav Trach committed
300 
// $input-btn-padding-y-lg:      0.5rem !default;
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
301 
$input-btn-padding-x-lg: 3rem;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
302 
// $input-btn-line-height-lg:    $line-height-lg !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
303 
//
Boris Schauer's avatar
[TASK] Include fancybox css and js    
Boris Schauer committed
304 
$btn-font-weight: $font-weight-bold !default;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
305
306 
// $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
307 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
308 
// $btn-link-disabled-color:     $gray-600 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
309 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
310 
// $btn-block-spacing-y:         .5rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
311 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
312
313
314
315 
// 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
316 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
317
318
319 
// $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
320 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
321
322 
// $input-bg:                              $white !default;
// $input-disabled-bg:                     $gray-200 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
323 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
324
325
326
327 
// $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
328 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
329
330
331 
// $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
332 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
333
334
335 
// $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
336 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
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
450 
// $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
451 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
452 
// Dropdown menu container and contents.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
453 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
454
455
456
457
458
459
460
461 
// $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
462 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
463
464
465 
// $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
466 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
467
468 
// $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
469 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
470 
// $dropdown-link-disabled-color:      $gray-600 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
471 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
472
473 
// $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
474 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496 
// $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
497 
$nav-tabs-border-width: 0;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
498
499 
// $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
500 
$nav-tabs-link-active-color: $white;
Andreas Nedbal's avatar
[TASK] Adjust color names to follow print styleguide    
Andreas Nedbal committed
501 
$nav-tabs-link-active-bg: $key-color;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
502
503
504
505
506
507
508
509 
// $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
510
511 
$navbar-padding-y: 0;
$navbar-padding-x: 0;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
512
513
514
515
516 
//
// $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
517 
$navbar-brand-padding-y: 0;
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
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
565 
//
// $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
566 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
567
568
569
570 
// $jumbotron-padding:                 2rem !default;
// $jumbotron-bg:                      $gray-200 !default;

// Cards
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
571 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
572
573
574
575
576
577
578
579 
// $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
580 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
581 
// $card-img-overlay-padding:          1.25rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
582 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
583
584 
// $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
585 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604 
// $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
605 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
606
607
608
609
610 
// $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
611 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
612
613
614
615 
// $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
616 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
617
618
619 
// $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
620 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
621
622
623 
// $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
624 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640 
// $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
641 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
642
643 
// Padding applied to the modal body
// $modal-inner-padding:               15px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
644 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
645
646 
// $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
647 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
648 
// $modal-title-line-height:           $line-height-base !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
649 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
650
651
652
653
654 
// $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
655 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
656
657
658
659
660
661
662 
// $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
663 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
664
665
666 
// $modal-lg:                          800px !default;
// $modal-md:                          500px !default;
// $modal-sm:                          300px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
667 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
668
669
670 
// $modal-transition:                  transform .3s ease-out !default;

// Alerts
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
671 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
672 
// Define alert colors, border radius, and padding.
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
673 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693 
// $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
694 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
695
696
697
698 
// $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
699 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
700
701 
// $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
702 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
703
704
705
706 
// $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
707 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
708
709 
// $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
710 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
711
712 
// $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
713 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
714
715
716
717
718
719
720
721
722
723
724
725
726
727 
// $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
728 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
729
730
731
732 
// $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
733 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
734
735
736 
// $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
737 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
738 
// $breadcrumb-margin-bottom:          1rem !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
739 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
740
741
742
743
744
745 
// $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
746 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
747
748
749 
// $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
750 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
751
752
753
754 
// $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
755 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
756
757 
// $carousel-caption-width:            70% !default;
// $carousel-caption-color:            $white !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
758 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
759 
// $carousel-control-icon-width:       20px !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
760 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
761
762 
// $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
763 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
764
765
766 
// $carousel-transition:               transform .6s ease !default;

// Close
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
767 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
768
769
770
771
772
773 
// $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
774 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
775
776
777
778
779 
// $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
780 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
781
782 
// $kbd-color:                         $white !default;
// $kbd-bg:                            $gray-900 !default;
Harry Glatz's avatar
[INIT] Commit from T3org-Repo  
Harry Glatz committed
783 
//
Yaroslav Trach's avatar
[WIP] Added BS4-b2. variables    
Yaroslav Trach committed
784
785 
// $pre-color:                         $gray-900 !default;
// $pre-scrollable-max-height:         340px !default;
Thomas Löffler's avatar
Use variable to set correct path for slick slider    
Thomas Löffler committed
786
787 

$slick-loader-path: "/typo3conf/ext/Resources/Public/Images/ajax-loader.gif"