blog.trnck.dev
fetching user info from member list
+3017
-29
+1
-2
Gemfile
+1
-2
Gemfile
+230
-5
Gemfile.lock
+230
-5
Gemfile.lock
···
1
1
GEM
2
2
remote: https://rubygems.org/
3
3
specs:
4
+
activesupport (4.2.10)
5
+
i18n (~> 0.7)
6
+
minitest (~> 5.1)
7
+
thread_safe (~> 0.3, >= 0.3.4)
8
+
tzinfo (~> 1.1)
9
+
addressable (2.5.2)
10
+
public_suffix (>= 2.0.2, < 4.0)
11
+
coffee-script (2.4.1)
12
+
coffee-script-source
13
+
execjs
14
+
coffee-script-source (1.11.1)
15
+
colorator (1.1.0)
16
+
commonmarker (0.17.13)
17
+
ruby-enum (~> 0.5)
18
+
concurrent-ruby (1.1.4)
19
+
dnsruby (1.61.2)
20
+
addressable (~> 2.5)
21
+
em-websocket (0.5.1)
22
+
eventmachine (>= 0.12.9)
23
+
http_parser.rb (~> 0.6.0)
24
+
ethon (0.12.0)
25
+
ffi (>= 1.3.0)
26
+
eventmachine (1.2.7)
27
+
execjs (2.7.0)
28
+
faraday (0.15.4)
29
+
multipart-post (>= 1.2, < 3)
4
30
ffi (1.10.0)
5
-
jekyll-jsonball (0.0.1)
6
-
jekyll-watch (2.1.2)
31
+
forwardable-extended (2.6.0)
32
+
gemoji (3.0.0)
33
+
github-pages (186)
34
+
activesupport (= 4.2.10)
35
+
github-pages-health-check (= 1.8.1)
36
+
jekyll (= 3.7.3)
37
+
jekyll-avatar (= 0.5.0)
38
+
jekyll-coffeescript (= 1.1.1)
39
+
jekyll-commonmark-ghpages (= 0.1.5)
40
+
jekyll-default-layout (= 0.1.4)
41
+
jekyll-feed (= 0.9.3)
42
+
jekyll-gist (= 1.5.0)
43
+
jekyll-github-metadata (= 2.9.4)
44
+
jekyll-mentions (= 1.3.0)
45
+
jekyll-optional-front-matter (= 0.3.0)
46
+
jekyll-paginate (= 1.1.0)
47
+
jekyll-readme-index (= 0.2.0)
48
+
jekyll-redirect-from (= 0.13.0)
49
+
jekyll-relative-links (= 0.5.3)
50
+
jekyll-remote-theme (= 0.3.1)
51
+
jekyll-sass-converter (= 1.5.2)
52
+
jekyll-seo-tag (= 2.4.0)
53
+
jekyll-sitemap (= 1.2.0)
54
+
jekyll-swiss (= 0.4.0)
55
+
jekyll-theme-architect (= 0.1.1)
56
+
jekyll-theme-cayman (= 0.1.1)
57
+
jekyll-theme-dinky (= 0.1.1)
58
+
jekyll-theme-hacker (= 0.1.1)
59
+
jekyll-theme-leap-day (= 0.1.1)
60
+
jekyll-theme-merlot (= 0.1.1)
61
+
jekyll-theme-midnight (= 0.1.1)
62
+
jekyll-theme-minimal (= 0.1.1)
63
+
jekyll-theme-modernist (= 0.1.1)
64
+
jekyll-theme-primer (= 0.5.3)
65
+
jekyll-theme-slate (= 0.1.1)
66
+
jekyll-theme-tactile (= 0.1.1)
67
+
jekyll-theme-time-machine (= 0.1.1)
68
+
jekyll-titles-from-headings (= 0.5.1)
69
+
jemoji (= 0.9.0)
70
+
kramdown (= 1.16.2)
71
+
liquid (= 4.0.0)
72
+
listen (= 3.1.5)
73
+
mercenary (~> 0.3)
74
+
minima (= 2.4.1)
75
+
nokogiri (>= 1.8.2, < 2.0)
76
+
rouge (= 2.2.1)
77
+
terminal-table (~> 1.4)
78
+
github-pages-health-check (1.8.1)
79
+
addressable (~> 2.3)
80
+
dnsruby (~> 1.60)
81
+
octokit (~> 4.0)
82
+
public_suffix (~> 2.0)
83
+
typhoeus (~> 1.3)
84
+
html-pipeline (2.10.0)
85
+
activesupport (>= 2)
86
+
nokogiri (>= 1.4)
87
+
http_parser.rb (0.6.0)
88
+
i18n (0.9.5)
89
+
concurrent-ruby (~> 1.0)
90
+
jekyll (3.7.3)
91
+
addressable (~> 2.4)
92
+
colorator (~> 1.0)
93
+
em-websocket (~> 0.5)
94
+
i18n (~> 0.7)
95
+
jekyll-sass-converter (~> 1.0)
96
+
jekyll-watch (~> 2.0)
97
+
kramdown (~> 1.14)
98
+
liquid (~> 4.0)
99
+
mercenary (~> 0.3.3)
100
+
pathutil (~> 0.9)
101
+
rouge (>= 1.7, < 4)
102
+
safe_yaml (~> 1.0)
103
+
jekyll-avatar (0.5.0)
104
+
jekyll (~> 3.0)
105
+
jekyll-coffeescript (1.1.1)
106
+
coffee-script (~> 2.2)
107
+
coffee-script-source (~> 1.11.1)
108
+
jekyll-commonmark (1.2.0)
109
+
commonmarker (~> 0.14)
110
+
jekyll (>= 3.0, < 4.0)
111
+
jekyll-commonmark-ghpages (0.1.5)
112
+
commonmarker (~> 0.17.6)
113
+
jekyll-commonmark (~> 1)
114
+
rouge (~> 2)
115
+
jekyll-default-layout (0.1.4)
116
+
jekyll (~> 3.0)
117
+
jekyll-feed (0.9.3)
118
+
jekyll (~> 3.3)
119
+
jekyll-gist (1.5.0)
120
+
octokit (~> 4.2)
121
+
jekyll-github-metadata (2.9.4)
122
+
jekyll (~> 3.1)
123
+
octokit (~> 4.0, != 4.4.0)
124
+
jekyll-mentions (1.3.0)
125
+
activesupport (~> 4.0)
126
+
html-pipeline (~> 2.3)
127
+
jekyll (~> 3.0)
128
+
jekyll-optional-front-matter (0.3.0)
129
+
jekyll (~> 3.0)
130
+
jekyll-paginate (1.1.0)
131
+
jekyll-readme-index (0.2.0)
132
+
jekyll (~> 3.0)
133
+
jekyll-redirect-from (0.13.0)
134
+
jekyll (~> 3.3)
135
+
jekyll-relative-links (0.5.3)
136
+
jekyll (~> 3.3)
137
+
jekyll-remote-theme (0.3.1)
138
+
jekyll (~> 3.5)
139
+
rubyzip (>= 1.2.1, < 3.0)
140
+
jekyll-sass-converter (1.5.2)
141
+
sass (~> 3.4)
142
+
jekyll-seo-tag (2.4.0)
143
+
jekyll (~> 3.3)
144
+
jekyll-sitemap (1.2.0)
145
+
jekyll (~> 3.3)
146
+
jekyll-swiss (0.4.0)
147
+
jekyll-theme-architect (0.1.1)
148
+
jekyll (~> 3.5)
149
+
jekyll-seo-tag (~> 2.0)
150
+
jekyll-theme-cayman (0.1.1)
151
+
jekyll (~> 3.5)
152
+
jekyll-seo-tag (~> 2.0)
153
+
jekyll-theme-dinky (0.1.1)
154
+
jekyll (~> 3.5)
155
+
jekyll-seo-tag (~> 2.0)
156
+
jekyll-theme-hacker (0.1.1)
157
+
jekyll (~> 3.5)
158
+
jekyll-seo-tag (~> 2.0)
159
+
jekyll-theme-leap-day (0.1.1)
160
+
jekyll (~> 3.5)
161
+
jekyll-seo-tag (~> 2.0)
162
+
jekyll-theme-merlot (0.1.1)
163
+
jekyll (~> 3.5)
164
+
jekyll-seo-tag (~> 2.0)
165
+
jekyll-theme-midnight (0.1.1)
166
+
jekyll (~> 3.5)
167
+
jekyll-seo-tag (~> 2.0)
168
+
jekyll-theme-minimal (0.1.1)
169
+
jekyll (~> 3.5)
170
+
jekyll-seo-tag (~> 2.0)
171
+
jekyll-theme-modernist (0.1.1)
172
+
jekyll (~> 3.5)
173
+
jekyll-seo-tag (~> 2.0)
174
+
jekyll-theme-primer (0.5.3)
175
+
jekyll (~> 3.5)
176
+
jekyll-github-metadata (~> 2.9)
177
+
jekyll-seo-tag (~> 2.0)
178
+
jekyll-theme-slate (0.1.1)
179
+
jekyll (~> 3.5)
180
+
jekyll-seo-tag (~> 2.0)
181
+
jekyll-theme-tactile (0.1.1)
182
+
jekyll (~> 3.5)
183
+
jekyll-seo-tag (~> 2.0)
184
+
jekyll-theme-time-machine (0.1.1)
185
+
jekyll (~> 3.5)
186
+
jekyll-seo-tag (~> 2.0)
187
+
jekyll-titles-from-headings (0.5.1)
188
+
jekyll (~> 3.3)
189
+
jekyll-watch (2.0.0)
7
190
listen (~> 3.0)
191
+
jemoji (0.9.0)
192
+
activesupport (~> 4.0, >= 4.2.9)
193
+
gemoji (~> 3.0)
194
+
html-pipeline (~> 2.2)
195
+
jekyll (~> 3.0)
196
+
kramdown (1.16.2)
197
+
liquid (4.0.0)
8
198
listen (3.1.5)
9
199
rb-fsevent (~> 0.9, >= 0.9.4)
10
200
rb-inotify (~> 0.9, >= 0.9.7)
11
201
ruby_dep (~> 1.2)
202
+
mercenary (0.3.6)
203
+
mini_portile2 (2.4.0)
204
+
minima (2.4.1)
205
+
jekyll (~> 3.5)
206
+
jekyll-feed (~> 0.9)
207
+
jekyll-seo-tag (~> 2.1)
208
+
minitest (5.11.3)
209
+
multipart-post (2.0.0)
210
+
nokogiri (1.9.1)
211
+
mini_portile2 (~> 2.4.0)
212
+
octokit (4.13.0)
213
+
sawyer (~> 0.8.0, >= 0.5.3)
214
+
pathutil (0.16.2)
215
+
forwardable-extended (~> 2.6)
216
+
public_suffix (2.0.5)
12
217
rb-fsevent (0.10.3)
13
218
rb-inotify (0.10.0)
14
219
ffi (~> 1.0)
220
+
rouge (2.2.1)
221
+
ruby-enum (0.7.2)
222
+
i18n
15
223
ruby_dep (1.5.0)
224
+
rubyzip (1.2.2)
225
+
safe_yaml (1.0.4)
226
+
sass (3.7.3)
227
+
sass-listen (~> 4.0.0)
228
+
sass-listen (4.0.0)
229
+
rb-fsevent (~> 0.9, >= 0.9.4)
230
+
rb-inotify (~> 0.9, >= 0.9.7)
231
+
sawyer (0.8.1)
232
+
addressable (>= 2.3.5, < 2.6)
233
+
faraday (~> 0.8, < 1.0)
234
+
terminal-table (1.8.0)
235
+
unicode-display_width (~> 1.1, >= 1.1.1)
236
+
thread_safe (0.3.6)
237
+
typhoeus (1.3.1)
238
+
ethon (>= 0.9.0)
239
+
tzinfo (1.2.5)
240
+
thread_safe (~> 0.1)
241
+
unicode-display_width (1.4.1)
16
242
17
243
PLATFORMS
18
244
ruby
19
245
20
246
DEPENDENCIES
21
-
jekyll-jsonball
22
-
jekyll-watch
247
+
github-pages
23
248
24
249
BUNDLED WITH
25
-
2.0.1
250
+
1.16.1
+1
-8
_config.yml
+1
-8
_config.yml
+2766
_site/assets/css/style.css
+2766
_site/assets/css/style.css
···
1
+
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
2
+
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
3
+
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
4
+
5
+
/** Remove the margin in all browsers (opinionated). */
6
+
body { margin: 0; }
7
+
8
+
/* HTML5 display definitions ========================================================================== */
9
+
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
10
+
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; }
11
+
12
+
summary { display: list-item; }
13
+
14
+
/** Add the correct display in IE 9-. */
15
+
audio, canvas, progress, video { display: inline-block; }
16
+
17
+
/** Add the correct display in iOS 4-7. */
18
+
audio:not([controls]) { display: none; height: 0; }
19
+
20
+
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
21
+
progress { vertical-align: baseline; }
22
+
23
+
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
24
+
template, [hidden] { display: none; }
25
+
26
+
/* Links ========================================================================== */
27
+
/** Remove the gray background on active links in IE 10. */
28
+
a { background-color: transparent; /* 1 */ }
29
+
30
+
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
31
+
a:active, a:hover { outline-width: 0; }
32
+
33
+
/* Text-level semantics ========================================================================== */
34
+
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
35
+
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
36
+
37
+
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
38
+
b, strong { font-weight: inherit; }
39
+
40
+
/** Add the correct font weight in Chrome, Edge, and Safari. */
41
+
b, strong { font-weight: bolder; }
42
+
43
+
/** Add the correct font style in Android 4.3-. */
44
+
dfn { font-style: italic; }
45
+
46
+
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
47
+
h1 { font-size: 2em; margin: 0.67em 0; }
48
+
49
+
/** Add the correct background and color in IE 9-. */
50
+
mark { background-color: #ff0; color: #000; }
51
+
52
+
/** Add the correct font size in all browsers. */
53
+
small { font-size: 80%; }
54
+
55
+
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
56
+
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
57
+
58
+
sub { bottom: -0.25em; }
59
+
60
+
sup { top: -0.5em; }
61
+
62
+
/* Embedded content ========================================================================== */
63
+
/** Remove the border on images inside links in IE 10-. */
64
+
img { border-style: none; }
65
+
66
+
/** Hide the overflow in IE. */
67
+
svg:not(:root) { overflow: hidden; }
68
+
69
+
/* Grouping content ========================================================================== */
70
+
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
71
+
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
72
+
73
+
/** Add the correct margin in IE 8. */
74
+
figure { margin: 1em 40px; }
75
+
76
+
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
77
+
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
78
+
79
+
/* Forms ========================================================================== */
80
+
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
81
+
button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
82
+
83
+
/** Restore the font weight unset by the previous rule. */
84
+
optgroup { font-weight: bold; }
85
+
86
+
/** Show the overflow in IE. 1. Show the overflow in Edge. */
87
+
button, input { /* 1 */ overflow: visible; }
88
+
89
+
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
90
+
button, select { /* 1 */ text-transform: none; }
91
+
92
+
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
93
+
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
94
+
95
+
/** Remove the inner border and padding in Firefox. */
96
+
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
97
+
98
+
/** Restore the focus styles unset by the previous rule. */
99
+
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
100
+
101
+
/** Change the border, margin, and padding in all browsers (opinionated). */
102
+
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
103
+
104
+
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
105
+
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
106
+
107
+
/** Remove the default vertical scrollbar in IE. */
108
+
textarea { overflow: auto; }
109
+
110
+
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
111
+
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
112
+
113
+
/** Correct the cursor style of increment and decrement buttons in Chrome. */
114
+
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
115
+
116
+
/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
117
+
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
118
+
119
+
/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
120
+
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
121
+
122
+
/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
123
+
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
124
+
125
+
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
126
+
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
127
+
128
+
* { box-sizing: border-box; }
129
+
130
+
input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }
131
+
132
+
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; }
133
+
134
+
a { color: #0366d6; text-decoration: none; }
135
+
a:hover { text-decoration: underline; }
136
+
137
+
b, strong { font-weight: 600; }
138
+
139
+
hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; }
140
+
hr::before, .rule::before { display: table; content: ""; }
141
+
hr::after, .rule::after { display: table; clear: both; content: ""; }
142
+
143
+
table { border-spacing: 0; border-collapse: collapse; }
144
+
145
+
td, th { padding: 0; }
146
+
147
+
button { cursor: pointer; border-radius: 0; }
148
+
149
+
details summary { cursor: pointer; }
150
+
details:not([open]) > *:not(summary) { display: none !important; }
151
+
152
+
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
153
+
154
+
h1 { font-size: 32px; font-weight: 600; }
155
+
156
+
h2 { font-size: 24px; font-weight: 600; }
157
+
158
+
h3 { font-size: 20px; font-weight: 600; }
159
+
160
+
h4 { font-size: 16px; font-weight: 600; }
161
+
162
+
h5 { font-size: 14px; font-weight: 600; }
163
+
164
+
h6 { font-size: 12px; font-weight: 600; }
165
+
166
+
p { margin-top: 0; margin-bottom: 10px; }
167
+
168
+
small { font-size: 90%; }
169
+
170
+
blockquote { margin: 0; }
171
+
172
+
ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; }
173
+
174
+
ol ol, ul ol { list-style-type: lower-roman; }
175
+
176
+
ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
177
+
178
+
dd { margin-left: 0; }
179
+
180
+
tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
181
+
182
+
pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
183
+
184
+
.octicon { vertical-align: text-bottom; }
185
+
186
+
/* Fade in an element */
187
+
.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }
188
+
.anim-fade-in.fast { animation-duration: 300ms; }
189
+
190
+
@keyframes fade-in { 0% { opacity: 0; }
191
+
100% { opacity: 1; } }
192
+
/* Fade out an element */
193
+
.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }
194
+
.anim-fade-out.fast { animation-duration: 0.3s; }
195
+
196
+
@keyframes fade-out { 0% { opacity: 1; }
197
+
100% { opacity: 0; } }
198
+
/* Fade in and slide up an element */
199
+
.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; }
200
+
201
+
@keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); }
202
+
100% { opacity: 1; transform: translateY(0); } }
203
+
/* Fade an element out and slide down */
204
+
.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }
205
+
206
+
@keyframes fade-down { 0% { opacity: 1; transform: translateY(0); }
207
+
100% { opacity: 0.5; transform: translateY(100%); } }
208
+
/* Grow an element width from 0 to 100% */
209
+
.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; }
210
+
211
+
@keyframes grow-x { to { width: 100%; } }
212
+
/* Shrink an element from 100% to 0% */
213
+
.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; }
214
+
215
+
@keyframes shrink-x { to { width: 0%; } }
216
+
/* Fade in an element and scale it fast */
217
+
.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }
218
+
219
+
@keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); }
220
+
100% { opacity: 1; transform: scale(1); } }
221
+
/* Pulse an element's opacity */
222
+
.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
223
+
224
+
@keyframes pulse { 0% { opacity: 0.3; }
225
+
10% { opacity: 1; }
226
+
100% { opacity: 0.3; } }
227
+
/* Pulse in an element */
228
+
.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }
229
+
230
+
@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
231
+
50% { transform: scale3d(1.1, 1.1, 1.1); }
232
+
100% { transform: scale3d(1, 1, 1); } }
233
+
/* Increase scale of an element on hover */
234
+
.hover-grow { transition: transform 0.3s; }
235
+
.hover-grow:hover { transform: scale(1.025); }
236
+
237
+
/* Add a gray border */
238
+
.border { border: 1px #e1e4e8 solid !important; }
239
+
240
+
/* Add a gray border to the top */
241
+
.border-top { border-top: 1px #e1e4e8 solid !important; }
242
+
243
+
/* Add a gray border to the right */
244
+
.border-right { border-right: 1px #e1e4e8 solid !important; }
245
+
246
+
/* Add a gray border to the bottom */
247
+
.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }
248
+
249
+
/* Add a gray border to the left */
250
+
.border-left { border-left: 1px #e1e4e8 solid !important; }
251
+
252
+
/* Add a gray border to the left and right */
253
+
.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }
254
+
255
+
.border-dashed { border-style: dashed !important; }
256
+
257
+
/* Use with .border to turn the border blue */
258
+
.border-blue { border-color: #0366d6 !important; }
259
+
260
+
/* Use with .border to turn the border blue-light */
261
+
.border-blue-light { border-color: #c8e1ff !important; }
262
+
263
+
/* Use with .border to turn the border green */
264
+
.border-green { border-color: #34d058 !important; }
265
+
266
+
/* Use with .border to turn the border green light */
267
+
.border-green-light { border-color: #a2cbac !important; }
268
+
269
+
/* Use with .border to turn the border red */
270
+
.border-red { border-color: #d73a49 !important; }
271
+
272
+
/* Use with .border to turn the border red-light */
273
+
.border-red-light { border-color: #cea0a5 !important; }
274
+
275
+
/* Use with .border to turn the border purple */
276
+
.border-purple { border-color: #6f42c1 !important; }
277
+
278
+
/* Use with .border to turn the border yellow */
279
+
.border-yellow { border-color: #d9d0a5 !important; }
280
+
281
+
/* Use with .border to turn the border gray-light */
282
+
.border-gray-light { border-color: #eaecef !important; }
283
+
284
+
/* Use with .border to turn the border gray-dark */
285
+
.border-gray-dark { border-color: #d1d5da !important; }
286
+
287
+
/* Use with .border to turn the border rgba black 0.15 */
288
+
.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }
289
+
290
+
/* Remove all borders */
291
+
.border-0 { border: 0 !important; }
292
+
293
+
/* Remove the top border */
294
+
.border-top-0 { border-top: 0 !important; }
295
+
296
+
/* Remove the right border */
297
+
.border-right-0 { border-right: 0 !important; }
298
+
299
+
/* Remove the bottom border */
300
+
.border-bottom-0 { border-bottom: 0 !important; }
301
+
302
+
/* Remove the left border */
303
+
.border-left-0 { border-left: 0 !important; }
304
+
305
+
/* Remove the border-radius */
306
+
.rounded-0 { border-radius: 0 !important; }
307
+
308
+
/* Add a border-radius to all corners */
309
+
.rounded-1 { border-radius: 3px !important; }
310
+
311
+
/* Add a 2x border-radius to all corners */
312
+
.rounded-2 { border-radius: 6px !important; }
313
+
314
+
/* Add a 50% border-radius to make something into a circle */
315
+
.circle { border-radius: 50% !important; }
316
+
317
+
.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; }
318
+
319
+
.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; }
320
+
321
+
.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; }
322
+
323
+
.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; }
324
+
325
+
.box-shadow-none { box-shadow: none !important; }
326
+
327
+
/* Set the background to $bg-white */
328
+
.bg-white { background-color: #fff !important; }
329
+
330
+
/* Set the background to $bg-blue */
331
+
.bg-blue { background-color: #0366d6 !important; }
332
+
333
+
/* Set the background to $bg-blue-light */
334
+
.bg-blue-light { background-color: #f1f8ff !important; }
335
+
336
+
/* Set the background to $bg-gray-dark */
337
+
.bg-gray-dark { background-color: #24292e !important; }
338
+
339
+
/* Set the background to $bg-gray */
340
+
.bg-gray { background-color: #f6f8fa !important; }
341
+
342
+
/* Set the background to $bg-gray-light */
343
+
.bg-gray-light { background-color: #fafbfc !important; }
344
+
345
+
/* Set the background to $bg-green */
346
+
.bg-green { background-color: #28a745 !important; }
347
+
348
+
/* Set the background to $bg-green-light */
349
+
.bg-green-light { background-color: #dcffe4 !important; }
350
+
351
+
/* Set the background to $bg-red */
352
+
.bg-red { background-color: #d73a49 !important; }
353
+
354
+
/* Set the background to $bg-red-light */
355
+
.bg-red-light { background-color: #ffdce0 !important; }
356
+
357
+
/* Set the background to $bg-yellow */
358
+
.bg-yellow { background-color: #ffd33d !important; }
359
+
360
+
/* Set the background to $bg-yellow-light */
361
+
.bg-yellow-light { background-color: #fff5b1 !important; }
362
+
363
+
/* Set the background to $bg-purple */
364
+
.bg-purple { background-color: #6f42c1 !important; }
365
+
366
+
/* Set the background to $bg-purple-light */
367
+
.bg-purple-light { background-color: #f5f0ff !important; }
368
+
369
+
.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; }
370
+
371
+
/* Set the text color to $text-blue */
372
+
.text-blue { color: #0366d6 !important; }
373
+
374
+
/* Set the text color to $text-red */
375
+
.text-red { color: #cb2431 !important; }
376
+
377
+
/* Set the text color to $text-gray-light */
378
+
.text-gray-light { color: #6a737d !important; }
379
+
380
+
/* Set the text color to $text-gray */
381
+
.text-gray { color: #586069 !important; }
382
+
383
+
/* Set the text color to $text-gray-dark */
384
+
.text-gray-dark { color: #24292e !important; }
385
+
386
+
/* Set the text color to $text-green */
387
+
.text-green { color: #28a745 !important; }
388
+
389
+
/* Set the text color to $text-orange */
390
+
.text-orange { color: #a04100 !important; }
391
+
392
+
/* Set the text color to $text-orange-light */
393
+
.text-orange-light { color: #e36209 !important; }
394
+
395
+
/* Set the text color to $text-purple */
396
+
.text-purple { color: #6f42c1 !important; }
397
+
398
+
/* Set the text color to $text-white */
399
+
.text-white { color: #fff !important; }
400
+
401
+
/* Set the text color to inherit */
402
+
.text-inherit { color: inherit !important; }
403
+
404
+
.text-pending { color: #b08800 !important; }
405
+
406
+
.bg-pending { color: #dbab09 !important; }
407
+
408
+
.link-gray { color: #586069 !important; }
409
+
.link-gray:hover { color: #0366d6 !important; }
410
+
411
+
.link-gray-dark { color: #24292e !important; }
412
+
.link-gray-dark:hover { color: #0366d6 !important; }
413
+
414
+
/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
415
+
.link-hover-blue:hover { color: #0366d6 !important; }
416
+
417
+
/* Make a link $text-gray, then $text-blue on hover and removes the underline */
418
+
.muted-link { color: #586069 !important; }
419
+
.muted-link:hover { color: #0366d6 !important; text-decoration: none; }
420
+
421
+
.flex-row { flex-direction: row !important; }
422
+
423
+
.flex-row-reverse { flex-direction: row-reverse !important; }
424
+
425
+
.flex-column { flex-direction: column !important; }
426
+
427
+
.flex-wrap { flex-wrap: wrap !important; }
428
+
429
+
.flex-nowrap { flex-wrap: nowrap !important; }
430
+
431
+
.flex-justify-start { justify-content: flex-start !important; }
432
+
433
+
.flex-justify-end { justify-content: flex-end !important; }
434
+
435
+
.flex-justify-center { justify-content: center !important; }
436
+
437
+
.flex-justify-between { justify-content: space-between !important; }
438
+
439
+
.flex-justify-around { justify-content: space-around !important; }
440
+
441
+
.flex-items-start { align-items: flex-start !important; }
442
+
443
+
.flex-items-end { align-items: flex-end !important; }
444
+
445
+
.flex-items-center { align-items: center !important; }
446
+
447
+
.flex-items-baseline { align-items: baseline !important; }
448
+
449
+
.flex-items-stretch { align-items: stretch !important; }
450
+
451
+
.flex-content-start { align-content: flex-start !important; }
452
+
453
+
.flex-content-end { align-content: flex-end !important; }
454
+
455
+
.flex-content-center { align-content: center !important; }
456
+
457
+
.flex-content-between { align-content: space-between !important; }
458
+
459
+
.flex-content-around { align-content: space-around !important; }
460
+
461
+
.flex-content-stretch { align-content: stretch !important; }
462
+
463
+
.flex-auto { flex: 1 1 auto !important; }
464
+
465
+
.flex-shrink-0 { flex-shrink: 0 !important; }
466
+
467
+
.flex-self-auto { align-self: auto !important; }
468
+
469
+
.flex-self-start { align-self: flex-start !important; }
470
+
471
+
.flex-self-end { align-self: flex-end !important; }
472
+
473
+
.flex-self-center { align-self: center !important; }
474
+
475
+
.flex-self-baseline { align-self: baseline !important; }
476
+
477
+
.flex-self-stretch { align-self: stretch !important; }
478
+
479
+
.flex-item-equal { flex-grow: 1; flex-basis: 0; }
480
+
481
+
@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; }
482
+
.flex-sm-row-reverse { flex-direction: row-reverse !important; }
483
+
.flex-sm-column { flex-direction: column !important; }
484
+
.flex-sm-wrap { flex-wrap: wrap !important; }
485
+
.flex-sm-nowrap { flex-wrap: nowrap !important; }
486
+
.flex-sm-justify-start { justify-content: flex-start !important; }
487
+
.flex-sm-justify-end { justify-content: flex-end !important; }
488
+
.flex-sm-justify-center { justify-content: center !important; }
489
+
.flex-sm-justify-between { justify-content: space-between !important; }
490
+
.flex-sm-justify-around { justify-content: space-around !important; }
491
+
.flex-sm-items-start { align-items: flex-start !important; }
492
+
.flex-sm-items-end { align-items: flex-end !important; }
493
+
.flex-sm-items-center { align-items: center !important; }
494
+
.flex-sm-items-baseline { align-items: baseline !important; }
495
+
.flex-sm-items-stretch { align-items: stretch !important; }
496
+
.flex-sm-content-start { align-content: flex-start !important; }
497
+
.flex-sm-content-end { align-content: flex-end !important; }
498
+
.flex-sm-content-center { align-content: center !important; }
499
+
.flex-sm-content-between { align-content: space-between !important; }
500
+
.flex-sm-content-around { align-content: space-around !important; }
501
+
.flex-sm-content-stretch { align-content: stretch !important; }
502
+
.flex-sm-auto { flex: 1 1 auto !important; }
503
+
.flex-sm-shrink-0 { flex-shrink: 0 !important; }
504
+
.flex-sm-self-auto { align-self: auto !important; }
505
+
.flex-sm-self-start { align-self: flex-start !important; }
506
+
.flex-sm-self-end { align-self: flex-end !important; }
507
+
.flex-sm-self-center { align-self: center !important; }
508
+
.flex-sm-self-baseline { align-self: baseline !important; }
509
+
.flex-sm-self-stretch { align-self: stretch !important; }
510
+
.flex-sm-item-equal { flex-grow: 1; flex-basis: 0; } }
511
+
@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
512
+
.flex-md-row-reverse { flex-direction: row-reverse !important; }
513
+
.flex-md-column { flex-direction: column !important; }
514
+
.flex-md-wrap { flex-wrap: wrap !important; }
515
+
.flex-md-nowrap { flex-wrap: nowrap !important; }
516
+
.flex-md-justify-start { justify-content: flex-start !important; }
517
+
.flex-md-justify-end { justify-content: flex-end !important; }
518
+
.flex-md-justify-center { justify-content: center !important; }
519
+
.flex-md-justify-between { justify-content: space-between !important; }
520
+
.flex-md-justify-around { justify-content: space-around !important; }
521
+
.flex-md-items-start { align-items: flex-start !important; }
522
+
.flex-md-items-end { align-items: flex-end !important; }
523
+
.flex-md-items-center { align-items: center !important; }
524
+
.flex-md-items-baseline { align-items: baseline !important; }
525
+
.flex-md-items-stretch { align-items: stretch !important; }
526
+
.flex-md-content-start { align-content: flex-start !important; }
527
+
.flex-md-content-end { align-content: flex-end !important; }
528
+
.flex-md-content-center { align-content: center !important; }
529
+
.flex-md-content-between { align-content: space-between !important; }
530
+
.flex-md-content-around { align-content: space-around !important; }
531
+
.flex-md-content-stretch { align-content: stretch !important; }
532
+
.flex-md-auto { flex: 1 1 auto !important; }
533
+
.flex-md-shrink-0 { flex-shrink: 0 !important; }
534
+
.flex-md-self-auto { align-self: auto !important; }
535
+
.flex-md-self-start { align-self: flex-start !important; }
536
+
.flex-md-self-end { align-self: flex-end !important; }
537
+
.flex-md-self-center { align-self: center !important; }
538
+
.flex-md-self-baseline { align-self: baseline !important; }
539
+
.flex-md-self-stretch { align-self: stretch !important; }
540
+
.flex-md-item-equal { flex-grow: 1; flex-basis: 0; } }
541
+
@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; }
542
+
.flex-lg-row-reverse { flex-direction: row-reverse !important; }
543
+
.flex-lg-column { flex-direction: column !important; }
544
+
.flex-lg-wrap { flex-wrap: wrap !important; }
545
+
.flex-lg-nowrap { flex-wrap: nowrap !important; }
546
+
.flex-lg-justify-start { justify-content: flex-start !important; }
547
+
.flex-lg-justify-end { justify-content: flex-end !important; }
548
+
.flex-lg-justify-center { justify-content: center !important; }
549
+
.flex-lg-justify-between { justify-content: space-between !important; }
550
+
.flex-lg-justify-around { justify-content: space-around !important; }
551
+
.flex-lg-items-start { align-items: flex-start !important; }
552
+
.flex-lg-items-end { align-items: flex-end !important; }
553
+
.flex-lg-items-center { align-items: center !important; }
554
+
.flex-lg-items-baseline { align-items: baseline !important; }
555
+
.flex-lg-items-stretch { align-items: stretch !important; }
556
+
.flex-lg-content-start { align-content: flex-start !important; }
557
+
.flex-lg-content-end { align-content: flex-end !important; }
558
+
.flex-lg-content-center { align-content: center !important; }
559
+
.flex-lg-content-between { align-content: space-between !important; }
560
+
.flex-lg-content-around { align-content: space-around !important; }
561
+
.flex-lg-content-stretch { align-content: stretch !important; }
562
+
.flex-lg-auto { flex: 1 1 auto !important; }
563
+
.flex-lg-shrink-0 { flex-shrink: 0 !important; }
564
+
.flex-lg-self-auto { align-self: auto !important; }
565
+
.flex-lg-self-start { align-self: flex-start !important; }
566
+
.flex-lg-self-end { align-self: flex-end !important; }
567
+
.flex-lg-self-center { align-self: center !important; }
568
+
.flex-lg-self-baseline { align-self: baseline !important; }
569
+
.flex-lg-self-stretch { align-self: stretch !important; }
570
+
.flex-lg-item-equal { flex-grow: 1; flex-basis: 0; } }
571
+
@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; }
572
+
.flex-xl-row-reverse { flex-direction: row-reverse !important; }
573
+
.flex-xl-column { flex-direction: column !important; }
574
+
.flex-xl-wrap { flex-wrap: wrap !important; }
575
+
.flex-xl-nowrap { flex-wrap: nowrap !important; }
576
+
.flex-xl-justify-start { justify-content: flex-start !important; }
577
+
.flex-xl-justify-end { justify-content: flex-end !important; }
578
+
.flex-xl-justify-center { justify-content: center !important; }
579
+
.flex-xl-justify-between { justify-content: space-between !important; }
580
+
.flex-xl-justify-around { justify-content: space-around !important; }
581
+
.flex-xl-items-start { align-items: flex-start !important; }
582
+
.flex-xl-items-end { align-items: flex-end !important; }
583
+
.flex-xl-items-center { align-items: center !important; }
584
+
.flex-xl-items-baseline { align-items: baseline !important; }
585
+
.flex-xl-items-stretch { align-items: stretch !important; }
586
+
.flex-xl-content-start { align-content: flex-start !important; }
587
+
.flex-xl-content-end { align-content: flex-end !important; }
588
+
.flex-xl-content-center { align-content: center !important; }
589
+
.flex-xl-content-between { align-content: space-between !important; }
590
+
.flex-xl-content-around { align-content: space-around !important; }
591
+
.flex-xl-content-stretch { align-content: stretch !important; }
592
+
.flex-xl-auto { flex: 1 1 auto !important; }
593
+
.flex-xl-shrink-0 { flex-shrink: 0 !important; }
594
+
.flex-xl-self-auto { align-self: auto !important; }
595
+
.flex-xl-self-start { align-self: flex-start !important; }
596
+
.flex-xl-self-end { align-self: flex-end !important; }
597
+
.flex-xl-self-center { align-self: center !important; }
598
+
.flex-xl-self-baseline { align-self: baseline !important; }
599
+
.flex-xl-self-stretch { align-self: stretch !important; }
600
+
.flex-xl-item-equal { flex-grow: 1; flex-basis: 0; } }
601
+
/* Set position to static */
602
+
.position-static { position: static !important; }
603
+
604
+
/* Set position to relative */
605
+
.position-relative { position: relative !important; }
606
+
607
+
/* Set position to absolute */
608
+
.position-absolute { position: absolute !important; }
609
+
610
+
/* Set position to fixed */
611
+
.position-fixed { position: fixed !important; }
612
+
613
+
/* Set top 0 */
614
+
.top-0 { top: 0 !important; }
615
+
616
+
/* Set right 0 */
617
+
.right-0 { right: 0 !important; }
618
+
619
+
/* Set bottom 0 */
620
+
.bottom-0 { bottom: 0 !important; }
621
+
622
+
/* Set left 0 */
623
+
.left-0 { left: 0 !important; }
624
+
625
+
/* Vertical align middle */
626
+
.v-align-middle { vertical-align: middle !important; }
627
+
628
+
/* Vertical align top */
629
+
.v-align-top { vertical-align: top !important; }
630
+
631
+
/* Vertical align bottom */
632
+
.v-align-bottom { vertical-align: bottom !important; }
633
+
634
+
/* Vertical align to the top of the text */
635
+
.v-align-text-top { vertical-align: text-top !important; }
636
+
637
+
/* Vertical align to the bottom of the text */
638
+
.v-align-text-bottom { vertical-align: text-bottom !important; }
639
+
640
+
/* Vertical align to the parent's baseline */
641
+
.v-align-baseline { vertical-align: baseline !important; }
642
+
643
+
/* Set the overflow hidden */
644
+
.overflow-hidden { overflow: hidden !important; }
645
+
646
+
/* Set the overflow scroll */
647
+
.overflow-scroll { overflow: scroll !important; }
648
+
649
+
/* Set the overflow auto */
650
+
.overflow-auto { overflow: auto !important; }
651
+
652
+
/* Clear floats around the element */
653
+
.clearfix::before { display: table; content: ""; }
654
+
.clearfix::after { display: table; clear: both; content: ""; }
655
+
656
+
/* Float to the right */
657
+
.float-right { float: right !important; }
658
+
659
+
/* Float to the left */
660
+
.float-left { float: left !important; }
661
+
662
+
/* Don't float left or right */
663
+
.float-none { float: none !important; }
664
+
665
+
@media (min-width: 544px) { /* Float to the left at the sm breakpoint */
666
+
.float-sm-left { float: left !important; }
667
+
/* Float to the right at the sm breakpoint */
668
+
.float-sm-right { float: right !important; }
669
+
/* No float at the sm breakpoint */
670
+
.float-sm-none { float: none !important; } }
671
+
@media (min-width: 768px) { /* Float to the left at the md breakpoint */
672
+
.float-md-left { float: left !important; }
673
+
/* Float to the right at the md breakpoint */
674
+
.float-md-right { float: right !important; }
675
+
/* No float at the md breakpoint */
676
+
.float-md-none { float: none !important; } }
677
+
@media (min-width: 1012px) { /* Float to the left at the lg breakpoint */
678
+
.float-lg-left { float: left !important; }
679
+
/* Float to the right at the lg breakpoint */
680
+
.float-lg-right { float: right !important; }
681
+
/* No float at the lg breakpoint */
682
+
.float-lg-none { float: none !important; } }
683
+
@media (min-width: 1280px) { /* Float to the left at the xl breakpoint */
684
+
.float-xl-left { float: left !important; }
685
+
/* Float to the right at the xl breakpoint */
686
+
.float-xl-right { float: right !important; }
687
+
/* No float at the xl breakpoint */
688
+
.float-xl-none { float: none !important; } }
689
+
/* Max width 100% */
690
+
.width-fit { max-width: 100% !important; }
691
+
692
+
/* Set the width to 100% */
693
+
.width-full { width: 100% !important; }
694
+
695
+
/* Max height 100% */
696
+
.height-fit { max-height: 100% !important; }
697
+
698
+
/* Set the height to 100% */
699
+
.height-full { height: 100% !important; }
700
+
701
+
/* Remove min-width from element */
702
+
.min-width-0 { min-width: 0 !important; }
703
+
704
+
/* Set the direction to rtl */
705
+
.direction-rtl { direction: rtl !important; }
706
+
707
+
/* Set the direction to ltr */
708
+
.direction-ltr { direction: ltr !important; }
709
+
710
+
@media (min-width: 544px) { /* Set the direction to rtl at the sm breakpoint */
711
+
.direction-sm-rtl { direction: rtl !important; }
712
+
/* Set the direction to ltr at the sm breakpoint */
713
+
.direction-sm-ltr { direction: ltr !important; } }
714
+
@media (min-width: 768px) { /* Set the direction to rtl at the md breakpoint */
715
+
.direction-md-rtl { direction: rtl !important; }
716
+
/* Set the direction to ltr at the md breakpoint */
717
+
.direction-md-ltr { direction: ltr !important; } }
718
+
@media (min-width: 1012px) { /* Set the direction to rtl at the lg breakpoint */
719
+
.direction-lg-rtl { direction: rtl !important; }
720
+
/* Set the direction to ltr at the lg breakpoint */
721
+
.direction-lg-ltr { direction: ltr !important; } }
722
+
@media (min-width: 1280px) { /* Set the direction to rtl at the xl breakpoint */
723
+
.direction-xl-rtl { direction: rtl !important; }
724
+
/* Set the direction to ltr at the xl breakpoint */
725
+
.direction-xl-ltr { direction: ltr !important; } }
726
+
/* Set a 0 margin to all sides */
727
+
.m-0 { margin: 0 !important; }
728
+
729
+
/* Set a 0 margin on the top */
730
+
.mt-0 { margin-top: 0 !important; }
731
+
732
+
/* Set a 0 margin on the right */
733
+
.mr-0 { margin-right: 0 !important; }
734
+
735
+
/* Set a 0 margin on the bottom */
736
+
.mb-0 { margin-bottom: 0 !important; }
737
+
738
+
/* Set a 0 margin on the left */
739
+
.ml-0 { margin-left: 0 !important; }
740
+
741
+
/* Set a negative 0 margin on top */
742
+
.mt-n0 { margin-top: -0 !important; }
743
+
744
+
/* Set a negative 0 margin on the right */
745
+
.mr-n0 { margin-right: -0 !important; }
746
+
747
+
/* Set a negative 0 margin on the bottom */
748
+
.mb-n0 { margin-bottom: -0 !important; }
749
+
750
+
/* Set a negative 0 margin on the left */
751
+
.ml-n0 { margin-left: -0 !important; }
752
+
753
+
/* Set a 0 margin on the left & right */
754
+
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
755
+
756
+
/* Set a 0 margin on the top & bottom */
757
+
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
758
+
759
+
/* Set a 4px margin to all sides */
760
+
.m-1 { margin: 4px !important; }
761
+
762
+
/* Set a 4px margin on the top */
763
+
.mt-1 { margin-top: 4px !important; }
764
+
765
+
/* Set a 4px margin on the right */
766
+
.mr-1 { margin-right: 4px !important; }
767
+
768
+
/* Set a 4px margin on the bottom */
769
+
.mb-1 { margin-bottom: 4px !important; }
770
+
771
+
/* Set a 4px margin on the left */
772
+
.ml-1 { margin-left: 4px !important; }
773
+
774
+
/* Set a negative 4px margin on top */
775
+
.mt-n1 { margin-top: -4px !important; }
776
+
777
+
/* Set a negative 4px margin on the right */
778
+
.mr-n1 { margin-right: -4px !important; }
779
+
780
+
/* Set a negative 4px margin on the bottom */
781
+
.mb-n1 { margin-bottom: -4px !important; }
782
+
783
+
/* Set a negative 4px margin on the left */
784
+
.ml-n1 { margin-left: -4px !important; }
785
+
786
+
/* Set a 4px margin on the left & right */
787
+
.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }
788
+
789
+
/* Set a 4px margin on the top & bottom */
790
+
.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
791
+
792
+
/* Set a 8px margin to all sides */
793
+
.m-2 { margin: 8px !important; }
794
+
795
+
/* Set a 8px margin on the top */
796
+
.mt-2 { margin-top: 8px !important; }
797
+
798
+
/* Set a 8px margin on the right */
799
+
.mr-2 { margin-right: 8px !important; }
800
+
801
+
/* Set a 8px margin on the bottom */
802
+
.mb-2 { margin-bottom: 8px !important; }
803
+
804
+
/* Set a 8px margin on the left */
805
+
.ml-2 { margin-left: 8px !important; }
806
+
807
+
/* Set a negative 8px margin on top */
808
+
.mt-n2 { margin-top: -8px !important; }
809
+
810
+
/* Set a negative 8px margin on the right */
811
+
.mr-n2 { margin-right: -8px !important; }
812
+
813
+
/* Set a negative 8px margin on the bottom */
814
+
.mb-n2 { margin-bottom: -8px !important; }
815
+
816
+
/* Set a negative 8px margin on the left */
817
+
.ml-n2 { margin-left: -8px !important; }
818
+
819
+
/* Set a 8px margin on the left & right */
820
+
.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }
821
+
822
+
/* Set a 8px margin on the top & bottom */
823
+
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
824
+
825
+
/* Set a 16px margin to all sides */
826
+
.m-3 { margin: 16px !important; }
827
+
828
+
/* Set a 16px margin on the top */
829
+
.mt-3 { margin-top: 16px !important; }
830
+
831
+
/* Set a 16px margin on the right */
832
+
.mr-3 { margin-right: 16px !important; }
833
+
834
+
/* Set a 16px margin on the bottom */
835
+
.mb-3 { margin-bottom: 16px !important; }
836
+
837
+
/* Set a 16px margin on the left */
838
+
.ml-3 { margin-left: 16px !important; }
839
+
840
+
/* Set a negative 16px margin on top */
841
+
.mt-n3 { margin-top: -16px !important; }
842
+
843
+
/* Set a negative 16px margin on the right */
844
+
.mr-n3 { margin-right: -16px !important; }
845
+
846
+
/* Set a negative 16px margin on the bottom */
847
+
.mb-n3 { margin-bottom: -16px !important; }
848
+
849
+
/* Set a negative 16px margin on the left */
850
+
.ml-n3 { margin-left: -16px !important; }
851
+
852
+
/* Set a 16px margin on the left & right */
853
+
.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }
854
+
855
+
/* Set a 16px margin on the top & bottom */
856
+
.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
857
+
858
+
/* Set a 24px margin to all sides */
859
+
.m-4 { margin: 24px !important; }
860
+
861
+
/* Set a 24px margin on the top */
862
+
.mt-4 { margin-top: 24px !important; }
863
+
864
+
/* Set a 24px margin on the right */
865
+
.mr-4 { margin-right: 24px !important; }
866
+
867
+
/* Set a 24px margin on the bottom */
868
+
.mb-4 { margin-bottom: 24px !important; }
869
+
870
+
/* Set a 24px margin on the left */
871
+
.ml-4 { margin-left: 24px !important; }
872
+
873
+
/* Set a negative 24px margin on top */
874
+
.mt-n4 { margin-top: -24px !important; }
875
+
876
+
/* Set a negative 24px margin on the right */
877
+
.mr-n4 { margin-right: -24px !important; }
878
+
879
+
/* Set a negative 24px margin on the bottom */
880
+
.mb-n4 { margin-bottom: -24px !important; }
881
+
882
+
/* Set a negative 24px margin on the left */
883
+
.ml-n4 { margin-left: -24px !important; }
884
+
885
+
/* Set a 24px margin on the left & right */
886
+
.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }
887
+
888
+
/* Set a 24px margin on the top & bottom */
889
+
.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
890
+
891
+
/* Set a 32px margin to all sides */
892
+
.m-5 { margin: 32px !important; }
893
+
894
+
/* Set a 32px margin on the top */
895
+
.mt-5 { margin-top: 32px !important; }
896
+
897
+
/* Set a 32px margin on the right */
898
+
.mr-5 { margin-right: 32px !important; }
899
+
900
+
/* Set a 32px margin on the bottom */
901
+
.mb-5 { margin-bottom: 32px !important; }
902
+
903
+
/* Set a 32px margin on the left */
904
+
.ml-5 { margin-left: 32px !important; }
905
+
906
+
/* Set a negative 32px margin on top */
907
+
.mt-n5 { margin-top: -32px !important; }
908
+
909
+
/* Set a negative 32px margin on the right */
910
+
.mr-n5 { margin-right: -32px !important; }
911
+
912
+
/* Set a negative 32px margin on the bottom */
913
+
.mb-n5 { margin-bottom: -32px !important; }
914
+
915
+
/* Set a negative 32px margin on the left */
916
+
.ml-n5 { margin-left: -32px !important; }
917
+
918
+
/* Set a 32px margin on the left & right */
919
+
.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }
920
+
921
+
/* Set a 32px margin on the top & bottom */
922
+
.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
923
+
924
+
/* Set a 40px margin to all sides */
925
+
.m-6 { margin: 40px !important; }
926
+
927
+
/* Set a 40px margin on the top */
928
+
.mt-6 { margin-top: 40px !important; }
929
+
930
+
/* Set a 40px margin on the right */
931
+
.mr-6 { margin-right: 40px !important; }
932
+
933
+
/* Set a 40px margin on the bottom */
934
+
.mb-6 { margin-bottom: 40px !important; }
935
+
936
+
/* Set a 40px margin on the left */
937
+
.ml-6 { margin-left: 40px !important; }
938
+
939
+
/* Set a negative 40px margin on top */
940
+
.mt-n6 { margin-top: -40px !important; }
941
+
942
+
/* Set a negative 40px margin on the right */
943
+
.mr-n6 { margin-right: -40px !important; }
944
+
945
+
/* Set a negative 40px margin on the bottom */
946
+
.mb-n6 { margin-bottom: -40px !important; }
947
+
948
+
/* Set a negative 40px margin on the left */
949
+
.ml-n6 { margin-left: -40px !important; }
950
+
951
+
/* Set a 40px margin on the left & right */
952
+
.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }
953
+
954
+
/* Set a 40px margin on the top & bottom */
955
+
.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
956
+
957
+
/* Set an auto margin on left & right */
958
+
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
959
+
960
+
@media (min-width: 544px) { /* Set a 0 margin to all sides at the breakpoint sm */
961
+
.m-sm-0 { margin: 0 !important; }
962
+
/* Set a 0 margin on the top at the breakpoint sm */
963
+
.mt-sm-0 { margin-top: 0 !important; }
964
+
/* Set a 0 margin on the right at the breakpoint sm */
965
+
.mr-sm-0 { margin-right: 0 !important; }
966
+
/* Set a 0 margin on the bottom at the breakpoint sm */
967
+
.mb-sm-0 { margin-bottom: 0 !important; }
968
+
/* Set a 0 margin on the left at the breakpoint sm */
969
+
.ml-sm-0 { margin-left: 0 !important; }
970
+
/* Set a negative 0 margin on top at the breakpoint sm */
971
+
.mt-sm-n0 { margin-top: -0 !important; }
972
+
/* Set a negative 0 margin on the right at the breakpoint sm */
973
+
.mr-sm-n0 { margin-right: -0 !important; }
974
+
/* Set a negative 0 margin on the bottom at the breakpoint sm */
975
+
.mb-sm-n0 { margin-bottom: -0 !important; }
976
+
/* Set a negative 0 margin on the left at the breakpoint sm */
977
+
.ml-sm-n0 { margin-left: -0 !important; }
978
+
/* Set a 0 margin on the left & right at the breakpoint sm */
979
+
.mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
980
+
/* Set a 0 margin on the top & bottom at the breakpoint sm */
981
+
.my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
982
+
@media (min-width: 544px) { /* Set a 4px margin to all sides at the breakpoint sm */
983
+
.m-sm-1 { margin: 4px !important; }
984
+
/* Set a 4px margin on the top at the breakpoint sm */
985
+
.mt-sm-1 { margin-top: 4px !important; }
986
+
/* Set a 4px margin on the right at the breakpoint sm */
987
+
.mr-sm-1 { margin-right: 4px !important; }
988
+
/* Set a 4px margin on the bottom at the breakpoint sm */
989
+
.mb-sm-1 { margin-bottom: 4px !important; }
990
+
/* Set a 4px margin on the left at the breakpoint sm */
991
+
.ml-sm-1 { margin-left: 4px !important; }
992
+
/* Set a negative 4px margin on top at the breakpoint sm */
993
+
.mt-sm-n1 { margin-top: -4px !important; }
994
+
/* Set a negative 4px margin on the right at the breakpoint sm */
995
+
.mr-sm-n1 { margin-right: -4px !important; }
996
+
/* Set a negative 4px margin on the bottom at the breakpoint sm */
997
+
.mb-sm-n1 { margin-bottom: -4px !important; }
998
+
/* Set a negative 4px margin on the left at the breakpoint sm */
999
+
.ml-sm-n1 { margin-left: -4px !important; }
1000
+
/* Set a 4px margin on the left & right at the breakpoint sm */
1001
+
.mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; }
1002
+
/* Set a 4px margin on the top & bottom at the breakpoint sm */
1003
+
.my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
1004
+
@media (min-width: 544px) { /* Set a 8px margin to all sides at the breakpoint sm */
1005
+
.m-sm-2 { margin: 8px !important; }
1006
+
/* Set a 8px margin on the top at the breakpoint sm */
1007
+
.mt-sm-2 { margin-top: 8px !important; }
1008
+
/* Set a 8px margin on the right at the breakpoint sm */
1009
+
.mr-sm-2 { margin-right: 8px !important; }
1010
+
/* Set a 8px margin on the bottom at the breakpoint sm */
1011
+
.mb-sm-2 { margin-bottom: 8px !important; }
1012
+
/* Set a 8px margin on the left at the breakpoint sm */
1013
+
.ml-sm-2 { margin-left: 8px !important; }
1014
+
/* Set a negative 8px margin on top at the breakpoint sm */
1015
+
.mt-sm-n2 { margin-top: -8px !important; }
1016
+
/* Set a negative 8px margin on the right at the breakpoint sm */
1017
+
.mr-sm-n2 { margin-right: -8px !important; }
1018
+
/* Set a negative 8px margin on the bottom at the breakpoint sm */
1019
+
.mb-sm-n2 { margin-bottom: -8px !important; }
1020
+
/* Set a negative 8px margin on the left at the breakpoint sm */
1021
+
.ml-sm-n2 { margin-left: -8px !important; }
1022
+
/* Set a 8px margin on the left & right at the breakpoint sm */
1023
+
.mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; }
1024
+
/* Set a 8px margin on the top & bottom at the breakpoint sm */
1025
+
.my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
1026
+
@media (min-width: 544px) { /* Set a 16px margin to all sides at the breakpoint sm */
1027
+
.m-sm-3 { margin: 16px !important; }
1028
+
/* Set a 16px margin on the top at the breakpoint sm */
1029
+
.mt-sm-3 { margin-top: 16px !important; }
1030
+
/* Set a 16px margin on the right at the breakpoint sm */
1031
+
.mr-sm-3 { margin-right: 16px !important; }
1032
+
/* Set a 16px margin on the bottom at the breakpoint sm */
1033
+
.mb-sm-3 { margin-bottom: 16px !important; }
1034
+
/* Set a 16px margin on the left at the breakpoint sm */
1035
+
.ml-sm-3 { margin-left: 16px !important; }
1036
+
/* Set a negative 16px margin on top at the breakpoint sm */
1037
+
.mt-sm-n3 { margin-top: -16px !important; }
1038
+
/* Set a negative 16px margin on the right at the breakpoint sm */
1039
+
.mr-sm-n3 { margin-right: -16px !important; }
1040
+
/* Set a negative 16px margin on the bottom at the breakpoint sm */
1041
+
.mb-sm-n3 { margin-bottom: -16px !important; }
1042
+
/* Set a negative 16px margin on the left at the breakpoint sm */
1043
+
.ml-sm-n3 { margin-left: -16px !important; }
1044
+
/* Set a 16px margin on the left & right at the breakpoint sm */
1045
+
.mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; }
1046
+
/* Set a 16px margin on the top & bottom at the breakpoint sm */
1047
+
.my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
1048
+
@media (min-width: 544px) { /* Set a 24px margin to all sides at the breakpoint sm */
1049
+
.m-sm-4 { margin: 24px !important; }
1050
+
/* Set a 24px margin on the top at the breakpoint sm */
1051
+
.mt-sm-4 { margin-top: 24px !important; }
1052
+
/* Set a 24px margin on the right at the breakpoint sm */
1053
+
.mr-sm-4 { margin-right: 24px !important; }
1054
+
/* Set a 24px margin on the bottom at the breakpoint sm */
1055
+
.mb-sm-4 { margin-bottom: 24px !important; }
1056
+
/* Set a 24px margin on the left at the breakpoint sm */
1057
+
.ml-sm-4 { margin-left: 24px !important; }
1058
+
/* Set a negative 24px margin on top at the breakpoint sm */
1059
+
.mt-sm-n4 { margin-top: -24px !important; }
1060
+
/* Set a negative 24px margin on the right at the breakpoint sm */
1061
+
.mr-sm-n4 { margin-right: -24px !important; }
1062
+
/* Set a negative 24px margin on the bottom at the breakpoint sm */
1063
+
.mb-sm-n4 { margin-bottom: -24px !important; }
1064
+
/* Set a negative 24px margin on the left at the breakpoint sm */
1065
+
.ml-sm-n4 { margin-left: -24px !important; }
1066
+
/* Set a 24px margin on the left & right at the breakpoint sm */
1067
+
.mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; }
1068
+
/* Set a 24px margin on the top & bottom at the breakpoint sm */
1069
+
.my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
1070
+
@media (min-width: 544px) { /* Set a 32px margin to all sides at the breakpoint sm */
1071
+
.m-sm-5 { margin: 32px !important; }
1072
+
/* Set a 32px margin on the top at the breakpoint sm */
1073
+
.mt-sm-5 { margin-top: 32px !important; }
1074
+
/* Set a 32px margin on the right at the breakpoint sm */
1075
+
.mr-sm-5 { margin-right: 32px !important; }
1076
+
/* Set a 32px margin on the bottom at the breakpoint sm */
1077
+
.mb-sm-5 { margin-bottom: 32px !important; }
1078
+
/* Set a 32px margin on the left at the breakpoint sm */
1079
+
.ml-sm-5 { margin-left: 32px !important; }
1080
+
/* Set a negative 32px margin on top at the breakpoint sm */
1081
+
.mt-sm-n5 { margin-top: -32px !important; }
1082
+
/* Set a negative 32px margin on the right at the breakpoint sm */
1083
+
.mr-sm-n5 { margin-right: -32px !important; }
1084
+
/* Set a negative 32px margin on the bottom at the breakpoint sm */
1085
+
.mb-sm-n5 { margin-bottom: -32px !important; }
1086
+
/* Set a negative 32px margin on the left at the breakpoint sm */
1087
+
.ml-sm-n5 { margin-left: -32px !important; }
1088
+
/* Set a 32px margin on the left & right at the breakpoint sm */
1089
+
.mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; }
1090
+
/* Set a 32px margin on the top & bottom at the breakpoint sm */
1091
+
.my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
1092
+
@media (min-width: 544px) { /* Set a 40px margin to all sides at the breakpoint sm */
1093
+
.m-sm-6 { margin: 40px !important; }
1094
+
/* Set a 40px margin on the top at the breakpoint sm */
1095
+
.mt-sm-6 { margin-top: 40px !important; }
1096
+
/* Set a 40px margin on the right at the breakpoint sm */
1097
+
.mr-sm-6 { margin-right: 40px !important; }
1098
+
/* Set a 40px margin on the bottom at the breakpoint sm */
1099
+
.mb-sm-6 { margin-bottom: 40px !important; }
1100
+
/* Set a 40px margin on the left at the breakpoint sm */
1101
+
.ml-sm-6 { margin-left: 40px !important; }
1102
+
/* Set a negative 40px margin on top at the breakpoint sm */
1103
+
.mt-sm-n6 { margin-top: -40px !important; }
1104
+
/* Set a negative 40px margin on the right at the breakpoint sm */
1105
+
.mr-sm-n6 { margin-right: -40px !important; }
1106
+
/* Set a negative 40px margin on the bottom at the breakpoint sm */
1107
+
.mb-sm-n6 { margin-bottom: -40px !important; }
1108
+
/* Set a negative 40px margin on the left at the breakpoint sm */
1109
+
.ml-sm-n6 { margin-left: -40px !important; }
1110
+
/* Set a 40px margin on the left & right at the breakpoint sm */
1111
+
.mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; }
1112
+
/* Set a 40px margin on the top & bottom at the breakpoint sm */
1113
+
.my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
1114
+
@media (min-width: 768px) { /* Set a 0 margin to all sides at the breakpoint md */
1115
+
.m-md-0 { margin: 0 !important; }
1116
+
/* Set a 0 margin on the top at the breakpoint md */
1117
+
.mt-md-0 { margin-top: 0 !important; }
1118
+
/* Set a 0 margin on the right at the breakpoint md */
1119
+
.mr-md-0 { margin-right: 0 !important; }
1120
+
/* Set a 0 margin on the bottom at the breakpoint md */
1121
+
.mb-md-0 { margin-bottom: 0 !important; }
1122
+
/* Set a 0 margin on the left at the breakpoint md */
1123
+
.ml-md-0 { margin-left: 0 !important; }
1124
+
/* Set a negative 0 margin on top at the breakpoint md */
1125
+
.mt-md-n0 { margin-top: -0 !important; }
1126
+
/* Set a negative 0 margin on the right at the breakpoint md */
1127
+
.mr-md-n0 { margin-right: -0 !important; }
1128
+
/* Set a negative 0 margin on the bottom at the breakpoint md */
1129
+
.mb-md-n0 { margin-bottom: -0 !important; }
1130
+
/* Set a negative 0 margin on the left at the breakpoint md */
1131
+
.ml-md-n0 { margin-left: -0 !important; }
1132
+
/* Set a 0 margin on the left & right at the breakpoint md */
1133
+
.mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
1134
+
/* Set a 0 margin on the top & bottom at the breakpoint md */
1135
+
.my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
1136
+
@media (min-width: 768px) { /* Set a 4px margin to all sides at the breakpoint md */
1137
+
.m-md-1 { margin: 4px !important; }
1138
+
/* Set a 4px margin on the top at the breakpoint md */
1139
+
.mt-md-1 { margin-top: 4px !important; }
1140
+
/* Set a 4px margin on the right at the breakpoint md */
1141
+
.mr-md-1 { margin-right: 4px !important; }
1142
+
/* Set a 4px margin on the bottom at the breakpoint md */
1143
+
.mb-md-1 { margin-bottom: 4px !important; }
1144
+
/* Set a 4px margin on the left at the breakpoint md */
1145
+
.ml-md-1 { margin-left: 4px !important; }
1146
+
/* Set a negative 4px margin on top at the breakpoint md */
1147
+
.mt-md-n1 { margin-top: -4px !important; }
1148
+
/* Set a negative 4px margin on the right at the breakpoint md */
1149
+
.mr-md-n1 { margin-right: -4px !important; }
1150
+
/* Set a negative 4px margin on the bottom at the breakpoint md */
1151
+
.mb-md-n1 { margin-bottom: -4px !important; }
1152
+
/* Set a negative 4px margin on the left at the breakpoint md */
1153
+
.ml-md-n1 { margin-left: -4px !important; }
1154
+
/* Set a 4px margin on the left & right at the breakpoint md */
1155
+
.mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; }
1156
+
/* Set a 4px margin on the top & bottom at the breakpoint md */
1157
+
.my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
1158
+
@media (min-width: 768px) { /* Set a 8px margin to all sides at the breakpoint md */
1159
+
.m-md-2 { margin: 8px !important; }
1160
+
/* Set a 8px margin on the top at the breakpoint md */
1161
+
.mt-md-2 { margin-top: 8px !important; }
1162
+
/* Set a 8px margin on the right at the breakpoint md */
1163
+
.mr-md-2 { margin-right: 8px !important; }
1164
+
/* Set a 8px margin on the bottom at the breakpoint md */
1165
+
.mb-md-2 { margin-bottom: 8px !important; }
1166
+
/* Set a 8px margin on the left at the breakpoint md */
1167
+
.ml-md-2 { margin-left: 8px !important; }
1168
+
/* Set a negative 8px margin on top at the breakpoint md */
1169
+
.mt-md-n2 { margin-top: -8px !important; }
1170
+
/* Set a negative 8px margin on the right at the breakpoint md */
1171
+
.mr-md-n2 { margin-right: -8px !important; }
1172
+
/* Set a negative 8px margin on the bottom at the breakpoint md */
1173
+
.mb-md-n2 { margin-bottom: -8px !important; }
1174
+
/* Set a negative 8px margin on the left at the breakpoint md */
1175
+
.ml-md-n2 { margin-left: -8px !important; }
1176
+
/* Set a 8px margin on the left & right at the breakpoint md */
1177
+
.mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; }
1178
+
/* Set a 8px margin on the top & bottom at the breakpoint md */
1179
+
.my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
1180
+
@media (min-width: 768px) { /* Set a 16px margin to all sides at the breakpoint md */
1181
+
.m-md-3 { margin: 16px !important; }
1182
+
/* Set a 16px margin on the top at the breakpoint md */
1183
+
.mt-md-3 { margin-top: 16px !important; }
1184
+
/* Set a 16px margin on the right at the breakpoint md */
1185
+
.mr-md-3 { margin-right: 16px !important; }
1186
+
/* Set a 16px margin on the bottom at the breakpoint md */
1187
+
.mb-md-3 { margin-bottom: 16px !important; }
1188
+
/* Set a 16px margin on the left at the breakpoint md */
1189
+
.ml-md-3 { margin-left: 16px !important; }
1190
+
/* Set a negative 16px margin on top at the breakpoint md */
1191
+
.mt-md-n3 { margin-top: -16px !important; }
1192
+
/* Set a negative 16px margin on the right at the breakpoint md */
1193
+
.mr-md-n3 { margin-right: -16px !important; }
1194
+
/* Set a negative 16px margin on the bottom at the breakpoint md */
1195
+
.mb-md-n3 { margin-bottom: -16px !important; }
1196
+
/* Set a negative 16px margin on the left at the breakpoint md */
1197
+
.ml-md-n3 { margin-left: -16px !important; }
1198
+
/* Set a 16px margin on the left & right at the breakpoint md */
1199
+
.mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; }
1200
+
/* Set a 16px margin on the top & bottom at the breakpoint md */
1201
+
.my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
1202
+
@media (min-width: 768px) { /* Set a 24px margin to all sides at the breakpoint md */
1203
+
.m-md-4 { margin: 24px !important; }
1204
+
/* Set a 24px margin on the top at the breakpoint md */
1205
+
.mt-md-4 { margin-top: 24px !important; }
1206
+
/* Set a 24px margin on the right at the breakpoint md */
1207
+
.mr-md-4 { margin-right: 24px !important; }
1208
+
/* Set a 24px margin on the bottom at the breakpoint md */
1209
+
.mb-md-4 { margin-bottom: 24px !important; }
1210
+
/* Set a 24px margin on the left at the breakpoint md */
1211
+
.ml-md-4 { margin-left: 24px !important; }
1212
+
/* Set a negative 24px margin on top at the breakpoint md */
1213
+
.mt-md-n4 { margin-top: -24px !important; }
1214
+
/* Set a negative 24px margin on the right at the breakpoint md */
1215
+
.mr-md-n4 { margin-right: -24px !important; }
1216
+
/* Set a negative 24px margin on the bottom at the breakpoint md */
1217
+
.mb-md-n4 { margin-bottom: -24px !important; }
1218
+
/* Set a negative 24px margin on the left at the breakpoint md */
1219
+
.ml-md-n4 { margin-left: -24px !important; }
1220
+
/* Set a 24px margin on the left & right at the breakpoint md */
1221
+
.mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; }
1222
+
/* Set a 24px margin on the top & bottom at the breakpoint md */
1223
+
.my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
1224
+
@media (min-width: 768px) { /* Set a 32px margin to all sides at the breakpoint md */
1225
+
.m-md-5 { margin: 32px !important; }
1226
+
/* Set a 32px margin on the top at the breakpoint md */
1227
+
.mt-md-5 { margin-top: 32px !important; }
1228
+
/* Set a 32px margin on the right at the breakpoint md */
1229
+
.mr-md-5 { margin-right: 32px !important; }
1230
+
/* Set a 32px margin on the bottom at the breakpoint md */
1231
+
.mb-md-5 { margin-bottom: 32px !important; }
1232
+
/* Set a 32px margin on the left at the breakpoint md */
1233
+
.ml-md-5 { margin-left: 32px !important; }
1234
+
/* Set a negative 32px margin on top at the breakpoint md */
1235
+
.mt-md-n5 { margin-top: -32px !important; }
1236
+
/* Set a negative 32px margin on the right at the breakpoint md */
1237
+
.mr-md-n5 { margin-right: -32px !important; }
1238
+
/* Set a negative 32px margin on the bottom at the breakpoint md */
1239
+
.mb-md-n5 { margin-bottom: -32px !important; }
1240
+
/* Set a negative 32px margin on the left at the breakpoint md */
1241
+
.ml-md-n5 { margin-left: -32px !important; }
1242
+
/* Set a 32px margin on the left & right at the breakpoint md */
1243
+
.mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; }
1244
+
/* Set a 32px margin on the top & bottom at the breakpoint md */
1245
+
.my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
1246
+
@media (min-width: 768px) { /* Set a 40px margin to all sides at the breakpoint md */
1247
+
.m-md-6 { margin: 40px !important; }
1248
+
/* Set a 40px margin on the top at the breakpoint md */
1249
+
.mt-md-6 { margin-top: 40px !important; }
1250
+
/* Set a 40px margin on the right at the breakpoint md */
1251
+
.mr-md-6 { margin-right: 40px !important; }
1252
+
/* Set a 40px margin on the bottom at the breakpoint md */
1253
+
.mb-md-6 { margin-bottom: 40px !important; }
1254
+
/* Set a 40px margin on the left at the breakpoint md */
1255
+
.ml-md-6 { margin-left: 40px !important; }
1256
+
/* Set a negative 40px margin on top at the breakpoint md */
1257
+
.mt-md-n6 { margin-top: -40px !important; }
1258
+
/* Set a negative 40px margin on the right at the breakpoint md */
1259
+
.mr-md-n6 { margin-right: -40px !important; }
1260
+
/* Set a negative 40px margin on the bottom at the breakpoint md */
1261
+
.mb-md-n6 { margin-bottom: -40px !important; }
1262
+
/* Set a negative 40px margin on the left at the breakpoint md */
1263
+
.ml-md-n6 { margin-left: -40px !important; }
1264
+
/* Set a 40px margin on the left & right at the breakpoint md */
1265
+
.mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; }
1266
+
/* Set a 40px margin on the top & bottom at the breakpoint md */
1267
+
.my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
1268
+
@media (min-width: 1012px) { /* Set a 0 margin to all sides at the breakpoint lg */
1269
+
.m-lg-0 { margin: 0 !important; }
1270
+
/* Set a 0 margin on the top at the breakpoint lg */
1271
+
.mt-lg-0 { margin-top: 0 !important; }
1272
+
/* Set a 0 margin on the right at the breakpoint lg */
1273
+
.mr-lg-0 { margin-right: 0 !important; }
1274
+
/* Set a 0 margin on the bottom at the breakpoint lg */
1275
+
.mb-lg-0 { margin-bottom: 0 !important; }
1276
+
/* Set a 0 margin on the left at the breakpoint lg */
1277
+
.ml-lg-0 { margin-left: 0 !important; }
1278
+
/* Set a negative 0 margin on top at the breakpoint lg */
1279
+
.mt-lg-n0 { margin-top: -0 !important; }
1280
+
/* Set a negative 0 margin on the right at the breakpoint lg */
1281
+
.mr-lg-n0 { margin-right: -0 !important; }
1282
+
/* Set a negative 0 margin on the bottom at the breakpoint lg */
1283
+
.mb-lg-n0 { margin-bottom: -0 !important; }
1284
+
/* Set a negative 0 margin on the left at the breakpoint lg */
1285
+
.ml-lg-n0 { margin-left: -0 !important; }
1286
+
/* Set a 0 margin on the left & right at the breakpoint lg */
1287
+
.mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
1288
+
/* Set a 0 margin on the top & bottom at the breakpoint lg */
1289
+
.my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
1290
+
@media (min-width: 1012px) { /* Set a 4px margin to all sides at the breakpoint lg */
1291
+
.m-lg-1 { margin: 4px !important; }
1292
+
/* Set a 4px margin on the top at the breakpoint lg */
1293
+
.mt-lg-1 { margin-top: 4px !important; }
1294
+
/* Set a 4px margin on the right at the breakpoint lg */
1295
+
.mr-lg-1 { margin-right: 4px !important; }
1296
+
/* Set a 4px margin on the bottom at the breakpoint lg */
1297
+
.mb-lg-1 { margin-bottom: 4px !important; }
1298
+
/* Set a 4px margin on the left at the breakpoint lg */
1299
+
.ml-lg-1 { margin-left: 4px !important; }
1300
+
/* Set a negative 4px margin on top at the breakpoint lg */
1301
+
.mt-lg-n1 { margin-top: -4px !important; }
1302
+
/* Set a negative 4px margin on the right at the breakpoint lg */
1303
+
.mr-lg-n1 { margin-right: -4px !important; }
1304
+
/* Set a negative 4px margin on the bottom at the breakpoint lg */
1305
+
.mb-lg-n1 { margin-bottom: -4px !important; }
1306
+
/* Set a negative 4px margin on the left at the breakpoint lg */
1307
+
.ml-lg-n1 { margin-left: -4px !important; }
1308
+
/* Set a 4px margin on the left & right at the breakpoint lg */
1309
+
.mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; }
1310
+
/* Set a 4px margin on the top & bottom at the breakpoint lg */
1311
+
.my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
1312
+
@media (min-width: 1012px) { /* Set a 8px margin to all sides at the breakpoint lg */
1313
+
.m-lg-2 { margin: 8px !important; }
1314
+
/* Set a 8px margin on the top at the breakpoint lg */
1315
+
.mt-lg-2 { margin-top: 8px !important; }
1316
+
/* Set a 8px margin on the right at the breakpoint lg */
1317
+
.mr-lg-2 { margin-right: 8px !important; }
1318
+
/* Set a 8px margin on the bottom at the breakpoint lg */
1319
+
.mb-lg-2 { margin-bottom: 8px !important; }
1320
+
/* Set a 8px margin on the left at the breakpoint lg */
1321
+
.ml-lg-2 { margin-left: 8px !important; }
1322
+
/* Set a negative 8px margin on top at the breakpoint lg */
1323
+
.mt-lg-n2 { margin-top: -8px !important; }
1324
+
/* Set a negative 8px margin on the right at the breakpoint lg */
1325
+
.mr-lg-n2 { margin-right: -8px !important; }
1326
+
/* Set a negative 8px margin on the bottom at the breakpoint lg */
1327
+
.mb-lg-n2 { margin-bottom: -8px !important; }
1328
+
/* Set a negative 8px margin on the left at the breakpoint lg */
1329
+
.ml-lg-n2 { margin-left: -8px !important; }
1330
+
/* Set a 8px margin on the left & right at the breakpoint lg */
1331
+
.mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; }
1332
+
/* Set a 8px margin on the top & bottom at the breakpoint lg */
1333
+
.my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
1334
+
@media (min-width: 1012px) { /* Set a 16px margin to all sides at the breakpoint lg */
1335
+
.m-lg-3 { margin: 16px !important; }
1336
+
/* Set a 16px margin on the top at the breakpoint lg */
1337
+
.mt-lg-3 { margin-top: 16px !important; }
1338
+
/* Set a 16px margin on the right at the breakpoint lg */
1339
+
.mr-lg-3 { margin-right: 16px !important; }
1340
+
/* Set a 16px margin on the bottom at the breakpoint lg */
1341
+
.mb-lg-3 { margin-bottom: 16px !important; }
1342
+
/* Set a 16px margin on the left at the breakpoint lg */
1343
+
.ml-lg-3 { margin-left: 16px !important; }
1344
+
/* Set a negative 16px margin on top at the breakpoint lg */
1345
+
.mt-lg-n3 { margin-top: -16px !important; }
1346
+
/* Set a negative 16px margin on the right at the breakpoint lg */
1347
+
.mr-lg-n3 { margin-right: -16px !important; }
1348
+
/* Set a negative 16px margin on the bottom at the breakpoint lg */
1349
+
.mb-lg-n3 { margin-bottom: -16px !important; }
1350
+
/* Set a negative 16px margin on the left at the breakpoint lg */
1351
+
.ml-lg-n3 { margin-left: -16px !important; }
1352
+
/* Set a 16px margin on the left & right at the breakpoint lg */
1353
+
.mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; }
1354
+
/* Set a 16px margin on the top & bottom at the breakpoint lg */
1355
+
.my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
1356
+
@media (min-width: 1012px) { /* Set a 24px margin to all sides at the breakpoint lg */
1357
+
.m-lg-4 { margin: 24px !important; }
1358
+
/* Set a 24px margin on the top at the breakpoint lg */
1359
+
.mt-lg-4 { margin-top: 24px !important; }
1360
+
/* Set a 24px margin on the right at the breakpoint lg */
1361
+
.mr-lg-4 { margin-right: 24px !important; }
1362
+
/* Set a 24px margin on the bottom at the breakpoint lg */
1363
+
.mb-lg-4 { margin-bottom: 24px !important; }
1364
+
/* Set a 24px margin on the left at the breakpoint lg */
1365
+
.ml-lg-4 { margin-left: 24px !important; }
1366
+
/* Set a negative 24px margin on top at the breakpoint lg */
1367
+
.mt-lg-n4 { margin-top: -24px !important; }
1368
+
/* Set a negative 24px margin on the right at the breakpoint lg */
1369
+
.mr-lg-n4 { margin-right: -24px !important; }
1370
+
/* Set a negative 24px margin on the bottom at the breakpoint lg */
1371
+
.mb-lg-n4 { margin-bottom: -24px !important; }
1372
+
/* Set a negative 24px margin on the left at the breakpoint lg */
1373
+
.ml-lg-n4 { margin-left: -24px !important; }
1374
+
/* Set a 24px margin on the left & right at the breakpoint lg */
1375
+
.mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; }
1376
+
/* Set a 24px margin on the top & bottom at the breakpoint lg */
1377
+
.my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
1378
+
@media (min-width: 1012px) { /* Set a 32px margin to all sides at the breakpoint lg */
1379
+
.m-lg-5 { margin: 32px !important; }
1380
+
/* Set a 32px margin on the top at the breakpoint lg */
1381
+
.mt-lg-5 { margin-top: 32px !important; }
1382
+
/* Set a 32px margin on the right at the breakpoint lg */
1383
+
.mr-lg-5 { margin-right: 32px !important; }
1384
+
/* Set a 32px margin on the bottom at the breakpoint lg */
1385
+
.mb-lg-5 { margin-bottom: 32px !important; }
1386
+
/* Set a 32px margin on the left at the breakpoint lg */
1387
+
.ml-lg-5 { margin-left: 32px !important; }
1388
+
/* Set a negative 32px margin on top at the breakpoint lg */
1389
+
.mt-lg-n5 { margin-top: -32px !important; }
1390
+
/* Set a negative 32px margin on the right at the breakpoint lg */
1391
+
.mr-lg-n5 { margin-right: -32px !important; }
1392
+
/* Set a negative 32px margin on the bottom at the breakpoint lg */
1393
+
.mb-lg-n5 { margin-bottom: -32px !important; }
1394
+
/* Set a negative 32px margin on the left at the breakpoint lg */
1395
+
.ml-lg-n5 { margin-left: -32px !important; }
1396
+
/* Set a 32px margin on the left & right at the breakpoint lg */
1397
+
.mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; }
1398
+
/* Set a 32px margin on the top & bottom at the breakpoint lg */
1399
+
.my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
1400
+
@media (min-width: 1012px) { /* Set a 40px margin to all sides at the breakpoint lg */
1401
+
.m-lg-6 { margin: 40px !important; }
1402
+
/* Set a 40px margin on the top at the breakpoint lg */
1403
+
.mt-lg-6 { margin-top: 40px !important; }
1404
+
/* Set a 40px margin on the right at the breakpoint lg */
1405
+
.mr-lg-6 { margin-right: 40px !important; }
1406
+
/* Set a 40px margin on the bottom at the breakpoint lg */
1407
+
.mb-lg-6 { margin-bottom: 40px !important; }
1408
+
/* Set a 40px margin on the left at the breakpoint lg */
1409
+
.ml-lg-6 { margin-left: 40px !important; }
1410
+
/* Set a negative 40px margin on top at the breakpoint lg */
1411
+
.mt-lg-n6 { margin-top: -40px !important; }
1412
+
/* Set a negative 40px margin on the right at the breakpoint lg */
1413
+
.mr-lg-n6 { margin-right: -40px !important; }
1414
+
/* Set a negative 40px margin on the bottom at the breakpoint lg */
1415
+
.mb-lg-n6 { margin-bottom: -40px !important; }
1416
+
/* Set a negative 40px margin on the left at the breakpoint lg */
1417
+
.ml-lg-n6 { margin-left: -40px !important; }
1418
+
/* Set a 40px margin on the left & right at the breakpoint lg */
1419
+
.mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; }
1420
+
/* Set a 40px margin on the top & bottom at the breakpoint lg */
1421
+
.my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
1422
+
@media (min-width: 1280px) { /* Set a 0 margin to all sides at the breakpoint xl */
1423
+
.m-xl-0 { margin: 0 !important; }
1424
+
/* Set a 0 margin on the top at the breakpoint xl */
1425
+
.mt-xl-0 { margin-top: 0 !important; }
1426
+
/* Set a 0 margin on the right at the breakpoint xl */
1427
+
.mr-xl-0 { margin-right: 0 !important; }
1428
+
/* Set a 0 margin on the bottom at the breakpoint xl */
1429
+
.mb-xl-0 { margin-bottom: 0 !important; }
1430
+
/* Set a 0 margin on the left at the breakpoint xl */
1431
+
.ml-xl-0 { margin-left: 0 !important; }
1432
+
/* Set a negative 0 margin on top at the breakpoint xl */
1433
+
.mt-xl-n0 { margin-top: -0 !important; }
1434
+
/* Set a negative 0 margin on the right at the breakpoint xl */
1435
+
.mr-xl-n0 { margin-right: -0 !important; }
1436
+
/* Set a negative 0 margin on the bottom at the breakpoint xl */
1437
+
.mb-xl-n0 { margin-bottom: -0 !important; }
1438
+
/* Set a negative 0 margin on the left at the breakpoint xl */
1439
+
.ml-xl-n0 { margin-left: -0 !important; }
1440
+
/* Set a 0 margin on the left & right at the breakpoint xl */
1441
+
.mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
1442
+
/* Set a 0 margin on the top & bottom at the breakpoint xl */
1443
+
.my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
1444
+
@media (min-width: 1280px) { /* Set a 4px margin to all sides at the breakpoint xl */
1445
+
.m-xl-1 { margin: 4px !important; }
1446
+
/* Set a 4px margin on the top at the breakpoint xl */
1447
+
.mt-xl-1 { margin-top: 4px !important; }
1448
+
/* Set a 4px margin on the right at the breakpoint xl */
1449
+
.mr-xl-1 { margin-right: 4px !important; }
1450
+
/* Set a 4px margin on the bottom at the breakpoint xl */
1451
+
.mb-xl-1 { margin-bottom: 4px !important; }
1452
+
/* Set a 4px margin on the left at the breakpoint xl */
1453
+
.ml-xl-1 { margin-left: 4px !important; }
1454
+
/* Set a negative 4px margin on top at the breakpoint xl */
1455
+
.mt-xl-n1 { margin-top: -4px !important; }
1456
+
/* Set a negative 4px margin on the right at the breakpoint xl */
1457
+
.mr-xl-n1 { margin-right: -4px !important; }
1458
+
/* Set a negative 4px margin on the bottom at the breakpoint xl */
1459
+
.mb-xl-n1 { margin-bottom: -4px !important; }
1460
+
/* Set a negative 4px margin on the left at the breakpoint xl */
1461
+
.ml-xl-n1 { margin-left: -4px !important; }
1462
+
/* Set a 4px margin on the left & right at the breakpoint xl */
1463
+
.mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; }
1464
+
/* Set a 4px margin on the top & bottom at the breakpoint xl */
1465
+
.my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
1466
+
@media (min-width: 1280px) { /* Set a 8px margin to all sides at the breakpoint xl */
1467
+
.m-xl-2 { margin: 8px !important; }
1468
+
/* Set a 8px margin on the top at the breakpoint xl */
1469
+
.mt-xl-2 { margin-top: 8px !important; }
1470
+
/* Set a 8px margin on the right at the breakpoint xl */
1471
+
.mr-xl-2 { margin-right: 8px !important; }
1472
+
/* Set a 8px margin on the bottom at the breakpoint xl */
1473
+
.mb-xl-2 { margin-bottom: 8px !important; }
1474
+
/* Set a 8px margin on the left at the breakpoint xl */
1475
+
.ml-xl-2 { margin-left: 8px !important; }
1476
+
/* Set a negative 8px margin on top at the breakpoint xl */
1477
+
.mt-xl-n2 { margin-top: -8px !important; }
1478
+
/* Set a negative 8px margin on the right at the breakpoint xl */
1479
+
.mr-xl-n2 { margin-right: -8px !important; }
1480
+
/* Set a negative 8px margin on the bottom at the breakpoint xl */
1481
+
.mb-xl-n2 { margin-bottom: -8px !important; }
1482
+
/* Set a negative 8px margin on the left at the breakpoint xl */
1483
+
.ml-xl-n2 { margin-left: -8px !important; }
1484
+
/* Set a 8px margin on the left & right at the breakpoint xl */
1485
+
.mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; }
1486
+
/* Set a 8px margin on the top & bottom at the breakpoint xl */
1487
+
.my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
1488
+
@media (min-width: 1280px) { /* Set a 16px margin to all sides at the breakpoint xl */
1489
+
.m-xl-3 { margin: 16px !important; }
1490
+
/* Set a 16px margin on the top at the breakpoint xl */
1491
+
.mt-xl-3 { margin-top: 16px !important; }
1492
+
/* Set a 16px margin on the right at the breakpoint xl */
1493
+
.mr-xl-3 { margin-right: 16px !important; }
1494
+
/* Set a 16px margin on the bottom at the breakpoint xl */
1495
+
.mb-xl-3 { margin-bottom: 16px !important; }
1496
+
/* Set a 16px margin on the left at the breakpoint xl */
1497
+
.ml-xl-3 { margin-left: 16px !important; }
1498
+
/* Set a negative 16px margin on top at the breakpoint xl */
1499
+
.mt-xl-n3 { margin-top: -16px !important; }
1500
+
/* Set a negative 16px margin on the right at the breakpoint xl */
1501
+
.mr-xl-n3 { margin-right: -16px !important; }
1502
+
/* Set a negative 16px margin on the bottom at the breakpoint xl */
1503
+
.mb-xl-n3 { margin-bottom: -16px !important; }
1504
+
/* Set a negative 16px margin on the left at the breakpoint xl */
1505
+
.ml-xl-n3 { margin-left: -16px !important; }
1506
+
/* Set a 16px margin on the left & right at the breakpoint xl */
1507
+
.mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; }
1508
+
/* Set a 16px margin on the top & bottom at the breakpoint xl */
1509
+
.my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
1510
+
@media (min-width: 1280px) { /* Set a 24px margin to all sides at the breakpoint xl */
1511
+
.m-xl-4 { margin: 24px !important; }
1512
+
/* Set a 24px margin on the top at the breakpoint xl */
1513
+
.mt-xl-4 { margin-top: 24px !important; }
1514
+
/* Set a 24px margin on the right at the breakpoint xl */
1515
+
.mr-xl-4 { margin-right: 24px !important; }
1516
+
/* Set a 24px margin on the bottom at the breakpoint xl */
1517
+
.mb-xl-4 { margin-bottom: 24px !important; }
1518
+
/* Set a 24px margin on the left at the breakpoint xl */
1519
+
.ml-xl-4 { margin-left: 24px !important; }
1520
+
/* Set a negative 24px margin on top at the breakpoint xl */
1521
+
.mt-xl-n4 { margin-top: -24px !important; }
1522
+
/* Set a negative 24px margin on the right at the breakpoint xl */
1523
+
.mr-xl-n4 { margin-right: -24px !important; }
1524
+
/* Set a negative 24px margin on the bottom at the breakpoint xl */
1525
+
.mb-xl-n4 { margin-bottom: -24px !important; }
1526
+
/* Set a negative 24px margin on the left at the breakpoint xl */
1527
+
.ml-xl-n4 { margin-left: -24px !important; }
1528
+
/* Set a 24px margin on the left & right at the breakpoint xl */
1529
+
.mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; }
1530
+
/* Set a 24px margin on the top & bottom at the breakpoint xl */
1531
+
.my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
1532
+
@media (min-width: 1280px) { /* Set a 32px margin to all sides at the breakpoint xl */
1533
+
.m-xl-5 { margin: 32px !important; }
1534
+
/* Set a 32px margin on the top at the breakpoint xl */
1535
+
.mt-xl-5 { margin-top: 32px !important; }
1536
+
/* Set a 32px margin on the right at the breakpoint xl */
1537
+
.mr-xl-5 { margin-right: 32px !important; }
1538
+
/* Set a 32px margin on the bottom at the breakpoint xl */
1539
+
.mb-xl-5 { margin-bottom: 32px !important; }
1540
+
/* Set a 32px margin on the left at the breakpoint xl */
1541
+
.ml-xl-5 { margin-left: 32px !important; }
1542
+
/* Set a negative 32px margin on top at the breakpoint xl */
1543
+
.mt-xl-n5 { margin-top: -32px !important; }
1544
+
/* Set a negative 32px margin on the right at the breakpoint xl */
1545
+
.mr-xl-n5 { margin-right: -32px !important; }
1546
+
/* Set a negative 32px margin on the bottom at the breakpoint xl */
1547
+
.mb-xl-n5 { margin-bottom: -32px !important; }
1548
+
/* Set a negative 32px margin on the left at the breakpoint xl */
1549
+
.ml-xl-n5 { margin-left: -32px !important; }
1550
+
/* Set a 32px margin on the left & right at the breakpoint xl */
1551
+
.mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; }
1552
+
/* Set a 32px margin on the top & bottom at the breakpoint xl */
1553
+
.my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
1554
+
@media (min-width: 1280px) { /* Set a 40px margin to all sides at the breakpoint xl */
1555
+
.m-xl-6 { margin: 40px !important; }
1556
+
/* Set a 40px margin on the top at the breakpoint xl */
1557
+
.mt-xl-6 { margin-top: 40px !important; }
1558
+
/* Set a 40px margin on the right at the breakpoint xl */
1559
+
.mr-xl-6 { margin-right: 40px !important; }
1560
+
/* Set a 40px margin on the bottom at the breakpoint xl */
1561
+
.mb-xl-6 { margin-bottom: 40px !important; }
1562
+
/* Set a 40px margin on the left at the breakpoint xl */
1563
+
.ml-xl-6 { margin-left: 40px !important; }
1564
+
/* Set a negative 40px margin on top at the breakpoint xl */
1565
+
.mt-xl-n6 { margin-top: -40px !important; }
1566
+
/* Set a negative 40px margin on the right at the breakpoint xl */
1567
+
.mr-xl-n6 { margin-right: -40px !important; }
1568
+
/* Set a negative 40px margin on the bottom at the breakpoint xl */
1569
+
.mb-xl-n6 { margin-bottom: -40px !important; }
1570
+
/* Set a negative 40px margin on the left at the breakpoint xl */
1571
+
.ml-xl-n6 { margin-left: -40px !important; }
1572
+
/* Set a 40px margin on the left & right at the breakpoint xl */
1573
+
.mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; }
1574
+
/* Set a 40px margin on the top & bottom at the breakpoint xl */
1575
+
.my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
1576
+
/* Set a 0 padding to all sides */
1577
+
.p-0 { padding: 0 !important; }
1578
+
1579
+
/* Set a 0 padding to the top */
1580
+
.pt-0 { padding-top: 0 !important; }
1581
+
1582
+
/* Set a 0 padding to the right */
1583
+
.pr-0 { padding-right: 0 !important; }
1584
+
1585
+
/* Set a 0 padding to the bottom */
1586
+
.pb-0 { padding-bottom: 0 !important; }
1587
+
1588
+
/* Set a 0 padding to the left */
1589
+
.pl-0 { padding-left: 0 !important; }
1590
+
1591
+
/* Set a 0 padding to the left & right */
1592
+
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
1593
+
1594
+
/* Set a 0 padding to the top & bottom */
1595
+
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
1596
+
1597
+
/* Set a 4px padding to all sides */
1598
+
.p-1 { padding: 4px !important; }
1599
+
1600
+
/* Set a 4px padding to the top */
1601
+
.pt-1 { padding-top: 4px !important; }
1602
+
1603
+
/* Set a 4px padding to the right */
1604
+
.pr-1 { padding-right: 4px !important; }
1605
+
1606
+
/* Set a 4px padding to the bottom */
1607
+
.pb-1 { padding-bottom: 4px !important; }
1608
+
1609
+
/* Set a 4px padding to the left */
1610
+
.pl-1 { padding-left: 4px !important; }
1611
+
1612
+
/* Set a 4px padding to the left & right */
1613
+
.px-1 { padding-right: 4px !important; padding-left: 4px !important; }
1614
+
1615
+
/* Set a 4px padding to the top & bottom */
1616
+
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
1617
+
1618
+
/* Set a 8px padding to all sides */
1619
+
.p-2 { padding: 8px !important; }
1620
+
1621
+
/* Set a 8px padding to the top */
1622
+
.pt-2 { padding-top: 8px !important; }
1623
+
1624
+
/* Set a 8px padding to the right */
1625
+
.pr-2 { padding-right: 8px !important; }
1626
+
1627
+
/* Set a 8px padding to the bottom */
1628
+
.pb-2 { padding-bottom: 8px !important; }
1629
+
1630
+
/* Set a 8px padding to the left */
1631
+
.pl-2 { padding-left: 8px !important; }
1632
+
1633
+
/* Set a 8px padding to the left & right */
1634
+
.px-2 { padding-right: 8px !important; padding-left: 8px !important; }
1635
+
1636
+
/* Set a 8px padding to the top & bottom */
1637
+
.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
1638
+
1639
+
/* Set a 16px padding to all sides */
1640
+
.p-3 { padding: 16px !important; }
1641
+
1642
+
/* Set a 16px padding to the top */
1643
+
.pt-3 { padding-top: 16px !important; }
1644
+
1645
+
/* Set a 16px padding to the right */
1646
+
.pr-3 { padding-right: 16px !important; }
1647
+
1648
+
/* Set a 16px padding to the bottom */
1649
+
.pb-3 { padding-bottom: 16px !important; }
1650
+
1651
+
/* Set a 16px padding to the left */
1652
+
.pl-3 { padding-left: 16px !important; }
1653
+
1654
+
/* Set a 16px padding to the left & right */
1655
+
.px-3 { padding-right: 16px !important; padding-left: 16px !important; }
1656
+
1657
+
/* Set a 16px padding to the top & bottom */
1658
+
.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
1659
+
1660
+
/* Set a 24px padding to all sides */
1661
+
.p-4 { padding: 24px !important; }
1662
+
1663
+
/* Set a 24px padding to the top */
1664
+
.pt-4 { padding-top: 24px !important; }
1665
+
1666
+
/* Set a 24px padding to the right */
1667
+
.pr-4 { padding-right: 24px !important; }
1668
+
1669
+
/* Set a 24px padding to the bottom */
1670
+
.pb-4 { padding-bottom: 24px !important; }
1671
+
1672
+
/* Set a 24px padding to the left */
1673
+
.pl-4 { padding-left: 24px !important; }
1674
+
1675
+
/* Set a 24px padding to the left & right */
1676
+
.px-4 { padding-right: 24px !important; padding-left: 24px !important; }
1677
+
1678
+
/* Set a 24px padding to the top & bottom */
1679
+
.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
1680
+
1681
+
/* Set a 32px padding to all sides */
1682
+
.p-5 { padding: 32px !important; }
1683
+
1684
+
/* Set a 32px padding to the top */
1685
+
.pt-5 { padding-top: 32px !important; }
1686
+
1687
+
/* Set a 32px padding to the right */
1688
+
.pr-5 { padding-right: 32px !important; }
1689
+
1690
+
/* Set a 32px padding to the bottom */
1691
+
.pb-5 { padding-bottom: 32px !important; }
1692
+
1693
+
/* Set a 32px padding to the left */
1694
+
.pl-5 { padding-left: 32px !important; }
1695
+
1696
+
/* Set a 32px padding to the left & right */
1697
+
.px-5 { padding-right: 32px !important; padding-left: 32px !important; }
1698
+
1699
+
/* Set a 32px padding to the top & bottom */
1700
+
.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
1701
+
1702
+
/* Set a 40px padding to all sides */
1703
+
.p-6 { padding: 40px !important; }
1704
+
1705
+
/* Set a 40px padding to the top */
1706
+
.pt-6 { padding-top: 40px !important; }
1707
+
1708
+
/* Set a 40px padding to the right */
1709
+
.pr-6 { padding-right: 40px !important; }
1710
+
1711
+
/* Set a 40px padding to the bottom */
1712
+
.pb-6 { padding-bottom: 40px !important; }
1713
+
1714
+
/* Set a 40px padding to the left */
1715
+
.pl-6 { padding-left: 40px !important; }
1716
+
1717
+
/* Set a 40px padding to the left & right */
1718
+
.px-6 { padding-right: 40px !important; padding-left: 40px !important; }
1719
+
1720
+
/* Set a 40px padding to the top & bottom */
1721
+
.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }
1722
+
1723
+
@media (min-width: 544px) { /* Set a 0 padding to all sides at the sm breakpoint */
1724
+
.p-sm-0 { padding: 0 !important; }
1725
+
/* Set a 0 padding to the top at the sm breakpoint */
1726
+
.pt-sm-0 { padding-top: 0 !important; }
1727
+
/* Set a 0 padding to the right at the sm breakpoint */
1728
+
.pr-sm-0 { padding-right: 0 !important; }
1729
+
/* Set a 0 padding to the bottom at the sm breakpoint */
1730
+
.pb-sm-0 { padding-bottom: 0 !important; }
1731
+
/* Set a 0 padding to the left at the sm breakpoint */
1732
+
.pl-sm-0 { padding-left: 0 !important; }
1733
+
/* Set a 0 padding to the left & right at the sm breakpoint */
1734
+
.px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
1735
+
/* Set a 0 padding to the top & bottom at the sm breakpoint */
1736
+
.py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
1737
+
@media (min-width: 544px) { /* Set a 4px padding to all sides at the sm breakpoint */
1738
+
.p-sm-1 { padding: 4px !important; }
1739
+
/* Set a 4px padding to the top at the sm breakpoint */
1740
+
.pt-sm-1 { padding-top: 4px !important; }
1741
+
/* Set a 4px padding to the right at the sm breakpoint */
1742
+
.pr-sm-1 { padding-right: 4px !important; }
1743
+
/* Set a 4px padding to the bottom at the sm breakpoint */
1744
+
.pb-sm-1 { padding-bottom: 4px !important; }
1745
+
/* Set a 4px padding to the left at the sm breakpoint */
1746
+
.pl-sm-1 { padding-left: 4px !important; }
1747
+
/* Set a 4px padding to the left & right at the sm breakpoint */
1748
+
.px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; }
1749
+
/* Set a 4px padding to the top & bottom at the sm breakpoint */
1750
+
.py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
1751
+
@media (min-width: 544px) { /* Set a 8px padding to all sides at the sm breakpoint */
1752
+
.p-sm-2 { padding: 8px !important; }
1753
+
/* Set a 8px padding to the top at the sm breakpoint */
1754
+
.pt-sm-2 { padding-top: 8px !important; }
1755
+
/* Set a 8px padding to the right at the sm breakpoint */
1756
+
.pr-sm-2 { padding-right: 8px !important; }
1757
+
/* Set a 8px padding to the bottom at the sm breakpoint */
1758
+
.pb-sm-2 { padding-bottom: 8px !important; }
1759
+
/* Set a 8px padding to the left at the sm breakpoint */
1760
+
.pl-sm-2 { padding-left: 8px !important; }
1761
+
/* Set a 8px padding to the left & right at the sm breakpoint */
1762
+
.px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; }
1763
+
/* Set a 8px padding to the top & bottom at the sm breakpoint */
1764
+
.py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
1765
+
@media (min-width: 544px) { /* Set a 16px padding to all sides at the sm breakpoint */
1766
+
.p-sm-3 { padding: 16px !important; }
1767
+
/* Set a 16px padding to the top at the sm breakpoint */
1768
+
.pt-sm-3 { padding-top: 16px !important; }
1769
+
/* Set a 16px padding to the right at the sm breakpoint */
1770
+
.pr-sm-3 { padding-right: 16px !important; }
1771
+
/* Set a 16px padding to the bottom at the sm breakpoint */
1772
+
.pb-sm-3 { padding-bottom: 16px !important; }
1773
+
/* Set a 16px padding to the left at the sm breakpoint */
1774
+
.pl-sm-3 { padding-left: 16px !important; }
1775
+
/* Set a 16px padding to the left & right at the sm breakpoint */
1776
+
.px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; }
1777
+
/* Set a 16px padding to the top & bottom at the sm breakpoint */
1778
+
.py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
1779
+
@media (min-width: 544px) { /* Set a 24px padding to all sides at the sm breakpoint */
1780
+
.p-sm-4 { padding: 24px !important; }
1781
+
/* Set a 24px padding to the top at the sm breakpoint */
1782
+
.pt-sm-4 { padding-top: 24px !important; }
1783
+
/* Set a 24px padding to the right at the sm breakpoint */
1784
+
.pr-sm-4 { padding-right: 24px !important; }
1785
+
/* Set a 24px padding to the bottom at the sm breakpoint */
1786
+
.pb-sm-4 { padding-bottom: 24px !important; }
1787
+
/* Set a 24px padding to the left at the sm breakpoint */
1788
+
.pl-sm-4 { padding-left: 24px !important; }
1789
+
/* Set a 24px padding to the left & right at the sm breakpoint */
1790
+
.px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; }
1791
+
/* Set a 24px padding to the top & bottom at the sm breakpoint */
1792
+
.py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
1793
+
@media (min-width: 544px) { /* Set a 32px padding to all sides at the sm breakpoint */
1794
+
.p-sm-5 { padding: 32px !important; }
1795
+
/* Set a 32px padding to the top at the sm breakpoint */
1796
+
.pt-sm-5 { padding-top: 32px !important; }
1797
+
/* Set a 32px padding to the right at the sm breakpoint */
1798
+
.pr-sm-5 { padding-right: 32px !important; }
1799
+
/* Set a 32px padding to the bottom at the sm breakpoint */
1800
+
.pb-sm-5 { padding-bottom: 32px !important; }
1801
+
/* Set a 32px padding to the left at the sm breakpoint */
1802
+
.pl-sm-5 { padding-left: 32px !important; }
1803
+
/* Set a 32px padding to the left & right at the sm breakpoint */
1804
+
.px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; }
1805
+
/* Set a 32px padding to the top & bottom at the sm breakpoint */
1806
+
.py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
1807
+
@media (min-width: 544px) { /* Set a 40px padding to all sides at the sm breakpoint */
1808
+
.p-sm-6 { padding: 40px !important; }
1809
+
/* Set a 40px padding to the top at the sm breakpoint */
1810
+
.pt-sm-6 { padding-top: 40px !important; }
1811
+
/* Set a 40px padding to the right at the sm breakpoint */
1812
+
.pr-sm-6 { padding-right: 40px !important; }
1813
+
/* Set a 40px padding to the bottom at the sm breakpoint */
1814
+
.pb-sm-6 { padding-bottom: 40px !important; }
1815
+
/* Set a 40px padding to the left at the sm breakpoint */
1816
+
.pl-sm-6 { padding-left: 40px !important; }
1817
+
/* Set a 40px padding to the left & right at the sm breakpoint */
1818
+
.px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; }
1819
+
/* Set a 40px padding to the top & bottom at the sm breakpoint */
1820
+
.py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
1821
+
@media (min-width: 768px) { /* Set a 0 padding to all sides at the md breakpoint */
1822
+
.p-md-0 { padding: 0 !important; }
1823
+
/* Set a 0 padding to the top at the md breakpoint */
1824
+
.pt-md-0 { padding-top: 0 !important; }
1825
+
/* Set a 0 padding to the right at the md breakpoint */
1826
+
.pr-md-0 { padding-right: 0 !important; }
1827
+
/* Set a 0 padding to the bottom at the md breakpoint */
1828
+
.pb-md-0 { padding-bottom: 0 !important; }
1829
+
/* Set a 0 padding to the left at the md breakpoint */
1830
+
.pl-md-0 { padding-left: 0 !important; }
1831
+
/* Set a 0 padding to the left & right at the md breakpoint */
1832
+
.px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
1833
+
/* Set a 0 padding to the top & bottom at the md breakpoint */
1834
+
.py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
1835
+
@media (min-width: 768px) { /* Set a 4px padding to all sides at the md breakpoint */
1836
+
.p-md-1 { padding: 4px !important; }
1837
+
/* Set a 4px padding to the top at the md breakpoint */
1838
+
.pt-md-1 { padding-top: 4px !important; }
1839
+
/* Set a 4px padding to the right at the md breakpoint */
1840
+
.pr-md-1 { padding-right: 4px !important; }
1841
+
/* Set a 4px padding to the bottom at the md breakpoint */
1842
+
.pb-md-1 { padding-bottom: 4px !important; }
1843
+
/* Set a 4px padding to the left at the md breakpoint */
1844
+
.pl-md-1 { padding-left: 4px !important; }
1845
+
/* Set a 4px padding to the left & right at the md breakpoint */
1846
+
.px-md-1 { padding-right: 4px !important; padding-left: 4px !important; }
1847
+
/* Set a 4px padding to the top & bottom at the md breakpoint */
1848
+
.py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
1849
+
@media (min-width: 768px) { /* Set a 8px padding to all sides at the md breakpoint */
1850
+
.p-md-2 { padding: 8px !important; }
1851
+
/* Set a 8px padding to the top at the md breakpoint */
1852
+
.pt-md-2 { padding-top: 8px !important; }
1853
+
/* Set a 8px padding to the right at the md breakpoint */
1854
+
.pr-md-2 { padding-right: 8px !important; }
1855
+
/* Set a 8px padding to the bottom at the md breakpoint */
1856
+
.pb-md-2 { padding-bottom: 8px !important; }
1857
+
/* Set a 8px padding to the left at the md breakpoint */
1858
+
.pl-md-2 { padding-left: 8px !important; }
1859
+
/* Set a 8px padding to the left & right at the md breakpoint */
1860
+
.px-md-2 { padding-right: 8px !important; padding-left: 8px !important; }
1861
+
/* Set a 8px padding to the top & bottom at the md breakpoint */
1862
+
.py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
1863
+
@media (min-width: 768px) { /* Set a 16px padding to all sides at the md breakpoint */
1864
+
.p-md-3 { padding: 16px !important; }
1865
+
/* Set a 16px padding to the top at the md breakpoint */
1866
+
.pt-md-3 { padding-top: 16px !important; }
1867
+
/* Set a 16px padding to the right at the md breakpoint */
1868
+
.pr-md-3 { padding-right: 16px !important; }
1869
+
/* Set a 16px padding to the bottom at the md breakpoint */
1870
+
.pb-md-3 { padding-bottom: 16px !important; }
1871
+
/* Set a 16px padding to the left at the md breakpoint */
1872
+
.pl-md-3 { padding-left: 16px !important; }
1873
+
/* Set a 16px padding to the left & right at the md breakpoint */
1874
+
.px-md-3 { padding-right: 16px !important; padding-left: 16px !important; }
1875
+
/* Set a 16px padding to the top & bottom at the md breakpoint */
1876
+
.py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
1877
+
@media (min-width: 768px) { /* Set a 24px padding to all sides at the md breakpoint */
1878
+
.p-md-4 { padding: 24px !important; }
1879
+
/* Set a 24px padding to the top at the md breakpoint */
1880
+
.pt-md-4 { padding-top: 24px !important; }
1881
+
/* Set a 24px padding to the right at the md breakpoint */
1882
+
.pr-md-4 { padding-right: 24px !important; }
1883
+
/* Set a 24px padding to the bottom at the md breakpoint */
1884
+
.pb-md-4 { padding-bottom: 24px !important; }
1885
+
/* Set a 24px padding to the left at the md breakpoint */
1886
+
.pl-md-4 { padding-left: 24px !important; }
1887
+
/* Set a 24px padding to the left & right at the md breakpoint */
1888
+
.px-md-4 { padding-right: 24px !important; padding-left: 24px !important; }
1889
+
/* Set a 24px padding to the top & bottom at the md breakpoint */
1890
+
.py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
1891
+
@media (min-width: 768px) { /* Set a 32px padding to all sides at the md breakpoint */
1892
+
.p-md-5 { padding: 32px !important; }
1893
+
/* Set a 32px padding to the top at the md breakpoint */
1894
+
.pt-md-5 { padding-top: 32px !important; }
1895
+
/* Set a 32px padding to the right at the md breakpoint */
1896
+
.pr-md-5 { padding-right: 32px !important; }
1897
+
/* Set a 32px padding to the bottom at the md breakpoint */
1898
+
.pb-md-5 { padding-bottom: 32px !important; }
1899
+
/* Set a 32px padding to the left at the md breakpoint */
1900
+
.pl-md-5 { padding-left: 32px !important; }
1901
+
/* Set a 32px padding to the left & right at the md breakpoint */
1902
+
.px-md-5 { padding-right: 32px !important; padding-left: 32px !important; }
1903
+
/* Set a 32px padding to the top & bottom at the md breakpoint */
1904
+
.py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
1905
+
@media (min-width: 768px) { /* Set a 40px padding to all sides at the md breakpoint */
1906
+
.p-md-6 { padding: 40px !important; }
1907
+
/* Set a 40px padding to the top at the md breakpoint */
1908
+
.pt-md-6 { padding-top: 40px !important; }
1909
+
/* Set a 40px padding to the right at the md breakpoint */
1910
+
.pr-md-6 { padding-right: 40px !important; }
1911
+
/* Set a 40px padding to the bottom at the md breakpoint */
1912
+
.pb-md-6 { padding-bottom: 40px !important; }
1913
+
/* Set a 40px padding to the left at the md breakpoint */
1914
+
.pl-md-6 { padding-left: 40px !important; }
1915
+
/* Set a 40px padding to the left & right at the md breakpoint */
1916
+
.px-md-6 { padding-right: 40px !important; padding-left: 40px !important; }
1917
+
/* Set a 40px padding to the top & bottom at the md breakpoint */
1918
+
.py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
1919
+
@media (min-width: 1012px) { /* Set a 0 padding to all sides at the lg breakpoint */
1920
+
.p-lg-0 { padding: 0 !important; }
1921
+
/* Set a 0 padding to the top at the lg breakpoint */
1922
+
.pt-lg-0 { padding-top: 0 !important; }
1923
+
/* Set a 0 padding to the right at the lg breakpoint */
1924
+
.pr-lg-0 { padding-right: 0 !important; }
1925
+
/* Set a 0 padding to the bottom at the lg breakpoint */
1926
+
.pb-lg-0 { padding-bottom: 0 !important; }
1927
+
/* Set a 0 padding to the left at the lg breakpoint */
1928
+
.pl-lg-0 { padding-left: 0 !important; }
1929
+
/* Set a 0 padding to the left & right at the lg breakpoint */
1930
+
.px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
1931
+
/* Set a 0 padding to the top & bottom at the lg breakpoint */
1932
+
.py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
1933
+
@media (min-width: 1012px) { /* Set a 4px padding to all sides at the lg breakpoint */
1934
+
.p-lg-1 { padding: 4px !important; }
1935
+
/* Set a 4px padding to the top at the lg breakpoint */
1936
+
.pt-lg-1 { padding-top: 4px !important; }
1937
+
/* Set a 4px padding to the right at the lg breakpoint */
1938
+
.pr-lg-1 { padding-right: 4px !important; }
1939
+
/* Set a 4px padding to the bottom at the lg breakpoint */
1940
+
.pb-lg-1 { padding-bottom: 4px !important; }
1941
+
/* Set a 4px padding to the left at the lg breakpoint */
1942
+
.pl-lg-1 { padding-left: 4px !important; }
1943
+
/* Set a 4px padding to the left & right at the lg breakpoint */
1944
+
.px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; }
1945
+
/* Set a 4px padding to the top & bottom at the lg breakpoint */
1946
+
.py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
1947
+
@media (min-width: 1012px) { /* Set a 8px padding to all sides at the lg breakpoint */
1948
+
.p-lg-2 { padding: 8px !important; }
1949
+
/* Set a 8px padding to the top at the lg breakpoint */
1950
+
.pt-lg-2 { padding-top: 8px !important; }
1951
+
/* Set a 8px padding to the right at the lg breakpoint */
1952
+
.pr-lg-2 { padding-right: 8px !important; }
1953
+
/* Set a 8px padding to the bottom at the lg breakpoint */
1954
+
.pb-lg-2 { padding-bottom: 8px !important; }
1955
+
/* Set a 8px padding to the left at the lg breakpoint */
1956
+
.pl-lg-2 { padding-left: 8px !important; }
1957
+
/* Set a 8px padding to the left & right at the lg breakpoint */
1958
+
.px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; }
1959
+
/* Set a 8px padding to the top & bottom at the lg breakpoint */
1960
+
.py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
1961
+
@media (min-width: 1012px) { /* Set a 16px padding to all sides at the lg breakpoint */
1962
+
.p-lg-3 { padding: 16px !important; }
1963
+
/* Set a 16px padding to the top at the lg breakpoint */
1964
+
.pt-lg-3 { padding-top: 16px !important; }
1965
+
/* Set a 16px padding to the right at the lg breakpoint */
1966
+
.pr-lg-3 { padding-right: 16px !important; }
1967
+
/* Set a 16px padding to the bottom at the lg breakpoint */
1968
+
.pb-lg-3 { padding-bottom: 16px !important; }
1969
+
/* Set a 16px padding to the left at the lg breakpoint */
1970
+
.pl-lg-3 { padding-left: 16px !important; }
1971
+
/* Set a 16px padding to the left & right at the lg breakpoint */
1972
+
.px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; }
1973
+
/* Set a 16px padding to the top & bottom at the lg breakpoint */
1974
+
.py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
1975
+
@media (min-width: 1012px) { /* Set a 24px padding to all sides at the lg breakpoint */
1976
+
.p-lg-4 { padding: 24px !important; }
1977
+
/* Set a 24px padding to the top at the lg breakpoint */
1978
+
.pt-lg-4 { padding-top: 24px !important; }
1979
+
/* Set a 24px padding to the right at the lg breakpoint */
1980
+
.pr-lg-4 { padding-right: 24px !important; }
1981
+
/* Set a 24px padding to the bottom at the lg breakpoint */
1982
+
.pb-lg-4 { padding-bottom: 24px !important; }
1983
+
/* Set a 24px padding to the left at the lg breakpoint */
1984
+
.pl-lg-4 { padding-left: 24px !important; }
1985
+
/* Set a 24px padding to the left & right at the lg breakpoint */
1986
+
.px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; }
1987
+
/* Set a 24px padding to the top & bottom at the lg breakpoint */
1988
+
.py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
1989
+
@media (min-width: 1012px) { /* Set a 32px padding to all sides at the lg breakpoint */
1990
+
.p-lg-5 { padding: 32px !important; }
1991
+
/* Set a 32px padding to the top at the lg breakpoint */
1992
+
.pt-lg-5 { padding-top: 32px !important; }
1993
+
/* Set a 32px padding to the right at the lg breakpoint */
1994
+
.pr-lg-5 { padding-right: 32px !important; }
1995
+
/* Set a 32px padding to the bottom at the lg breakpoint */
1996
+
.pb-lg-5 { padding-bottom: 32px !important; }
1997
+
/* Set a 32px padding to the left at the lg breakpoint */
1998
+
.pl-lg-5 { padding-left: 32px !important; }
1999
+
/* Set a 32px padding to the left & right at the lg breakpoint */
2000
+
.px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; }
2001
+
/* Set a 32px padding to the top & bottom at the lg breakpoint */
2002
+
.py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
2003
+
@media (min-width: 1012px) { /* Set a 40px padding to all sides at the lg breakpoint */
2004
+
.p-lg-6 { padding: 40px !important; }
2005
+
/* Set a 40px padding to the top at the lg breakpoint */
2006
+
.pt-lg-6 { padding-top: 40px !important; }
2007
+
/* Set a 40px padding to the right at the lg breakpoint */
2008
+
.pr-lg-6 { padding-right: 40px !important; }
2009
+
/* Set a 40px padding to the bottom at the lg breakpoint */
2010
+
.pb-lg-6 { padding-bottom: 40px !important; }
2011
+
/* Set a 40px padding to the left at the lg breakpoint */
2012
+
.pl-lg-6 { padding-left: 40px !important; }
2013
+
/* Set a 40px padding to the left & right at the lg breakpoint */
2014
+
.px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; }
2015
+
/* Set a 40px padding to the top & bottom at the lg breakpoint */
2016
+
.py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
2017
+
@media (min-width: 1280px) { /* Set a 0 padding to all sides at the xl breakpoint */
2018
+
.p-xl-0 { padding: 0 !important; }
2019
+
/* Set a 0 padding to the top at the xl breakpoint */
2020
+
.pt-xl-0 { padding-top: 0 !important; }
2021
+
/* Set a 0 padding to the right at the xl breakpoint */
2022
+
.pr-xl-0 { padding-right: 0 !important; }
2023
+
/* Set a 0 padding to the bottom at the xl breakpoint */
2024
+
.pb-xl-0 { padding-bottom: 0 !important; }
2025
+
/* Set a 0 padding to the left at the xl breakpoint */
2026
+
.pl-xl-0 { padding-left: 0 !important; }
2027
+
/* Set a 0 padding to the left & right at the xl breakpoint */
2028
+
.px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
2029
+
/* Set a 0 padding to the top & bottom at the xl breakpoint */
2030
+
.py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
2031
+
@media (min-width: 1280px) { /* Set a 4px padding to all sides at the xl breakpoint */
2032
+
.p-xl-1 { padding: 4px !important; }
2033
+
/* Set a 4px padding to the top at the xl breakpoint */
2034
+
.pt-xl-1 { padding-top: 4px !important; }
2035
+
/* Set a 4px padding to the right at the xl breakpoint */
2036
+
.pr-xl-1 { padding-right: 4px !important; }
2037
+
/* Set a 4px padding to the bottom at the xl breakpoint */
2038
+
.pb-xl-1 { padding-bottom: 4px !important; }
2039
+
/* Set a 4px padding to the left at the xl breakpoint */
2040
+
.pl-xl-1 { padding-left: 4px !important; }
2041
+
/* Set a 4px padding to the left & right at the xl breakpoint */
2042
+
.px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; }
2043
+
/* Set a 4px padding to the top & bottom at the xl breakpoint */
2044
+
.py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
2045
+
@media (min-width: 1280px) { /* Set a 8px padding to all sides at the xl breakpoint */
2046
+
.p-xl-2 { padding: 8px !important; }
2047
+
/* Set a 8px padding to the top at the xl breakpoint */
2048
+
.pt-xl-2 { padding-top: 8px !important; }
2049
+
/* Set a 8px padding to the right at the xl breakpoint */
2050
+
.pr-xl-2 { padding-right: 8px !important; }
2051
+
/* Set a 8px padding to the bottom at the xl breakpoint */
2052
+
.pb-xl-2 { padding-bottom: 8px !important; }
2053
+
/* Set a 8px padding to the left at the xl breakpoint */
2054
+
.pl-xl-2 { padding-left: 8px !important; }
2055
+
/* Set a 8px padding to the left & right at the xl breakpoint */
2056
+
.px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; }
2057
+
/* Set a 8px padding to the top & bottom at the xl breakpoint */
2058
+
.py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
2059
+
@media (min-width: 1280px) { /* Set a 16px padding to all sides at the xl breakpoint */
2060
+
.p-xl-3 { padding: 16px !important; }
2061
+
/* Set a 16px padding to the top at the xl breakpoint */
2062
+
.pt-xl-3 { padding-top: 16px !important; }
2063
+
/* Set a 16px padding to the right at the xl breakpoint */
2064
+
.pr-xl-3 { padding-right: 16px !important; }
2065
+
/* Set a 16px padding to the bottom at the xl breakpoint */
2066
+
.pb-xl-3 { padding-bottom: 16px !important; }
2067
+
/* Set a 16px padding to the left at the xl breakpoint */
2068
+
.pl-xl-3 { padding-left: 16px !important; }
2069
+
/* Set a 16px padding to the left & right at the xl breakpoint */
2070
+
.px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; }
2071
+
/* Set a 16px padding to the top & bottom at the xl breakpoint */
2072
+
.py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
2073
+
@media (min-width: 1280px) { /* Set a 24px padding to all sides at the xl breakpoint */
2074
+
.p-xl-4 { padding: 24px !important; }
2075
+
/* Set a 24px padding to the top at the xl breakpoint */
2076
+
.pt-xl-4 { padding-top: 24px !important; }
2077
+
/* Set a 24px padding to the right at the xl breakpoint */
2078
+
.pr-xl-4 { padding-right: 24px !important; }
2079
+
/* Set a 24px padding to the bottom at the xl breakpoint */
2080
+
.pb-xl-4 { padding-bottom: 24px !important; }
2081
+
/* Set a 24px padding to the left at the xl breakpoint */
2082
+
.pl-xl-4 { padding-left: 24px !important; }
2083
+
/* Set a 24px padding to the left & right at the xl breakpoint */
2084
+
.px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; }
2085
+
/* Set a 24px padding to the top & bottom at the xl breakpoint */
2086
+
.py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
2087
+
@media (min-width: 1280px) { /* Set a 32px padding to all sides at the xl breakpoint */
2088
+
.p-xl-5 { padding: 32px !important; }
2089
+
/* Set a 32px padding to the top at the xl breakpoint */
2090
+
.pt-xl-5 { padding-top: 32px !important; }
2091
+
/* Set a 32px padding to the right at the xl breakpoint */
2092
+
.pr-xl-5 { padding-right: 32px !important; }
2093
+
/* Set a 32px padding to the bottom at the xl breakpoint */
2094
+
.pb-xl-5 { padding-bottom: 32px !important; }
2095
+
/* Set a 32px padding to the left at the xl breakpoint */
2096
+
.pl-xl-5 { padding-left: 32px !important; }
2097
+
/* Set a 32px padding to the left & right at the xl breakpoint */
2098
+
.px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; }
2099
+
/* Set a 32px padding to the top & bottom at the xl breakpoint */
2100
+
.py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
2101
+
@media (min-width: 1280px) { /* Set a 40px padding to all sides at the xl breakpoint */
2102
+
.p-xl-6 { padding: 40px !important; }
2103
+
/* Set a 40px padding to the top at the xl breakpoint */
2104
+
.pt-xl-6 { padding-top: 40px !important; }
2105
+
/* Set a 40px padding to the right at the xl breakpoint */
2106
+
.pr-xl-6 { padding-right: 40px !important; }
2107
+
/* Set a 40px padding to the bottom at the xl breakpoint */
2108
+
.pb-xl-6 { padding-bottom: 40px !important; }
2109
+
/* Set a 40px padding to the left at the xl breakpoint */
2110
+
.pl-xl-6 { padding-left: 40px !important; }
2111
+
/* Set a 40px padding to the left & right at the xl breakpoint */
2112
+
.px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; }
2113
+
/* Set a 40px padding to the top & bottom at the xl breakpoint */
2114
+
.py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
2115
+
.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }
2116
+
@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }
2117
+
@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }
2118
+
2119
+
/* Set the font size to 26px */
2120
+
.h1 { font-size: 26px !important; }
2121
+
@media (min-width: 768px) { .h1 { font-size: 32px !important; } }
2122
+
2123
+
/* Set the font size to 22px */
2124
+
.h2 { font-size: 22px !important; }
2125
+
@media (min-width: 768px) { .h2 { font-size: 24px !important; } }
2126
+
2127
+
/* Set the font size to 18px */
2128
+
.h3 { font-size: 18px !important; }
2129
+
@media (min-width: 768px) { .h3 { font-size: 20px !important; } }
2130
+
2131
+
/* Set the font size to 16px */
2132
+
.h4 { font-size: 16px !important; }
2133
+
2134
+
/* Set the font size to 14px */
2135
+
.h5 { font-size: 14px !important; }
2136
+
2137
+
/* Set the font size to 12px */
2138
+
.h6 { font-size: 12px !important; }
2139
+
2140
+
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }
2141
+
2142
+
/* Set the font size to 26px */
2143
+
.f1 { font-size: 26px !important; }
2144
+
@media (min-width: 768px) { .f1 { font-size: 32px !important; } }
2145
+
2146
+
/* Set the font size to 22px */
2147
+
.f2 { font-size: 22px !important; }
2148
+
@media (min-width: 768px) { .f2 { font-size: 24px !important; } }
2149
+
2150
+
/* Set the font size to 18px */
2151
+
.f3 { font-size: 18px !important; }
2152
+
@media (min-width: 768px) { .f3 { font-size: 20px !important; } }
2153
+
2154
+
/* Set the font size to 16px */
2155
+
.f4 { font-size: 16px !important; }
2156
+
@media (min-width: 768px) { .f4 { font-size: 16px !important; } }
2157
+
2158
+
/* Set the font size to 14px */
2159
+
.f5 { font-size: 14px !important; }
2160
+
2161
+
/* Set the font size to 12px */
2162
+
.f6 { font-size: 12px !important; }
2163
+
2164
+
/* Set the font size to 40px and weight to light */
2165
+
.f00-light { font-size: 40px !important; font-weight: 300 !important; }
2166
+
@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }
2167
+
2168
+
/* Set the font size to 32px and weight to light */
2169
+
.f0-light { font-size: 32px !important; font-weight: 300 !important; }
2170
+
@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }
2171
+
2172
+
/* Set the font size to 26px and weight to light */
2173
+
.f1-light { font-size: 26px !important; font-weight: 300 !important; }
2174
+
@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }
2175
+
2176
+
/* Set the font size to 22px and weight to light */
2177
+
.f2-light { font-size: 22px !important; font-weight: 300 !important; }
2178
+
@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }
2179
+
2180
+
/* Set the font size to 18px and weight to light */
2181
+
.f3-light { font-size: 18px !important; font-weight: 300 !important; }
2182
+
@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }
2183
+
2184
+
/* Set the font size to ${#h6-size} */
2185
+
.text-small { font-size: 12px !important; }
2186
+
2187
+
/* Large leading paragraphs */
2188
+
.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }
2189
+
2190
+
/* Set the line height to ultra condensed */
2191
+
.lh-condensed-ultra { line-height: 1 !important; }
2192
+
2193
+
/* Set the line height to condensed */
2194
+
.lh-condensed { line-height: 1.25 !important; }
2195
+
2196
+
/* Set the line height to default */
2197
+
.lh-default { line-height: 1.5 !important; }
2198
+
2199
+
/* Text align to the right */
2200
+
.text-right { text-align: right !important; }
2201
+
2202
+
/* Text align to the left */
2203
+
.text-left { text-align: left !important; }
2204
+
2205
+
/* Text align to the center */
2206
+
.text-center { text-align: center !important; }
2207
+
2208
+
@media (min-width: 544px) { .text-sm-right { text-align: right !important; }
2209
+
.text-sm-left { text-align: left !important; }
2210
+
.text-sm-center { text-align: center !important; } }
2211
+
@media (min-width: 768px) { .text-md-right { text-align: right !important; }
2212
+
.text-md-left { text-align: left !important; }
2213
+
.text-md-center { text-align: center !important; } }
2214
+
@media (min-width: 1012px) { .text-lg-right { text-align: right !important; }
2215
+
.text-lg-left { text-align: left !important; }
2216
+
.text-lg-center { text-align: center !important; } }
2217
+
@media (min-width: 1280px) { .text-xl-right { text-align: right !important; }
2218
+
.text-xl-left { text-align: left !important; }
2219
+
.text-xl-center { text-align: center !important; } }
2220
+
/* Set the font weight to normal */
2221
+
.text-normal { font-weight: 400 !important; }
2222
+
2223
+
/* Set the font weight to bold */
2224
+
.text-bold { font-weight: 600 !important; }
2225
+
2226
+
/* Set the font to italic */
2227
+
.text-italic { font-style: italic !important; }
2228
+
2229
+
/* Make text uppercase */
2230
+
.text-uppercase { text-transform: uppercase !important; }
2231
+
2232
+
/* Underline text */
2233
+
.no-underline { text-decoration: none !important; }
2234
+
2235
+
/* Don't wrap white space */
2236
+
.no-wrap { white-space: nowrap !important; }
2237
+
2238
+
/* Normal white space */
2239
+
.ws-normal { white-space: normal !important; }
2240
+
2241
+
/* Allow long lines with no spaces to line break */
2242
+
.wb-break-all { word-break: break-all !important; }
2243
+
2244
+
.text-emphasized { font-weight: 600; color: #24292e; }
2245
+
2246
+
.list-style-none { list-style: none !important; }
2247
+
2248
+
/* Add a dark text shadow */
2249
+
.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }
2250
+
2251
+
/* Add a light text shadow */
2252
+
.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
2253
+
2254
+
/* Visibility hidden */
2255
+
.v-hidden { visibility: hidden !important; }
2256
+
2257
+
/* Visibility visible */
2258
+
.v-visible { visibility: visible !important; }
2259
+
2260
+
/* Set the display to table */
2261
+
.d-table { display: table !important; }
2262
+
2263
+
/* Set the display to table-cell */
2264
+
.d-table-cell { display: table-cell !important; }
2265
+
2266
+
/* Set the table-layout to fixed */
2267
+
.table-fixed { table-layout: fixed !important; }
2268
+
2269
+
/* Set the display to block */
2270
+
.d-block { display: block !important; }
2271
+
2272
+
/* Set the display to inline */
2273
+
.d-inline { display: inline !important; }
2274
+
2275
+
/* Set the display to inline-block */
2276
+
.d-inline-block { display: inline-block !important; }
2277
+
2278
+
/* Set the display to flex */
2279
+
.d-flex { display: flex !important; }
2280
+
2281
+
/* Set the display to inline-flex */
2282
+
.d-inline-flex { display: inline-flex !important; }
2283
+
2284
+
/* Set the display to none */
2285
+
.d-none { display: none !important; }
2286
+
2287
+
@media (min-width: 544px) { /* Set the display to table at the sm breakpoint */
2288
+
.d-sm-table { display: table !important; }
2289
+
/* Set the display to table cell at the sm breakpoint */
2290
+
.d-sm-table-cell { display: table-cell !important; }
2291
+
/* Set the display to block at the sm breakpoint */
2292
+
.d-sm-block { display: block !important; }
2293
+
/* Set the display to inline at the sm breakpoint */
2294
+
.d-sm-inline { display: inline !important; }
2295
+
/* Set the display to inline block at the sm breakpoint */
2296
+
.d-sm-inline-block { display: inline-block !important; }
2297
+
/* Set the display to flex at the sm breakpoint */
2298
+
.d-sm-flex { display: flex !important; }
2299
+
/* Set the display to flex at the sm breakpoint */
2300
+
.d-sm-inline-flex { display: inline-flex !important; }
2301
+
/* Set the display to none at the sm breakpoint */
2302
+
.d-sm-none { display: none !important; } }
2303
+
@media (min-width: 768px) { /* Set the display to table at the md breakpoint */
2304
+
.d-md-table { display: table !important; }
2305
+
/* Set the display to table cell at the md breakpoint */
2306
+
.d-md-table-cell { display: table-cell !important; }
2307
+
/* Set the display to block at the md breakpoint */
2308
+
.d-md-block { display: block !important; }
2309
+
/* Set the display to inline at the md breakpoint */
2310
+
.d-md-inline { display: inline !important; }
2311
+
/* Set the display to inline block at the md breakpoint */
2312
+
.d-md-inline-block { display: inline-block !important; }
2313
+
/* Set the display to flex at the md breakpoint */
2314
+
.d-md-flex { display: flex !important; }
2315
+
/* Set the display to flex at the md breakpoint */
2316
+
.d-md-inline-flex { display: inline-flex !important; }
2317
+
/* Set the display to none at the md breakpoint */
2318
+
.d-md-none { display: none !important; } }
2319
+
@media (min-width: 1012px) { /* Set the display to table at the lg breakpoint */
2320
+
.d-lg-table { display: table !important; }
2321
+
/* Set the display to table cell at the lg breakpoint */
2322
+
.d-lg-table-cell { display: table-cell !important; }
2323
+
/* Set the display to block at the lg breakpoint */
2324
+
.d-lg-block { display: block !important; }
2325
+
/* Set the display to inline at the lg breakpoint */
2326
+
.d-lg-inline { display: inline !important; }
2327
+
/* Set the display to inline block at the lg breakpoint */
2328
+
.d-lg-inline-block { display: inline-block !important; }
2329
+
/* Set the display to flex at the lg breakpoint */
2330
+
.d-lg-flex { display: flex !important; }
2331
+
/* Set the display to flex at the lg breakpoint */
2332
+
.d-lg-inline-flex { display: inline-flex !important; }
2333
+
/* Set the display to none at the lg breakpoint */
2334
+
.d-lg-none { display: none !important; } }
2335
+
@media (min-width: 1280px) { /* Set the display to table at the xl breakpoint */
2336
+
.d-xl-table { display: table !important; }
2337
+
/* Set the display to table cell at the xl breakpoint */
2338
+
.d-xl-table-cell { display: table-cell !important; }
2339
+
/* Set the display to block at the xl breakpoint */
2340
+
.d-xl-block { display: block !important; }
2341
+
/* Set the display to inline at the xl breakpoint */
2342
+
.d-xl-inline { display: inline !important; }
2343
+
/* Set the display to inline block at the xl breakpoint */
2344
+
.d-xl-inline-block { display: inline-block !important; }
2345
+
/* Set the display to flex at the xl breakpoint */
2346
+
.d-xl-flex { display: flex !important; }
2347
+
/* Set the display to flex at the xl breakpoint */
2348
+
.d-xl-inline-flex { display: inline-flex !important; }
2349
+
/* Set the display to none at the xl breakpoint */
2350
+
.d-xl-none { display: none !important; } }
2351
+
@media (max-width: 544px) { .hide-sm { display: none !important; } }
2352
+
@media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } }
2353
+
@media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } }
2354
+
@media (min-width: 1012px) { .hide-xl { display: none !important; } }
2355
+
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }
2356
+
2357
+
.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
2358
+
.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
2359
+
2360
+
.container { width: 980px; margin-right: auto; margin-left: auto; }
2361
+
.container::before { display: table; content: ""; }
2362
+
.container::after { display: table; clear: both; content: ""; }
2363
+
2364
+
.container-md { max-width: 768px; margin-right: auto; margin-left: auto; }
2365
+
2366
+
.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; }
2367
+
2368
+
.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; }
2369
+
2370
+
.columns { margin-right: -10px; margin-left: -10px; }
2371
+
.columns::before { display: table; content: ""; }
2372
+
.columns::after { display: table; clear: both; content: ""; }
2373
+
2374
+
.column { float: left; padding-right: 10px; padding-left: 10px; }
2375
+
2376
+
.one-third { width: 33.333333%; }
2377
+
2378
+
.two-thirds { width: 66.666667%; }
2379
+
2380
+
.one-fourth { width: 25%; }
2381
+
2382
+
.one-half { width: 50%; }
2383
+
2384
+
.three-fourths { width: 75%; }
2385
+
2386
+
.one-fifth { width: 20%; }
2387
+
2388
+
.four-fifths { width: 80%; }
2389
+
2390
+
.centered { display: block; float: none; margin-right: auto; margin-left: auto; }
2391
+
2392
+
.col-1 { width: 8.3333333333%; }
2393
+
2394
+
.col-2 { width: 16.6666666667%; }
2395
+
2396
+
.col-3 { width: 25%; }
2397
+
2398
+
.col-4 { width: 33.3333333333%; }
2399
+
2400
+
.col-5 { width: 41.6666666667%; }
2401
+
2402
+
.col-6 { width: 50%; }
2403
+
2404
+
.col-7 { width: 58.3333333333%; }
2405
+
2406
+
.col-8 { width: 66.6666666667%; }
2407
+
2408
+
.col-9 { width: 75%; }
2409
+
2410
+
.col-10 { width: 83.3333333333%; }
2411
+
2412
+
.col-11 { width: 91.6666666667%; }
2413
+
2414
+
.col-12 { width: 100%; }
2415
+
2416
+
@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; }
2417
+
.col-sm-2 { width: 16.6666666667%; }
2418
+
.col-sm-3 { width: 25%; }
2419
+
.col-sm-4 { width: 33.3333333333%; }
2420
+
.col-sm-5 { width: 41.6666666667%; }
2421
+
.col-sm-6 { width: 50%; }
2422
+
.col-sm-7 { width: 58.3333333333%; }
2423
+
.col-sm-8 { width: 66.6666666667%; }
2424
+
.col-sm-9 { width: 75%; }
2425
+
.col-sm-10 { width: 83.3333333333%; }
2426
+
.col-sm-11 { width: 91.6666666667%; }
2427
+
.col-sm-12 { width: 100%; } }
2428
+
@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; }
2429
+
.col-md-2 { width: 16.6666666667%; }
2430
+
.col-md-3 { width: 25%; }
2431
+
.col-md-4 { width: 33.3333333333%; }
2432
+
.col-md-5 { width: 41.6666666667%; }
2433
+
.col-md-6 { width: 50%; }
2434
+
.col-md-7 { width: 58.3333333333%; }
2435
+
.col-md-8 { width: 66.6666666667%; }
2436
+
.col-md-9 { width: 75%; }
2437
+
.col-md-10 { width: 83.3333333333%; }
2438
+
.col-md-11 { width: 91.6666666667%; }
2439
+
.col-md-12 { width: 100%; } }
2440
+
@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; }
2441
+
.col-lg-2 { width: 16.6666666667%; }
2442
+
.col-lg-3 { width: 25%; }
2443
+
.col-lg-4 { width: 33.3333333333%; }
2444
+
.col-lg-5 { width: 41.6666666667%; }
2445
+
.col-lg-6 { width: 50%; }
2446
+
.col-lg-7 { width: 58.3333333333%; }
2447
+
.col-lg-8 { width: 66.6666666667%; }
2448
+
.col-lg-9 { width: 75%; }
2449
+
.col-lg-10 { width: 83.3333333333%; }
2450
+
.col-lg-11 { width: 91.6666666667%; }
2451
+
.col-lg-12 { width: 100%; } }
2452
+
@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; }
2453
+
.col-xl-2 { width: 16.6666666667%; }
2454
+
.col-xl-3 { width: 25%; }
2455
+
.col-xl-4 { width: 33.3333333333%; }
2456
+
.col-xl-5 { width: 41.6666666667%; }
2457
+
.col-xl-6 { width: 50%; }
2458
+
.col-xl-7 { width: 58.3333333333%; }
2459
+
.col-xl-8 { width: 66.6666666667%; }
2460
+
.col-xl-9 { width: 75%; }
2461
+
.col-xl-10 { width: 83.3333333333%; }
2462
+
.col-xl-11 { width: 91.6666666667%; }
2463
+
.col-xl-12 { width: 100%; } }
2464
+
.gutter { margin-right: -16px; margin-left: -16px; }
2465
+
.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
2466
+
2467
+
.gutter-condensed { margin-right: -8px; margin-left: -8px; }
2468
+
.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
2469
+
2470
+
.gutter-spacious { margin-right: -24px; margin-left: -24px; }
2471
+
.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; }
2472
+
2473
+
@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; }
2474
+
.gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
2475
+
.gutter-sm-condensed { margin-right: -8px; margin-left: -8px; }
2476
+
.gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
2477
+
.gutter-sm-spacious { margin-right: -24px; margin-left: -24px; }
2478
+
.gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
2479
+
@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; }
2480
+
.gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
2481
+
.gutter-md-condensed { margin-right: -8px; margin-left: -8px; }
2482
+
.gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
2483
+
.gutter-md-spacious { margin-right: -24px; margin-left: -24px; }
2484
+
.gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
2485
+
@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; }
2486
+
.gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
2487
+
.gutter-lg-condensed { margin-right: -8px; margin-left: -8px; }
2488
+
.gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
2489
+
.gutter-lg-spacious { margin-right: -24px; margin-left: -24px; }
2490
+
.gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
2491
+
@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; }
2492
+
.gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
2493
+
.gutter-xl-condensed { margin-right: -8px; margin-left: -8px; }
2494
+
.gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
2495
+
.gutter-xl-spacious { margin-right: -24px; margin-left: -24px; }
2496
+
.gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
2497
+
.offset-1 { margin-left: 8.3333333333%; }
2498
+
2499
+
.offset-2 { margin-left: 16.6666666667%; }
2500
+
2501
+
.offset-3 { margin-left: 25%; }
2502
+
2503
+
.offset-4 { margin-left: 33.3333333333%; }
2504
+
2505
+
.offset-5 { margin-left: 41.6666666667%; }
2506
+
2507
+
.offset-6 { margin-left: 50%; }
2508
+
2509
+
.offset-7 { margin-left: 58.3333333333%; }
2510
+
2511
+
.offset-8 { margin-left: 66.6666666667%; }
2512
+
2513
+
.offset-9 { margin-left: 75%; }
2514
+
2515
+
.offset-10 { margin-left: 83.3333333333%; }
2516
+
2517
+
.offset-11 { margin-left: 91.6666666667%; }
2518
+
2519
+
@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333%; }
2520
+
.offset-sm-2 { margin-left: 16.6666666667%; }
2521
+
.offset-sm-3 { margin-left: 25%; }
2522
+
.offset-sm-4 { margin-left: 33.3333333333%; }
2523
+
.offset-sm-5 { margin-left: 41.6666666667%; }
2524
+
.offset-sm-6 { margin-left: 50%; }
2525
+
.offset-sm-7 { margin-left: 58.3333333333%; }
2526
+
.offset-sm-8 { margin-left: 66.6666666667%; }
2527
+
.offset-sm-9 { margin-left: 75%; }
2528
+
.offset-sm-10 { margin-left: 83.3333333333%; }
2529
+
.offset-sm-11 { margin-left: 91.6666666667%; } }
2530
+
@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333%; }
2531
+
.offset-md-2 { margin-left: 16.6666666667%; }
2532
+
.offset-md-3 { margin-left: 25%; }
2533
+
.offset-md-4 { margin-left: 33.3333333333%; }
2534
+
.offset-md-5 { margin-left: 41.6666666667%; }
2535
+
.offset-md-6 { margin-left: 50%; }
2536
+
.offset-md-7 { margin-left: 58.3333333333%; }
2537
+
.offset-md-8 { margin-left: 66.6666666667%; }
2538
+
.offset-md-9 { margin-left: 75%; }
2539
+
.offset-md-10 { margin-left: 83.3333333333%; }
2540
+
.offset-md-11 { margin-left: 91.6666666667%; } }
2541
+
@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333%; }
2542
+
.offset-lg-2 { margin-left: 16.6666666667%; }
2543
+
.offset-lg-3 { margin-left: 25%; }
2544
+
.offset-lg-4 { margin-left: 33.3333333333%; }
2545
+
.offset-lg-5 { margin-left: 41.6666666667%; }
2546
+
.offset-lg-6 { margin-left: 50%; }
2547
+
.offset-lg-7 { margin-left: 58.3333333333%; }
2548
+
.offset-lg-8 { margin-left: 66.6666666667%; }
2549
+
.offset-lg-9 { margin-left: 75%; }
2550
+
.offset-lg-10 { margin-left: 83.3333333333%; }
2551
+
.offset-lg-11 { margin-left: 91.6666666667%; } }
2552
+
@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333%; }
2553
+
.offset-xl-2 { margin-left: 16.6666666667%; }
2554
+
.offset-xl-3 { margin-left: 25%; }
2555
+
.offset-xl-4 { margin-left: 33.3333333333%; }
2556
+
.offset-xl-5 { margin-left: 41.6666666667%; }
2557
+
.offset-xl-6 { margin-left: 50%; }
2558
+
.offset-xl-7 { margin-left: 58.3333333333%; }
2559
+
.offset-xl-8 { margin-left: 66.6666666667%; }
2560
+
.offset-xl-9 { margin-left: 75%; }
2561
+
.offset-xl-10 { margin-left: 83.3333333333%; }
2562
+
.offset-xl-11 { margin-left: 91.6666666667%; } }
2563
+
.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; }
2564
+
.markdown-body::before { display: table; content: ""; }
2565
+
.markdown-body::after { display: table; clear: both; content: ""; }
2566
+
.markdown-body > *:first-child { margin-top: 0 !important; }
2567
+
.markdown-body > *:last-child { margin-bottom: 0 !important; }
2568
+
.markdown-body a:not([href]) { color: inherit; text-decoration: none; }
2569
+
.markdown-body .absent { color: #cb2431; }
2570
+
.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }
2571
+
.markdown-body .anchor:focus { outline: none; }
2572
+
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; }
2573
+
.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
2574
+
.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }
2575
+
.markdown-body blockquote > :first-child { margin-top: 0; }
2576
+
.markdown-body blockquote > :last-child { margin-bottom: 0; }
2577
+
.markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; }
2578
+
2579
+
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; }
2580
+
.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; }
2581
+
.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; }
2582
+
.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; }
2583
+
.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; }
2584
+
.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }
2585
+
.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }
2586
+
.markdown-body h3 { font-size: 1.25em; }
2587
+
.markdown-body h4 { font-size: 1em; }
2588
+
.markdown-body h5 { font-size: 0.875em; }
2589
+
.markdown-body h6 { font-size: 0.85em; color: #6a737d; }
2590
+
2591
+
.markdown-body ul, .markdown-body ol { padding-left: 2em; }
2592
+
.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }
2593
+
.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }
2594
+
.markdown-body li { word-wrap: break-all; }
2595
+
.markdown-body li > p { margin-top: 16px; }
2596
+
.markdown-body li + li { margin-top: 0.25em; }
2597
+
.markdown-body dl { padding: 0; }
2598
+
.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }
2599
+
.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }
2600
+
2601
+
.markdown-body table { display: block; width: 100%; overflow: auto; }
2602
+
.markdown-body table th { font-weight: 600; }
2603
+
.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
2604
+
.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }
2605
+
.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }
2606
+
.markdown-body table img { background-color: transparent; }
2607
+
2608
+
.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
2609
+
.markdown-body img[align=right] { padding-left: 20px; }
2610
+
.markdown-body img[align=left] { padding-right: 20px; }
2611
+
.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }
2612
+
.markdown-body span.frame { display: block; overflow: hidden; }
2613
+
.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }
2614
+
.markdown-body span.frame span img { display: block; float: left; }
2615
+
.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }
2616
+
.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }
2617
+
.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }
2618
+
.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }
2619
+
.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }
2620
+
.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }
2621
+
.markdown-body span.align-right span img { margin: 0; text-align: right; }
2622
+
.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }
2623
+
.markdown-body span.float-left span { margin: 13px 0 0; }
2624
+
.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }
2625
+
.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }
2626
+
2627
+
.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }
2628
+
.markdown-body code br, .markdown-body tt br { display: none; }
2629
+
.markdown-body del code { text-decoration: inherit; }
2630
+
.markdown-body pre { word-wrap: normal; }
2631
+
.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }
2632
+
.markdown-body .highlight { margin-bottom: 16px; }
2633
+
.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }
2634
+
.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; }
2635
+
.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }
2636
+
2637
+
.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }
2638
+
.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }
2639
+
.markdown-body .csv-data tr { border-top: 0; }
2640
+
.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }
2641
+
2642
+
.highlight table td { padding: 5px; }
2643
+
2644
+
.highlight table pre { margin: 0; }
2645
+
2646
+
.highlight .cm { color: #999988; font-style: italic; }
2647
+
2648
+
.highlight .cp { color: #999999; font-weight: bold; }
2649
+
2650
+
.highlight .c1 { color: #999988; font-style: italic; }
2651
+
2652
+
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
2653
+
2654
+
.highlight .c, .highlight .cd { color: #999988; font-style: italic; }
2655
+
2656
+
.highlight .err { color: #a61717; background-color: #e3d2d2; }
2657
+
2658
+
.highlight .gd { color: #000000; background-color: #ffdddd; }
2659
+
2660
+
.highlight .ge { color: #000000; font-style: italic; }
2661
+
2662
+
.highlight .gr { color: #aa0000; }
2663
+
2664
+
.highlight .gh { color: #999999; }
2665
+
2666
+
.highlight .gi { color: #000000; background-color: #ddffdd; }
2667
+
2668
+
.highlight .go { color: #888888; }
2669
+
2670
+
.highlight .gp { color: #555555; }
2671
+
2672
+
.highlight .gs { font-weight: bold; }
2673
+
2674
+
.highlight .gu { color: #aaaaaa; }
2675
+
2676
+
.highlight .gt { color: #aa0000; }
2677
+
2678
+
.highlight .kc { color: #000000; font-weight: bold; }
2679
+
2680
+
.highlight .kd { color: #000000; font-weight: bold; }
2681
+
2682
+
.highlight .kn { color: #000000; font-weight: bold; }
2683
+
2684
+
.highlight .kp { color: #000000; font-weight: bold; }
2685
+
2686
+
.highlight .kr { color: #000000; font-weight: bold; }
2687
+
2688
+
.highlight .kt { color: #445588; font-weight: bold; }
2689
+
2690
+
.highlight .k, .highlight .kv { color: #000000; font-weight: bold; }
2691
+
2692
+
.highlight .mf { color: #009999; }
2693
+
2694
+
.highlight .mh { color: #009999; }
2695
+
2696
+
.highlight .il { color: #009999; }
2697
+
2698
+
.highlight .mi { color: #009999; }
2699
+
2700
+
.highlight .mo { color: #009999; }
2701
+
2702
+
.highlight .m, .highlight .mb, .highlight .mx { color: #009999; }
2703
+
2704
+
.highlight .sb { color: #d14; }
2705
+
2706
+
.highlight .sc { color: #d14; }
2707
+
2708
+
.highlight .sd { color: #d14; }
2709
+
2710
+
.highlight .s2 { color: #d14; }
2711
+
2712
+
.highlight .se { color: #d14; }
2713
+
2714
+
.highlight .sh { color: #d14; }
2715
+
2716
+
.highlight .si { color: #d14; }
2717
+
2718
+
.highlight .sx { color: #d14; }
2719
+
2720
+
.highlight .sr { color: #009926; }
2721
+
2722
+
.highlight .s1 { color: #d14; }
2723
+
2724
+
.highlight .ss { color: #990073; }
2725
+
2726
+
.highlight .s { color: #d14; }
2727
+
2728
+
.highlight .na { color: #008080; }
2729
+
2730
+
.highlight .bp { color: #999999; }
2731
+
2732
+
.highlight .nb { color: #0086B3; }
2733
+
2734
+
.highlight .nc { color: #445588; font-weight: bold; }
2735
+
2736
+
.highlight .no { color: #008080; }
2737
+
2738
+
.highlight .nd { color: #3c5d5d; font-weight: bold; }
2739
+
2740
+
.highlight .ni { color: #800080; }
2741
+
2742
+
.highlight .ne { color: #990000; font-weight: bold; }
2743
+
2744
+
.highlight .nf { color: #990000; font-weight: bold; }
2745
+
2746
+
.highlight .nl { color: #990000; font-weight: bold; }
2747
+
2748
+
.highlight .nn { color: #555555; }
2749
+
2750
+
.highlight .nt { color: #000080; }
2751
+
2752
+
.highlight .vc { color: #008080; }
2753
+
2754
+
.highlight .vg { color: #008080; }
2755
+
2756
+
.highlight .vi { color: #008080; }
2757
+
2758
+
.highlight .nv { color: #008080; }
2759
+
2760
+
.highlight .ow { color: #000000; font-weight: bold; }
2761
+
2762
+
.highlight .o { color: #000000; font-weight: bold; }
2763
+
2764
+
.highlight .w { color: #bbbbbb; }
2765
+
2766
+
.highlight { background-color: #f8f8f8; }
+8
-7
_site/index.html
+8
-7
_site/index.html
···
5
5
<title>Home</title>
6
6
</head>
7
7
<body>
8
-
{{ site.title }}
9
-
{% jsonball feed from url https://api.github.com/users/brandonrosage %}
10
-
{% for user in feed %}
11
-
<h1 style="color:red;">{{ user.name }}</h1>
12
-
{% endfor %}
8
+
9
+
10
+
profile-generator
11
+
<hr>
12
+
<h1>BenEmdon</h1>
13
+
<img src="https://avatars0.githubusercontent.com/u/11095731?v=4">
13
14
14
-
<header></header>
15
+
<!--//header></header>
15
16
<script>
16
17
var body = document.querySelector('body');
17
18
var requestURL = 'https://api.github.com/users/brandonrosage';
···
29
30
myH1.textContent = jsonObj['name'];
30
31
body.appendChild(myH1);
31
32
}
32
-
</script>
33
+
</script //-->
33
34
</body>
34
35
</html>
+11
-7
index.html
+11
-7
index.html
···
1
+
---
2
+
---
3
+
1
4
<!doctype html>
2
5
<html>
3
6
<head>
···
5
8
<title>Home</title>
6
9
</head>
7
10
<body>
8
-
{{ site.title }}
9
-
{% jsonball feed from url https://api.github.com/users/brandonrosage %}
10
-
{% for user in feed %}
11
-
<h1 style="color:red;">{{ user.name }}</h1>
12
-
{% endfor %}
11
+
{% assign user = site.github.organization_members[0] %}
13
12
14
-
<header></header>
13
+
{{ site.github.project_title }}
14
+
<hr>
15
+
<h1>{{ user.login }}</h1>
16
+
<img src="{{ user.avatar_url }}">
17
+
18
+
<!--//header></header>
15
19
<script>
16
20
var body = document.querySelector('body');
17
21
var requestURL = 'https://api.github.com/users/brandonrosage';
···
29
33
myH1.textContent = jsonObj['name'];
30
34
body.appendChild(myH1);
31
35
}
32
-
</script>
36
+
</script //-->
33
37
</body>
34
38
</html>