mirror of
https://github.com/kubernetes-sigs/node-feature-discovery.git
synced 2025-03-06 16:57:10 +00:00
5129 lines
223 KiB
CSS
5129 lines
223 KiB
CSS
@charset "UTF-8";
|
|
/** Copyright 2015 Google Inc. All Rights Reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
|
|
/*------------------------------------*\ $CONTENTS
|
|
\*------------------------------------*/
|
|
/** STYLE GUIDE VARIABLES------------------Declarations of Sass variables -----Typography -----Colors -----Textfield -----Switch -----Spinner -----Radio -----Menu -----List -----Layout -----Icon toggles -----Footer -----Column -----Checkbox -----Card -----Button -----Animation -----Progress -----Badge -----Shadows -----Grid -----Data table -----Dialog -----Snackbar -----Tooltip -----Chip Even though all variables have the `!default` directive, most of them should not be changed as they are dependent one another. This can cause visual distortions (like alignment issues) that are hard to track down and fix. */
|
|
/* ========== TYPOGRAPHY ========== */
|
|
/* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available.
|
|
*/
|
|
/* ========== COLORS ========== */
|
|
/**
|
|
*
|
|
* Material design color palettes.
|
|
* @see http://www.google.com/design/spec/style/color.html
|
|
*
|
|
**/
|
|
/** Copyright 2015 Google Inc. All Rights Reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
|
|
/* ========== Color Palettes ========== */
|
|
/* colors.scss */
|
|
/** Copyright 2015 Google Inc. All Rights Reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
|
|
/* ========== IMAGES ========== */
|
|
/* ========== Color & Themes ========== */
|
|
/* ========== Typography ========== */
|
|
/* ========== Components ========== */
|
|
/* ========== Standard Buttons ========== */
|
|
/* ========== Icon Toggles ========== */
|
|
/* ========== Radio Buttons ========== */
|
|
/* ========== Ripple effect ========== */
|
|
/* ========== Layout ========== */
|
|
/* ========== Content Tabs ========== */
|
|
/* ========== Checkboxes ========== */
|
|
/* ========== Switches ========== */
|
|
/* ========== Spinner ========== */
|
|
/* ========== Text fields ========== */
|
|
/* ========== Card ========== */
|
|
/* ========== Sliders ========== */
|
|
/* ========== Progress ========== */
|
|
/* ========== List ========== */
|
|
/* ========== Item ========== */
|
|
/* ========== Dropdown menu ========== */
|
|
/* ========== Tooltips ========== */
|
|
/* ========== Footer ========== */
|
|
/* TEXTFIELD */
|
|
/* SWITCH */
|
|
/* SPINNER */
|
|
/* RADIO */
|
|
/* MENU */
|
|
/* LIST */
|
|
/* LAYOUT */
|
|
/* ICON TOGGLE */
|
|
/* FOOTER */
|
|
/*mega-footer*/
|
|
/*mini-footer*/
|
|
/* CHECKBOX */
|
|
/* CARD */
|
|
/* Card dimensions */
|
|
/* Cover image */
|
|
/* BUTTON */
|
|
/** Dimensions */
|
|
/* ANIMATION */
|
|
/* PROGRESS */
|
|
/* BADGE */
|
|
/* SHADOWS */
|
|
/* GRID */
|
|
/* DATA TABLE */
|
|
/* DIALOG */
|
|
/* SNACKBAR */
|
|
/* TOOLTIP */
|
|
/* CHIP */
|
|
/** Copyright 2015 Google Inc. All Rights Reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
|
|
/* Typography */
|
|
/* Shadows */
|
|
/* Animations */
|
|
/* Dialog */
|
|
:root { --toc-1: #e6e9eb; --toc-2: #ccd2d8; --toc-3: #b3bcc4; --toc-4: #9aa5b1; --toc-5: #e6e9eb; --toc-6: #ccd2d8; --toc-7: #b3bcc4; --toc-8: #9aa5b1; --toc-9: #e6e9eb; --toc-10: #ccd2d8; --toc-11: #b3bcc4; --toc-12: #9aa5b1; }
|
|
|
|
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
|
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
|
|
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
|
|
|
|
/** Remove the margin in all browsers (opinionated). */
|
|
body { margin: 0; }
|
|
|
|
/* HTML5 display definitions ========================================================================== */
|
|
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
|
|
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; }
|
|
|
|
summary { display: list-item; }
|
|
|
|
/** Add the correct display in IE 9-. */
|
|
audio, canvas, progress, video { display: inline-block; }
|
|
|
|
/** Add the correct display in iOS 4-7. */
|
|
audio:not([controls]) { display: none; height: 0; }
|
|
|
|
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
|
|
progress { vertical-align: baseline; }
|
|
|
|
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
|
|
template, [hidden] { display: none !important; }
|
|
|
|
/* Links ========================================================================== */
|
|
/** Remove the gray background on active links in IE 10. */
|
|
a { background-color: transparent; /* 1 */ }
|
|
|
|
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
|
|
a:active, a:hover { outline-width: 0; }
|
|
|
|
/* Text-level semantics ========================================================================== */
|
|
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
|
|
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
|
|
|
|
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
|
|
b, strong { font-weight: inherit; }
|
|
|
|
/** Add the correct font weight in Chrome, Edge, and Safari. */
|
|
b, strong { font-weight: bolder; }
|
|
|
|
/** Add the correct font style in Android 4.3-. */
|
|
dfn { font-style: italic; }
|
|
|
|
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
|
|
h1 { font-size: 2em; margin: 0.67em 0; }
|
|
|
|
/** Add the correct background and color in IE 9-. */
|
|
mark { background-color: #ff0; color: #1b1f23; }
|
|
|
|
/** Add the correct font size in all browsers. */
|
|
small { font-size: 80%; }
|
|
|
|
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
|
|
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
|
|
|
sub { bottom: -0.25em; }
|
|
|
|
sup { top: -0.5em; }
|
|
|
|
/* Embedded content ========================================================================== */
|
|
/** Remove the border on images inside links in IE 10-. */
|
|
img { border-style: none; }
|
|
|
|
/** Hide the overflow in IE. */
|
|
svg:not(:root) { overflow: hidden; }
|
|
|
|
/* Grouping content ========================================================================== */
|
|
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
|
|
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
|
|
|
|
/** Add the correct margin in IE 8. */
|
|
figure { margin: 1em 40px; }
|
|
|
|
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
|
|
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
|
|
|
|
/* Forms ========================================================================== */
|
|
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
|
|
button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
|
|
|
|
/** Restore the font weight unset by the previous rule. */
|
|
optgroup { font-weight: 600; }
|
|
|
|
/** Show the overflow in IE. 1. Show the overflow in Edge. */
|
|
button, input { /* 1 */ overflow: visible; }
|
|
|
|
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
|
|
button, select { /* 1 */ text-transform: none; }
|
|
|
|
/** 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. */
|
|
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
|
|
|
|
/** Remove the inner border and padding in Firefox. */
|
|
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
|
|
|
|
/** Restore the focus styles unset by the previous rule. */
|
|
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
|
|
|
|
/** Change the border, margin, and padding in all browsers (opinionated). */
|
|
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
|
|
|
|
/** 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. */
|
|
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
|
|
|
|
/** Remove the default vertical scrollbar in IE. */
|
|
textarea { overflow: auto; }
|
|
|
|
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
|
|
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
|
|
|
|
/** Correct the cursor style of increment and decrement buttons in Chrome. */
|
|
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
|
|
|
|
/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
|
|
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
|
|
|
|
/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
|
|
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
|
|
|
/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
|
|
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
|
|
|
|
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
|
|
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
|
|
|
|
* { box-sizing: border-box; }
|
|
|
|
input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }
|
|
|
|
body { font-family: "Lato", BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; }
|
|
|
|
a { color: #0366d6; text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
|
|
b, strong { font-weight: 600; }
|
|
|
|
hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; }
|
|
hr::before, .rule::before { display: table; content: ""; }
|
|
hr::after, .rule::after { display: table; clear: both; content: ""; }
|
|
|
|
table { border-spacing: 0; border-collapse: collapse; }
|
|
|
|
td, th { padding: 0; }
|
|
|
|
button { cursor: pointer; border-radius: 0; }
|
|
|
|
[hidden][hidden] { display: none !important; }
|
|
|
|
details summary { cursor: pointer; }
|
|
details:not([open]) > *:not(summary) { display: none !important; }
|
|
|
|
kbd { display: inline-block; padding: 3px 5px; font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #d1d5da; border-bottom-color: #d1d5da; border-radius: 6px; box-shadow: inset 0 -1px 0 #d1d5da; }
|
|
|
|
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
|
|
|
|
h1 { font-size: 32px; font-weight: 600; }
|
|
|
|
h2 { font-size: 24px; font-weight: 600; }
|
|
|
|
h3 { font-size: 20px; font-weight: 600; }
|
|
|
|
h4 { font-size: 16px; font-weight: 600; }
|
|
|
|
h5 { font-size: 14px; font-weight: 600; }
|
|
|
|
h6 { font-size: 12px; font-weight: 600; }
|
|
|
|
p { margin-top: 0; margin-bottom: 10px; }
|
|
|
|
small { font-size: 90%; }
|
|
|
|
blockquote { margin: 0; }
|
|
|
|
ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; }
|
|
|
|
ol ol, ul ol { list-style-type: lower-roman; }
|
|
|
|
ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
|
|
|
|
dd { margin-left: 0; }
|
|
|
|
tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 12px; }
|
|
|
|
pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 12px; }
|
|
|
|
.octicon { vertical-align: text-bottom; }
|
|
|
|
.breadcrumb-item { display: inline-block; margin-left: -0.35em; white-space: nowrap; list-style: none; }
|
|
.breadcrumb-item::after { padding-right: 0.5em; padding-left: 0.5em; color: #e1e4e8; content: "/"; }
|
|
.breadcrumb-item:first-child { margin-left: 0; }
|
|
|
|
.breadcrumb-item-selected, .breadcrumb-item[aria-current]:not([aria-current="false"]) { color: #586069; }
|
|
.breadcrumb-item-selected::after, .breadcrumb-item[aria-current]:not([aria-current="false"])::after { content: none; }
|
|
|
|
.btn { position: relative; display: inline-block; padding: 5px 16px; font-size: 14px; font-weight: 500; line-height: 20px; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid; border-radius: 6px; appearance: none; }
|
|
.btn:hover { text-decoration: none; }
|
|
.btn:disabled, .btn.disabled, .btn[aria-disabled="true"] { cursor: default; }
|
|
.btn:disabled .octicon, .btn.disabled .octicon, .btn[aria-disabled="true"] .octicon { color: inherit; }
|
|
.btn i { font-style: normal; font-weight: 500; opacity: 0.75; }
|
|
.btn .octicon { margin-right: 4px; color: #6a737d; vertical-align: text-bottom; }
|
|
.btn .octicon:only-child { margin-right: 0; }
|
|
.btn .Counter { margin-left: 2px; color: inherit; text-shadow: none; vertical-align: top; background-color: rgba(27, 31, 35, 0.08); }
|
|
.btn .dropdown-caret { margin-left: 4px; opacity: 0.8; }
|
|
|
|
.btn { color: #24292e; background-color: #fafbfc; border-color: rgba(27, 31, 35, 0.15); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25); transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1); }
|
|
.btn:hover, .btn.hover, [open] > .btn { background-color: #f3f4f6; transition-duration: 0.1s; }
|
|
.btn:active, .btn.selected, .btn[aria-selected="true"] { background-color: #edeff2; box-shadow: inset 0 1px 0 rgba(225, 228, 232, 0.2); transition: none; }
|
|
.btn:disabled, .btn.disabled, .btn[aria-disabled="true"] { color: #959da5; background-color: #fafbfc; border-color: rgba(27, 31, 35, 0.15); }
|
|
.btn:focus, .btn.focus { outline: 1px dotted transparent; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3); }
|
|
|
|
.btn-primary { color: #fff; background-color: #2ea44f; border-color: rgba(27, 31, 35, 0.15); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.03); }
|
|
.btn-primary:hover, .btn-primary.hover, [open] > .btn-primary { background-color: #2c974b; }
|
|
.btn-primary:active, .btn-primary.selected, .btn-primary[aria-selected="true"] { background-color: #2a8f47; box-shadow: inset 0 1px 0 rgba(20, 70, 32, 0.2); }
|
|
.btn-primary:disabled, .btn-primary.disabled, .btn-primary[aria-disabled="true"] { color: rgba(255, 255, 255, 0.8); background-color: #94d3a2; border-color: rgba(27, 31, 35, 0.1); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.03); }
|
|
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4); }
|
|
.btn-primary .Counter { color: inherit; background-color: rgba(255, 255, 255, 0.2); }
|
|
.btn-primary .octicon { color: rgba(255, 255, 255, 0.8); }
|
|
|
|
.btn-danger { color: #cb2431; transition: none; }
|
|
.btn-danger:hover, [open] > .btn-danger { color: #fff; background-color: #cb2431; border-color: rgba(27, 31, 35, 0.15); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.03); }
|
|
.btn-danger:hover .Counter, [open] > .btn-danger .Counter { background-color: rgba(255, 255, 255, 0.2); }
|
|
.btn-danger:hover .octicon, [open] > .btn-danger .octicon { color: inherit; }
|
|
.btn-danger:active, .btn-danger.selected, .btn-danger[aria-selected="true"] { color: #fff; background-color: #be222e; border-color: rgba(27, 31, 35, 0.15); box-shadow: inset 0 1px 0 rgba(134, 24, 29, 0.2); }
|
|
.btn-danger:disabled, .btn-danger.disabled, .btn-danger[aria-disabled="true"] { color: rgba(203, 36, 49, 0.5); background-color: #fafbfc; border-color: rgba(27, 31, 35, 0.15); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
|
|
.btn-danger:disabled .Counter, .btn-danger.disabled .Counter, .btn-danger[aria-disabled="true"] .Counter { background-color: rgba(203, 36, 49, 0.05); }
|
|
.btn-danger:focus { box-shadow: 0 0 0 3px rgba(203, 36, 49, 0.4); }
|
|
.btn-danger .Counter { color: inherit; background-color: rgba(203, 36, 49, 0.1); }
|
|
|
|
.btn-outline { color: #0366d6; transition: none; }
|
|
.btn-outline:hover, [open] > .btn-outline { color: #fff; background-color: #0366d6; border-color: rgba(27, 31, 35, 0.15); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.03); }
|
|
.btn-outline:hover .Counter, [open] > .btn-outline .Counter { background-color: rgba(255, 255, 255, 0.2); }
|
|
.btn-outline:hover .octicon, [open] > .btn-outline .octicon { color: inherit; }
|
|
.btn-outline:active, .btn-outline.selected, .btn-outline[aria-selected="true"] { color: #fff; background-color: #035fc7; border-color: rgba(27, 31, 35, 0.15); box-shadow: inset 0 1px 0 rgba(5, 38, 76, 0.2); }
|
|
.btn-outline:disabled, .btn-outline.disabled, .btn-outline[aria-disabled="true"] { color: rgba(3, 102, 214, 0.5); background-color: #fafbfc; border-color: rgba(27, 31, 35, 0.15); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
|
|
.btn-outline:disabled .Counter, .btn-outline.disabled .Counter, .btn-outline[aria-disabled="true"] .Counter { background-color: rgba(3, 102, 214, 0.05); }
|
|
.btn-outline:focus { box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.4); }
|
|
.btn-outline .Counter { color: inherit; background-color: rgba(3, 102, 214, 0.1); }
|
|
|
|
.btn-blue { color: #fff; background-color: #0361cc; background-image: linear-gradient(-180deg, #0679fc 0%, #0361cc 90%); }
|
|
.btn-blue:focus, .btn-blue.focus { box-shadow: 0 0 0 0.2em rgba(6, 121, 252, 0.4); }
|
|
.btn-blue:hover, .btn-blue.hover { background-color: #035cc2; background-image: linear-gradient(-180deg, #0374f4 0%, #035cc2 90%); background-position: -0.5em; border-color: rgba(27, 31, 35, 0.5); }
|
|
.btn-blue:active, .btn-blue.selected, .btn-blue[aria-selected="true"], [open] > .btn-blue { background-color: #045cc1; background-image: none; border-color: rgba(27, 31, 35, 0.5); box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15); }
|
|
.btn-blue:disabled, .btn-blue.disabled, .btn-blue[aria-disabled="true"] { color: rgba(255, 255, 255, 0.75); background-color: #81b0e6; background-image: none; border-color: rgba(27, 31, 35, 0.15); box-shadow: none; }
|
|
.btn-blue .Counter { color: #0366d6; background-color: #fff; }
|
|
|
|
.btn-sm { padding: 3px 12px; font-size: 12px; line-height: 20px; }
|
|
.btn-sm .octicon { vertical-align: text-top; }
|
|
|
|
.btn-large { padding: 0.75em 1.5em; font-size: inherit; line-height: 1.5; border-radius: 0.5em; }
|
|
|
|
.btn-block { display: block; width: 100%; text-align: center; }
|
|
|
|
.BtnGroup { display: inline-block; vertical-align: middle; }
|
|
.BtnGroup::before { display: table; content: ""; }
|
|
.BtnGroup::after { display: table; clear: both; content: ""; }
|
|
.BtnGroup + .BtnGroup, .BtnGroup + .btn { margin-left: 4px; }
|
|
|
|
.BtnGroup-item { position: relative; float: left; border-right-width: 0; border-radius: 0; }
|
|
.BtnGroup-item:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
|
|
.BtnGroup-item:last-child { border-right-width: 1px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
|
|
.BtnGroup-item.selected, .BtnGroup-item[aria-selected="true"], .BtnGroup-item:focus, .BtnGroup-item:active, .BtnGroup-item:hover { border-right-width: 1px; }
|
|
.BtnGroup-item.selected + .BtnGroup-item, .BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item[aria-selected="true"] + .BtnGroup-item, .BtnGroup-item[aria-selected="true"] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:focus + .BtnGroup-item, .BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:active + .BtnGroup-item, .BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:hover + .BtnGroup-item, .BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item { border-left-width: 0; }
|
|
|
|
.BtnGroup-parent { float: left; }
|
|
.BtnGroup-parent:first-child .BtnGroup-item { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
|
|
.BtnGroup-parent:last-child .BtnGroup-item { border-right-width: 1px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
|
|
.BtnGroup-parent .BtnGroup-item { border-right-width: 0; border-radius: 0; }
|
|
.BtnGroup-parent.selected .BtnGroup-item, .BtnGroup-parent[aria-selected="true"] .BtnGroup-item, .BtnGroup-parent:focus .BtnGroup-item, .BtnGroup-parent:active .BtnGroup-item, .BtnGroup-parent:hover .BtnGroup-item { border-right-width: 1px; }
|
|
.BtnGroup-parent.selected + .BtnGroup-item, .BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent[aria-selected="true"] + .BtnGroup-item, .BtnGroup-parent[aria-selected="true"] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:focus + .BtnGroup-item, .BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:active + .BtnGroup-item, .BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:hover + .BtnGroup-item, .BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item { border-left-width: 0; }
|
|
|
|
.BtnGroup-item:focus, .BtnGroup-item:active, .BtnGroup-parent:focus, .BtnGroup-parent:active { z-index: 1; }
|
|
|
|
.btn-link { display: inline-block; padding: 0; font-size: inherit; color: #0366d6; text-decoration: none; white-space: nowrap; cursor: pointer; user-select: none; background-color: transparent; border: 0; appearance: none; }
|
|
.btn-link:hover { text-decoration: underline; }
|
|
.btn-link:disabled, .btn-link:disabled:hover, .btn-link[aria-disabled="true"], .btn-link[aria-disabled="true"]:hover { color: rgba(88, 96, 105, 0.5); cursor: default; }
|
|
|
|
.btn-invisible { color: #0366d6; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; }
|
|
.btn-invisible:hover, .btn-invisible:active, .btn-invisible:focus, .btn-invisible.selected, .btn-invisible[aria-selected="true"], .btn-invisible.zeroclipboard-is-hover, .btn-invisible.zeroclipboard-is-active { color: #0366d6; background: none; outline: none; box-shadow: none; }
|
|
|
|
.btn-octicon { display: inline-block; padding: 5px; margin-left: 5px; line-height: 1; color: #586069; vertical-align: middle; background: transparent; border: 0; }
|
|
.btn-octicon:hover { color: #0366d6; }
|
|
.btn-octicon.disabled, .btn-octicon[aria-disabled="true"] { color: #959da5; cursor: default; }
|
|
.btn-octicon.disabled:hover, .btn-octicon[aria-disabled="true"]:hover { color: #959da5; }
|
|
|
|
.btn-octicon-danger:hover { color: #cb2431; }
|
|
|
|
.close-button { padding: 0; background: transparent; border: 0; outline: none; }
|
|
|
|
.hidden-text-expander { display: block; }
|
|
.hidden-text-expander.inline { position: relative; top: -1px; display: inline-block; margin-left: 5px; line-height: 0; }
|
|
|
|
.hidden-text-expander a, .ellipsis-expander { display: inline-block; height: 12px; padding: 0 5px 5px; font-size: 12px; font-weight: 600; line-height: 6px; color: #444d56; text-decoration: none; vertical-align: middle; background: #dfe2e5; border: 0; border-radius: 1px; }
|
|
.hidden-text-expander a:hover, .ellipsis-expander:hover { text-decoration: none; background-color: #c6cbd1; }
|
|
.hidden-text-expander a:active, .ellipsis-expander:active { color: #fff; background-color: #2188ff; }
|
|
|
|
.btn-with-count { float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
|
.btn-with-count:focus { z-index: 1; }
|
|
|
|
.social-count { position: relative; float: left; padding: 3px 12px; font-size: 12px; font-weight: 600; line-height: 20px; color: #24292e; vertical-align: middle; background-color: #fff; border: 1px solid rgba(27, 31, 35, 0.15); border-left: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
|
|
.social-count:hover, .social-count:active { text-decoration: none; }
|
|
.social-count:hover { color: #0366d6; cursor: pointer; }
|
|
.social-count:focus { z-index: 1; outline: 0; box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3); }
|
|
|
|
fieldset { padding: 0; margin: 0; border: 0; }
|
|
|
|
label { font-weight: 600; }
|
|
|
|
.form-control, .form-select { padding: 5px 12px; font-size: 14px; line-height: 20px; color: #24292e; vertical-align: middle; background-color: #fff; background-repeat: no-repeat; background-position: right 8px center; border: 1px solid #e1e4e8; border-radius: 6px; outline: none; box-shadow: inset 0 1px 0 rgba(225, 228, 232, 0.2); }
|
|
.form-control.focus, .form-control:focus, .form-select.focus, .form-select:focus { border-color: #0366d6; outline: none; box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3); }
|
|
.form-control[disabled], .form-select[disabled] { color: #959da5; background-color: #f3f4f6; }
|
|
@supports (-webkit-touch-callout: none) { .form-control, .form-select { font-size: 16px; }
|
|
@media (min-width: 768px) { .form-control, .form-select { font-size: 14px; } } }
|
|
|
|
textarea.form-control { padding-top: 8px; padding-bottom: 8px; line-height: 1.5; }
|
|
|
|
.input-contrast { background-color: #fafbfc; }
|
|
.input-contrast:focus { background-color: #fff; }
|
|
|
|
.input-dark { color: #fff; background-color: rgba(255, 255, 255, 0.15); border-color: transparent; box-shadow: none; }
|
|
.input-dark::placeholder { color: inherit; opacity: 0.6; }
|
|
.input-dark.focus, .input-dark:focus { border-color: rgba(27, 31, 35, 0.3); box-shadow: 0 0 0 0.2em rgba(121, 184, 255, 0.4); }
|
|
|
|
::placeholder { color: #6a737d; opacity: 1; }
|
|
|
|
.input-sm { padding-top: 3px; padding-bottom: 3px; font-size: 12px; line-height: 20px; }
|
|
|
|
.input-lg { font-size: 16px; }
|
|
|
|
.input-block { display: block; width: 100%; }
|
|
|
|
.input-monospace { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }
|
|
|
|
.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button { position: absolute; right: 0; display: none !important; pointer-events: none; visibility: hidden; }
|
|
|
|
.form-checkbox { padding-left: 20px; margin: 15px 0; vertical-align: middle; }
|
|
.form-checkbox label em.highlight { position: relative; left: -4px; padding: 2px 4px; font-style: normal; background: #fffbdd; border-radius: 6px; }
|
|
.form-checkbox input[type="checkbox"], .form-checkbox input[type="radio"] { float: left; margin: 5px 0 0 -20px; vertical-align: middle; }
|
|
.form-checkbox .note { display: block; margin: 0; font-size: 12px; font-weight: 400; color: #586069; }
|
|
|
|
.form-checkbox-details { display: none; }
|
|
|
|
.form-checkbox-details-trigger:checked ~ * .form-checkbox-details, .form-checkbox-details-trigger:checked ~ .form-checkbox-details { display: block; }
|
|
|
|
.hfields { margin: 15px 0; }
|
|
.hfields::before { display: table; content: ""; }
|
|
.hfields::after { display: table; clear: both; content: ""; }
|
|
.hfields .form-group { float: left; margin: 0 30px 0 0; }
|
|
.hfields .form-group dt label, .hfields .form-group .form-group-header label { display: inline-block; margin: 5px 0 0; color: #586069; }
|
|
.hfields .form-group dt img, .hfields .form-group .form-group-header img { position: relative; top: -2px; }
|
|
.hfields .btn { float: left; margin: 28px 25px 0 -20px; }
|
|
.hfields .form-select { margin-top: 5px; }
|
|
|
|
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; appearance: none; }
|
|
|
|
.form-actions::before { display: table; content: ""; }
|
|
.form-actions::after { display: table; clear: both; content: ""; }
|
|
.form-actions .btn { float: right; }
|
|
.form-actions .btn + .btn { margin-right: 5px; }
|
|
|
|
.form-warning { padding: 8px 10px; margin: 10px 0; font-size: 14px; color: #735c0f; background: #fffbdd; border: 1px solid #f9c513; border-radius: 6px; }
|
|
.form-warning p { margin: 0; line-height: 1.5; }
|
|
.form-warning a { font-weight: 600; }
|
|
|
|
.form-select { display: inline-block; max-width: 100%; height: 32px; padding-right: 24px; background-color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: right 8px center; background-size: 8px 10px; appearance: none; }
|
|
.form-select::-ms-expand { opacity: 0; }
|
|
.form-select[multiple] { height: auto; }
|
|
|
|
.select-sm { height: 28px; padding-top: 3px; padding-bottom: 3px; font-size: 12px; }
|
|
.select-sm[multiple] { height: auto; min-height: 0; }
|
|
|
|
.form-group { margin: 15px 0; }
|
|
.form-group .form-control { width: 440px; max-width: 100%; margin-right: 5px; background-color: #fafbfc; }
|
|
.form-group .form-control:focus { background-color: #fff; }
|
|
.form-group .form-control.shorter { width: 130px; }
|
|
.form-group .form-control.short { width: 250px; }
|
|
.form-group .form-control.long { width: 100%; }
|
|
.form-group textarea.form-control { width: 100%; height: 200px; min-height: 200px; }
|
|
.form-group textarea.form-control.short { height: 50px; min-height: 50px; }
|
|
.form-group dt, .form-group .form-group-header { margin: 0 0 6px; }
|
|
.form-group label { position: relative; }
|
|
.form-group.flattened dt, .form-group.flattened .form-group-header { float: left; margin: 0; line-height: 32px; }
|
|
.form-group.flattened dd, .form-group.flattened .form-group-body { line-height: 32px; }
|
|
.form-group dd h4, .form-group .form-group-body h4 { margin: 4px 0 0; }
|
|
.form-group dd h4.is-error, .form-group .form-group-body h4.is-error { color: #cb2431; }
|
|
.form-group dd h4.is-success, .form-group .form-group-body h4.is-success { color: #22863a; }
|
|
.form-group dd h4 + .note, .form-group .form-group-body h4 + .note { margin-top: 0; }
|
|
.form-group.required dt label::after, .form-group.required .form-group-header label::after { padding-left: 5px; color: #cb2431; content: "*"; }
|
|
.form-group .success, .form-group .error, .form-group .indicator { display: none; font-size: 12px; font-weight: 600; }
|
|
.form-group.loading { opacity: 0.5; }
|
|
.form-group.loading .indicator { display: inline; }
|
|
.form-group.loading .spinner { display: inline-block; vertical-align: middle; }
|
|
.form-group.successful .success { display: inline; color: #22863a; }
|
|
.form-group.successed .success, .form-group.successed .warning, .form-group.successed .error, .form-group.warn .success, .form-group.warn .warning, .form-group.warn .error, .form-group.errored .success, .form-group.errored .warning, .form-group.errored .error { position: absolute; z-index: 10; display: block; max-width: 450px; padding: 4px 8px; margin: 8px 0 0; font-size: 12px; font-weight: 400; border-style: solid; border-width: 1px; border-radius: 6px; }
|
|
.form-group.successed .success::after, .form-group.successed .success::before, .form-group.successed .warning::after, .form-group.successed .warning::before, .form-group.successed .error::after, .form-group.successed .error::before, .form-group.warn .success::after, .form-group.warn .success::before, .form-group.warn .warning::after, .form-group.warn .warning::before, .form-group.warn .error::after, .form-group.warn .error::before, .form-group.errored .success::after, .form-group.errored .success::before, .form-group.errored .warning::after, .form-group.errored .warning::before, .form-group.errored .error::after, .form-group.errored .error::before { position: absolute; bottom: 100%; left: 10px; z-index: 15; width: 0; height: 0; pointer-events: none; content: " "; border: solid transparent; }
|
|
.form-group.successed .success::after, .form-group.successed .warning::after, .form-group.successed .error::after, .form-group.warn .success::after, .form-group.warn .warning::after, .form-group.warn .error::after, .form-group.errored .success::after, .form-group.errored .warning::after, .form-group.errored .error::after { border-width: 5px; }
|
|
.form-group.successed .success::before, .form-group.successed .warning::before, .form-group.successed .error::before, .form-group.warn .success::before, .form-group.warn .warning::before, .form-group.warn .error::before, .form-group.errored .success::before, .form-group.errored .warning::before, .form-group.errored .error::before { margin-left: -1px; border-width: 6px; }
|
|
.form-group.successed .success { color: #144620; background-color: #dcffe4; border-color: #34d058; }
|
|
.form-group.successed .success::after { border-bottom-color: #dcffe4; }
|
|
.form-group.successed .success::before { border-bottom-color: #34d058; }
|
|
.form-group.warn .form-control { border-color: #f9c513; }
|
|
.form-group.warn .warning { background-color: #fff5b1; border-color: #f9c513; }
|
|
.form-group.warn .warning::after { border-bottom-color: #fff5b1; }
|
|
.form-group.warn .warning::before { border-bottom-color: #f9c513; }
|
|
.form-group.errored .form-control { border-color: #cb2431; }
|
|
.form-group.errored label { color: #cb2431; }
|
|
.form-group.errored .error { background-color: #ffeef0; border-color: #f97583; }
|
|
.form-group.errored .error::after { border-bottom-color: #ffeef0; }
|
|
.form-group.errored .error::before { border-bottom-color: #f97583; }
|
|
|
|
.note { min-height: 17px; margin: 4px 0 2px; font-size: 12px; color: #586069; }
|
|
.note .spinner { margin-right: 3px; vertical-align: middle; }
|
|
|
|
dl.form-group > dd .form-control.is-autocheck-loading, dl.form-group > dd .form-control.is-autocheck-successful, dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-errored { padding-right: 30px; }
|
|
dl.form-group > dd .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-loading { background-image: url("/images/spinners/octocat-spinner-16px.gif"); }
|
|
dl.form-group > dd .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-successful { background-image: url("/images/modules/ajax/success.png"); }
|
|
dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-errored { background-image: url("/images/modules/ajax/error.png"); }
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { dl.form-group > dd .form-control.is-autocheck-loading, dl.form-group > dd .form-control.is-autocheck-successful, dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-errored { background-size: 16px 16px; }
|
|
dl.form-group > dd .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-loading { background-image: url("/images/spinners/octocat-spinner-32.gif"); }
|
|
dl.form-group > dd .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-successful { background-image: url("/images/modules/ajax/success@2x.png"); }
|
|
dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-errored { background-image: url("/images/modules/ajax/error@2x.png"); } }
|
|
.status-indicator { display: inline-block; width: 16px; height: 16px; margin-left: 5px; }
|
|
.status-indicator .octicon { display: none; }
|
|
|
|
.status-indicator-success::before { content: ""; }
|
|
.status-indicator-success .octicon-check { display: inline-block; color: #28a745; fill: #28a745; }
|
|
.status-indicator-success .octicon-x { display: none; }
|
|
|
|
.status-indicator-failed::before { content: ""; }
|
|
.status-indicator-failed .octicon-check { display: none; }
|
|
.status-indicator-failed .octicon-x { display: inline-block; color: #cb2431; fill: #d73a49; }
|
|
|
|
.status-indicator-loading { width: 16px; background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif"); background-repeat: no-repeat; background-position: 0 0; background-size: 16px; }
|
|
|
|
.inline-form { display: inline-block; }
|
|
.inline-form .btn-plain { background-color: transparent; border: 0; }
|
|
|
|
.drag-and-drop { padding: 7px 10px; margin: 0; font-size: 13px; line-height: 16px; color: #586069; background-color: #fafbfc; border: 1px solid #c3c8cf; border-top: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
|
|
.drag-and-drop .default, .drag-and-drop .loading, .drag-and-drop .error { display: none; }
|
|
.drag-and-drop .error { color: #cb2431; }
|
|
.drag-and-drop img { vertical-align: top; }
|
|
|
|
.is-default .drag-and-drop .default { display: inline-block; }
|
|
|
|
.is-uploading .drag-and-drop .loading { display: inline-block; }
|
|
|
|
.is-bad-file .drag-and-drop .bad-file { display: inline-block; }
|
|
|
|
.is-duplicate-filename .drag-and-drop .duplicate-filename { display: inline-block; }
|
|
|
|
.is-too-big .drag-and-drop .too-big { display: inline-block; }
|
|
|
|
.is-hidden-file .drag-and-drop .hidden-file { display: inline-block; }
|
|
|
|
.is-empty .drag-and-drop .empty { display: inline-block; }
|
|
|
|
.is-bad-permissions .drag-and-drop .bad-permissions { display: inline-block; }
|
|
|
|
.is-repository-required .drag-and-drop .repository-required { display: inline-block; }
|
|
|
|
.drag-and-drop-error-info { font-weight: 400; color: #586069; }
|
|
.drag-and-drop-error-info a { color: #0366d6; }
|
|
|
|
.is-failed .drag-and-drop .failed-request { display: inline-block; }
|
|
|
|
.manual-file-chooser { position: absolute; width: 240px; padding: 5px; margin-left: -80px; cursor: pointer; opacity: 0.0001; }
|
|
|
|
.manual-file-chooser:hover + .manual-file-chooser-text { text-decoration: underline; }
|
|
|
|
.btn .manual-file-chooser { top: 0; padding: 0; line-height: 34px; }
|
|
|
|
.upload-enabled textarea { display: block; border-bottom: 1px dashed #dfe2e5; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
|
|
.upload-enabled.focused { border-radius: 6px; box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(3, 102, 214, 0.3); }
|
|
.upload-enabled.focused .form-control { box-shadow: none; }
|
|
.upload-enabled.focused .drag-and-drop { border-color: #4a9eff; }
|
|
|
|
.dragover textarea, .dragover .drag-and-drop { box-shadow: #c9ff00 0 0 3px; }
|
|
|
|
.write-content { position: relative; }
|
|
|
|
.previewable-comment-form { position: relative; }
|
|
.previewable-comment-form .tabnav { position: relative; padding: 8px 8px 0; }
|
|
.previewable-comment-form .comment { border: 1px solid #c3c8cf; }
|
|
.previewable-comment-form .comment-form-error { margin-bottom: 8px; }
|
|
.previewable-comment-form .write-content, .previewable-comment-form .preview-content { display: none; margin: 0 8px 8px; }
|
|
.previewable-comment-form.write-selected .write-content, .previewable-comment-form.preview-selected .preview-content { display: block; }
|
|
.previewable-comment-form textarea { display: block; width: 100%; min-height: 100px; max-height: 500px; padding: 8px; resize: vertical; }
|
|
|
|
.form-action-spacious { margin-top: 10px; }
|
|
|
|
div.composer { margin-top: 0; border: 0; }
|
|
|
|
.composer .comment-form-textarea { height: 200px; min-height: 200px; }
|
|
|
|
.composer .tabnav { margin: 0 0 10px; }
|
|
|
|
h2.account { margin: 15px 0 0; font-size: 18px; font-weight: 400; color: #586069; }
|
|
|
|
p.explain { position: relative; font-size: 12px; color: #586069; }
|
|
p.explain strong { color: #24292e; }
|
|
p.explain .octicon { margin-right: 5px; color: #959da5; }
|
|
p.explain .minibutton { top: -4px; float: right; }
|
|
|
|
.form-group label { position: static; }
|
|
|
|
.input-group { display: table; }
|
|
.input-group .form-control { position: relative; width: 100%; }
|
|
.input-group .form-control:focus { z-index: 2; }
|
|
.input-group .form-control + .btn { margin-left: 0; }
|
|
.input-group.inline { display: inline-table; }
|
|
|
|
.input-group .form-control, .input-group-button { display: table-cell; }
|
|
|
|
.input-group-button { width: 1%; vertical-align: middle; }
|
|
|
|
.input-group .form-control:first-child, .input-group-button:first-child .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
|
|
|
.input-group-button:first-child .btn { margin-right: -1px; }
|
|
|
|
.input-group .form-control:last-child, .input-group-button:last-child .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
|
|
|
.input-group-button:last-child .btn { margin-left: -1px; }
|
|
|
|
.radio-group::before { display: table; content: ""; }
|
|
.radio-group::after { display: table; clear: both; content: ""; }
|
|
|
|
.radio-label { float: left; padding: 6px 16px 6px 36px; margin-left: -1px; font-size: 14px; line-height: 20px; color: #24292e; cursor: pointer; border: 1px solid #e1e4e8; }
|
|
:checked + .radio-label { position: relative; z-index: 1; border-color: #0366d6; }
|
|
.radio-label:first-of-type { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
|
|
.radio-label:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
|
|
|
|
.radio-input { z-index: 3; float: left; margin: 10px -32px 0 16px; }
|
|
|
|
.AnimatedEllipsis { display: inline-block; overflow: hidden; vertical-align: bottom; }
|
|
.AnimatedEllipsis::after { display: inline-block; content: "..."; animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite; }
|
|
@keyframes AnimatedEllipsis-keyframes { 0% { transform: translateX(-100%); } }
|
|
.markdown-body { font-family: "Lato", BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif; font-size: 16px; line-height: 1.5; word-wrap: break-word; }
|
|
.markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #d1d5da; border-bottom-color: #d1d5da; border-radius: 6px; box-shadow: inset 0 -1px 0 #d1d5da; }
|
|
.markdown-body::before { display: table; content: ""; }
|
|
.markdown-body::after { display: table; clear: both; content: ""; }
|
|
.markdown-body > *:first-child { margin-top: 0 !important; }
|
|
.markdown-body > *:last-child { margin-bottom: 0 !important; }
|
|
.markdown-body a:not([href]) { color: inherit; text-decoration: none; }
|
|
.markdown-body .absent { color: #cb2431; }
|
|
.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }
|
|
.markdown-body .anchor:focus { outline: none; }
|
|
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body details { margin-top: 0; margin-bottom: 16px; }
|
|
.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
|
|
.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }
|
|
.markdown-body blockquote > :first-child { margin-top: 0; }
|
|
.markdown-body blockquote > :last-child { margin-bottom: 0; }
|
|
|
|
.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; }
|
|
.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; }
|
|
.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; }
|
|
.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; }
|
|
.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; }
|
|
.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }
|
|
.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }
|
|
.markdown-body h3 { font-size: 1.25em; }
|
|
.markdown-body h4 { font-size: 1em; }
|
|
.markdown-body h5 { font-size: 0.875em; }
|
|
.markdown-body h6 { font-size: 0.85em; color: #6a737d; }
|
|
|
|
.markdown-body ul, .markdown-body ol { padding-left: 2em; }
|
|
.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }
|
|
.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }
|
|
.markdown-body li { word-wrap: break-all; }
|
|
.markdown-body li > p { margin-top: 16px; }
|
|
.markdown-body li + li { margin-top: 0.25em; }
|
|
.markdown-body dl { padding: 0; }
|
|
.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }
|
|
.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }
|
|
|
|
.markdown-body table { display: block; width: 100%; width: max-content; max-width: 100%; overflow: auto; }
|
|
.markdown-body table th { font-weight: 600; }
|
|
.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
|
|
.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }
|
|
.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }
|
|
.markdown-body table img { background-color: transparent; }
|
|
|
|
.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
|
|
.markdown-body img[align="right"] { padding-left: 20px; }
|
|
.markdown-body img[align="left"] { padding-right: 20px; }
|
|
.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }
|
|
.markdown-body span.frame { display: block; overflow: hidden; }
|
|
.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }
|
|
.markdown-body span.frame span img { display: block; float: left; }
|
|
.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }
|
|
.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }
|
|
.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }
|
|
.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }
|
|
.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }
|
|
.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }
|
|
.markdown-body span.align-right span img { margin: 0; text-align: right; }
|
|
.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }
|
|
.markdown-body span.float-left span { margin: 13px 0 0; }
|
|
.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }
|
|
.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }
|
|
|
|
.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: 6px; }
|
|
.markdown-body code br, .markdown-body tt br { display: none; }
|
|
.markdown-body del code { text-decoration: inherit; }
|
|
.markdown-body pre { word-wrap: normal; }
|
|
.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }
|
|
.markdown-body .highlight { margin-bottom: 16px; }
|
|
.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }
|
|
.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 6px; }
|
|
.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; }
|
|
|
|
.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; }
|
|
.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }
|
|
.markdown-body .csv-data tr { border-top: 0; }
|
|
.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }
|
|
|
|
.highlight { background-color: #f8f8f8; }
|
|
.highlight table td { padding: 5px; }
|
|
.highlight table pre { margin: 0; }
|
|
.highlight .cm { color: #999988; font-style: italic; }
|
|
.highlight .cp { color: #999999; font-weight: bold; }
|
|
.highlight .c1 { color: #999988; font-style: italic; }
|
|
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
|
|
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { color: #999988; font-style: italic; }
|
|
.highlight .err { color: #a61717; background-color: #e3d2d2; }
|
|
.highlight .gd { color: #000000; background-color: #ffdddd; }
|
|
.highlight .ge { color: #000000; font-style: italic; }
|
|
.highlight .gr { color: #aa0000; }
|
|
.highlight .gh { color: #999999; }
|
|
.highlight .gi { color: #000000; background-color: #ddffdd; }
|
|
.highlight .go { color: #888888; }
|
|
.highlight .gp { color: #555555; }
|
|
.highlight .gs { font-weight: bold; }
|
|
.highlight .gu { color: #aaaaaa; }
|
|
.highlight .gt { color: #aa0000; }
|
|
.highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr { color: #000000; font-weight: bold; }
|
|
.highlight .kt { color: #445588; font-weight: bold; }
|
|
.highlight .k, .highlight .kv { color: #000000; font-weight: bold; }
|
|
.highlight .mf, .highlight .mh, .highlight .il, .highlight .mi, .highlight .mo, .highlight .m, .highlight .mb, .highlight .mx { color: #009999; }
|
|
.highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx { color: #d14; }
|
|
.highlight .sr { color: #009926; }
|
|
.highlight .s1 { color: #d14; }
|
|
.highlight .ss { color: #990073; }
|
|
.highlight .s, .highlight .sa, .highlight .dl { color: #d14; }
|
|
.highlight .na { color: #008080; }
|
|
.highlight .bp { color: #999999; }
|
|
.highlight .nb { color: #0086b3; }
|
|
.highlight .nc { color: #445588; font-weight: bold; }
|
|
.highlight .no { color: #008080; }
|
|
.highlight .nd { color: #3c5d5d; font-weight: bold; }
|
|
.highlight .ni { color: #800080; }
|
|
.highlight .ne, .highlight .nf, .highlight .fm, .highlight .nl { color: #990000; font-weight: bold; }
|
|
.highlight .nn { color: #555555; }
|
|
.highlight .nt { color: #000080; }
|
|
.highlight .vc, .highlight .vg, .highlight .vi, .highlight .nv, .highlight .vm { color: #008080; }
|
|
.highlight .ow, .highlight .o { color: #000000; font-weight: bold; }
|
|
.highlight .w { color: #bbbbbb; }
|
|
|
|
@font-face { font-family: "Lato"; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/lato-normal.woff2") format("woff2"), url("fonts/lato-normal.woff") format("woff"); }
|
|
@font-face { font-family: "Lato"; font-weight: 400; font-style: italic; font-display: block; src: url("fonts/lato-normal-italic.woff2") format("woff2"), url("fonts/lato-normal-italic.woff") format("woff"); }
|
|
@font-face { font-family: "Lato"; font-weight: 600; font-style: normal; font-display: block; src: url("fonts/lato-bold.woff2") format("woff2"), url("fonts/lato-bold.woff") format("woff"); }
|
|
@font-face { font-family: "Lato"; font-weight: 600; font-style: italic; font-display: block; src: url("fonts/lato-bold-italic.woff2") format("woff2"), url("fonts/lato-bold-italic.woff") format("woff"); }
|
|
@font-face { font-family: "Roboto-Slab"; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/Roboto-Slab-Regular.woff2") format("woff2"), url("fonts/Roboto-Slab-Regular.woff") format("woff"); }
|
|
@font-face { font-family: "Roboto-Slab"; font-weight: 600; font-style: normal; font-display: block; src: url("fonts/Roboto-Slab-Bold.woff2") format("woff2"), url("fonts/Roboto-Slab-Bold.woff") format("woff"); }
|
|
@font-face { font-family: "FontAwesome"; font-weight: normal; font-style: normal; font-display: block; src: url("fonts/fontawesome-webfont.eot"); src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2") format("woff2"), url("fonts/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg"); }
|
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
|
|
.fa-glass:before { content: ""; }
|
|
|
|
.fa-music:before { content: ""; }
|
|
|
|
.fa-search:before { content: ""; }
|
|
|
|
.fa-envelope-o:before { content: ""; }
|
|
|
|
.fa-heart:before { content: ""; }
|
|
|
|
.fa-star:before { content: ""; }
|
|
|
|
.fa-star-o:before { content: ""; }
|
|
|
|
.fa-user:before { content: ""; }
|
|
|
|
.fa-film:before { content: ""; }
|
|
|
|
.fa-th-large:before { content: ""; }
|
|
|
|
.fa-th:before { content: ""; }
|
|
|
|
.fa-th-list:before { content: ""; }
|
|
|
|
.fa-check:before { content: ""; }
|
|
|
|
.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }
|
|
|
|
.fa-search-plus:before { content: ""; }
|
|
|
|
.fa-search-minus:before { content: ""; }
|
|
|
|
.fa-power-off:before { content: ""; }
|
|
|
|
.fa-signal:before { content: ""; }
|
|
|
|
.fa-gear:before, .fa-cog:before { content: ""; }
|
|
|
|
.fa-trash-o:before { content: ""; }
|
|
|
|
.fa-home:before { content: ""; }
|
|
|
|
.fa-file-o:before { content: ""; }
|
|
|
|
.fa-clock-o:before { content: ""; }
|
|
|
|
.fa-road:before { content: ""; }
|
|
|
|
.fa-download:before { content: ""; }
|
|
|
|
.fa-arrow-circle-o-down:before { content: ""; }
|
|
|
|
.fa-arrow-circle-o-up:before { content: ""; }
|
|
|
|
.fa-inbox:before { content: ""; }
|
|
|
|
.fa-play-circle-o:before { content: ""; }
|
|
|
|
.fa-rotate-right:before, .fa-repeat:before { content: ""; }
|
|
|
|
.fa-refresh:before { content: ""; }
|
|
|
|
.fa-list-alt:before { content: ""; }
|
|
|
|
.fa-lock:before { content: ""; }
|
|
|
|
.fa-flag:before { content: ""; }
|
|
|
|
.fa-headphones:before { content: ""; }
|
|
|
|
.fa-volume-off:before { content: ""; }
|
|
|
|
.fa-volume-down:before { content: ""; }
|
|
|
|
.fa-volume-up:before { content: ""; }
|
|
|
|
.fa-qrcode:before { content: ""; }
|
|
|
|
.fa-barcode:before { content: ""; }
|
|
|
|
.fa-tag:before { content: ""; }
|
|
|
|
.fa-tags:before { content: ""; }
|
|
|
|
.fa-book:before { content: ""; }
|
|
|
|
.fa-bookmark:before { content: ""; }
|
|
|
|
.fa-print:before { content: ""; }
|
|
|
|
.fa-camera:before { content: ""; }
|
|
|
|
.fa-font:before { content: ""; }
|
|
|
|
.fa-bold:before { content: ""; }
|
|
|
|
.fa-italic:before { content: ""; }
|
|
|
|
.fa-text-height:before { content: ""; }
|
|
|
|
.fa-text-width:before { content: ""; }
|
|
|
|
.fa-align-left:before { content: ""; }
|
|
|
|
.fa-align-center:before { content: ""; }
|
|
|
|
.fa-align-right:before { content: ""; }
|
|
|
|
.fa-align-justify:before { content: ""; }
|
|
|
|
.fa-list:before { content: ""; }
|
|
|
|
.fa-dedent:before, .fa-outdent:before { content: ""; }
|
|
|
|
.fa-indent:before { content: ""; }
|
|
|
|
.fa-video-camera:before { content: ""; }
|
|
|
|
.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }
|
|
|
|
.fa-pencil:before { content: ""; }
|
|
|
|
.fa-map-marker:before { content: ""; }
|
|
|
|
.fa-adjust:before { content: ""; }
|
|
|
|
.fa-tint:before { content: ""; }
|
|
|
|
.fa-edit:before, .fa-pencil-square-o:before { content: ""; }
|
|
|
|
.fa-share-square-o:before { content: ""; }
|
|
|
|
.fa-check-square-o:before { content: ""; }
|
|
|
|
.fa-arrows:before { content: ""; }
|
|
|
|
.fa-step-backward:before { content: ""; }
|
|
|
|
.fa-fast-backward:before { content: ""; }
|
|
|
|
.fa-backward:before { content: ""; }
|
|
|
|
.fa-play:before { content: ""; }
|
|
|
|
.fa-pause:before { content: ""; }
|
|
|
|
.fa-stop:before { content: ""; }
|
|
|
|
.fa-forward:before { content: ""; }
|
|
|
|
.fa-fast-forward:before { content: ""; }
|
|
|
|
.fa-step-forward:before { content: ""; }
|
|
|
|
.fa-eject:before { content: ""; }
|
|
|
|
.fa-chevron-left:before { content: ""; }
|
|
|
|
.fa-chevron-right:before { content: ""; }
|
|
|
|
.fa-plus-circle:before { content: ""; }
|
|
|
|
.fa-minus-circle:before { content: ""; }
|
|
|
|
.fa-times-circle:before { content: ""; }
|
|
|
|
.fa-check-circle:before { content: ""; }
|
|
|
|
.fa-question-circle:before { content: ""; }
|
|
|
|
.fa-info-circle:before { content: ""; }
|
|
|
|
.fa-crosshairs:before { content: ""; }
|
|
|
|
.fa-times-circle-o:before { content: ""; }
|
|
|
|
.fa-check-circle-o:before { content: ""; }
|
|
|
|
.fa-ban:before { content: ""; }
|
|
|
|
.fa-arrow-left:before { content: ""; }
|
|
|
|
.fa-arrow-right:before { content: ""; }
|
|
|
|
.fa-arrow-up:before { content: ""; }
|
|
|
|
.fa-arrow-down:before { content: ""; }
|
|
|
|
.fa-mail-forward:before, .fa-share:before { content: ""; }
|
|
|
|
.fa-expand:before { content: ""; }
|
|
|
|
.fa-compress:before { content: ""; }
|
|
|
|
.fa-plus:before { content: ""; }
|
|
|
|
.fa-minus:before { content: ""; }
|
|
|
|
.fa-asterisk:before { content: ""; }
|
|
|
|
.fa-exclamation-circle:before { content: ""; }
|
|
|
|
.fa-gift:before { content: ""; }
|
|
|
|
.fa-leaf:before { content: ""; }
|
|
|
|
.fa-fire:before { content: ""; }
|
|
|
|
.fa-eye:before { content: ""; }
|
|
|
|
.fa-eye-slash:before { content: ""; }
|
|
|
|
.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }
|
|
|
|
.fa-plane:before { content: ""; }
|
|
|
|
.fa-calendar:before { content: ""; }
|
|
|
|
.fa-random:before { content: ""; }
|
|
|
|
.fa-comment:before { content: ""; }
|
|
|
|
.fa-magnet:before { content: ""; }
|
|
|
|
.fa-chevron-up:before { content: ""; }
|
|
|
|
.fa-chevron-down:before { content: ""; }
|
|
|
|
.fa-retweet:before { content: ""; }
|
|
|
|
.fa-shopping-cart:before { content: ""; }
|
|
|
|
.fa-folder:before { content: ""; }
|
|
|
|
.fa-folder-open:before { content: ""; }
|
|
|
|
.fa-arrows-v:before { content: ""; }
|
|
|
|
.fa-arrows-h:before { content: ""; }
|
|
|
|
.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }
|
|
|
|
.fa-twitter-square:before { content: ""; }
|
|
|
|
.fa-facebook-square:before { content: ""; }
|
|
|
|
.fa-camera-retro:before { content: ""; }
|
|
|
|
.fa-key:before { content: ""; }
|
|
|
|
.fa-gears:before, .fa-cogs:before { content: ""; }
|
|
|
|
.fa-comments:before { content: ""; }
|
|
|
|
.fa-thumbs-o-up:before { content: ""; }
|
|
|
|
.fa-thumbs-o-down:before { content: ""; }
|
|
|
|
.fa-star-half:before { content: ""; }
|
|
|
|
.fa-heart-o:before { content: ""; }
|
|
|
|
.fa-sign-out:before { content: ""; }
|
|
|
|
.fa-linkedin-square:before { content: ""; }
|
|
|
|
.fa-thumb-tack:before { content: ""; }
|
|
|
|
.fa-external-link:before { content: ""; }
|
|
|
|
.fa-sign-in:before { content: ""; }
|
|
|
|
.fa-trophy:before { content: ""; }
|
|
|
|
.fa-github-square:before { content: ""; }
|
|
|
|
.fa-upload:before { content: ""; }
|
|
|
|
.fa-lemon-o:before { content: ""; }
|
|
|
|
.fa-phone:before { content: ""; }
|
|
|
|
.fa-square-o:before { content: ""; }
|
|
|
|
.fa-bookmark-o:before { content: ""; }
|
|
|
|
.fa-phone-square:before { content: ""; }
|
|
|
|
.fa-twitter:before { content: ""; }
|
|
|
|
.fa-facebook-f:before, .fa-facebook:before { content: ""; }
|
|
|
|
.fa-github:before { content: ""; }
|
|
|
|
.fa-unlock:before { content: ""; }
|
|
|
|
.fa-credit-card:before { content: ""; }
|
|
|
|
.fa-feed:before, .fa-rss:before { content: ""; }
|
|
|
|
.fa-hdd-o:before { content: ""; }
|
|
|
|
.fa-bullhorn:before { content: ""; }
|
|
|
|
.fa-bell:before { content: ""; }
|
|
|
|
.fa-certificate:before { content: ""; }
|
|
|
|
.fa-hand-o-right:before { content: ""; }
|
|
|
|
.fa-hand-o-left:before { content: ""; }
|
|
|
|
.fa-hand-o-up:before { content: ""; }
|
|
|
|
.fa-hand-o-down:before { content: ""; }
|
|
|
|
.fa-arrow-circle-left:before { content: ""; }
|
|
|
|
.fa-arrow-circle-right:before { content: ""; }
|
|
|
|
.fa-arrow-circle-up:before { content: ""; }
|
|
|
|
.fa-arrow-circle-down:before { content: ""; }
|
|
|
|
.fa-globe:before { content: ""; }
|
|
|
|
.fa-wrench:before { content: ""; }
|
|
|
|
.fa-tasks:before { content: ""; }
|
|
|
|
.fa-filter:before { content: ""; }
|
|
|
|
.fa-briefcase:before { content: ""; }
|
|
|
|
.fa-arrows-alt:before { content: ""; }
|
|
|
|
.fa-group:before, .fa-users:before { content: ""; }
|
|
|
|
.fa-chain:before, .fa-link:before { content: ""; }
|
|
|
|
.fa-cloud:before { content: ""; }
|
|
|
|
.fa-flask:before { content: ""; }
|
|
|
|
.fa-cut:before, .fa-scissors:before { content: ""; }
|
|
|
|
.fa-copy:before, .fa-files-o:before { content: ""; }
|
|
|
|
.fa-paperclip:before { content: ""; }
|
|
|
|
.fa-save:before, .fa-floppy-o:before { content: ""; }
|
|
|
|
.fa-square:before { content: ""; }
|
|
|
|
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }
|
|
|
|
.fa-list-ul:before { content: ""; }
|
|
|
|
.fa-list-ol:before { content: ""; }
|
|
|
|
.fa-strikethrough:before { content: ""; }
|
|
|
|
.fa-underline:before { content: ""; }
|
|
|
|
.fa-table:before { content: ""; }
|
|
|
|
.fa-magic:before { content: ""; }
|
|
|
|
.fa-truck:before { content: ""; }
|
|
|
|
.fa-pinterest:before { content: ""; }
|
|
|
|
.fa-pinterest-square:before { content: ""; }
|
|
|
|
.fa-google-plus-square:before { content: ""; }
|
|
|
|
.fa-google-plus:before { content: ""; }
|
|
|
|
.fa-money:before { content: ""; }
|
|
|
|
.fa-caret-down:before { content: ""; }
|
|
|
|
.fa-caret-up:before { content: ""; }
|
|
|
|
.fa-caret-left:before { content: ""; }
|
|
|
|
.fa-caret-right:before { content: ""; }
|
|
|
|
.fa-columns:before { content: ""; }
|
|
|
|
.fa-unsorted:before, .fa-sort:before { content: ""; }
|
|
|
|
.fa-sort-down:before, .fa-sort-desc:before { content: ""; }
|
|
|
|
.fa-sort-up:before, .fa-sort-asc:before { content: ""; }
|
|
|
|
.fa-envelope:before { content: ""; }
|
|
|
|
.fa-linkedin:before { content: ""; }
|
|
|
|
.fa-rotate-left:before, .fa-undo:before { content: ""; }
|
|
|
|
.fa-legal:before, .fa-gavel:before { content: ""; }
|
|
|
|
.fa-dashboard:before, .fa-tachometer:before { content: ""; }
|
|
|
|
.fa-comment-o:before { content: ""; }
|
|
|
|
.fa-comments-o:before { content: ""; }
|
|
|
|
.fa-flash:before, .fa-bolt:before { content: ""; }
|
|
|
|
.fa-sitemap:before { content: ""; }
|
|
|
|
.fa-umbrella:before { content: ""; }
|
|
|
|
.fa-paste:before, .fa-clipboard:before { content: ""; }
|
|
|
|
.fa-lightbulb-o:before { content: ""; }
|
|
|
|
.fa-exchange:before { content: ""; }
|
|
|
|
.fa-cloud-download:before { content: ""; }
|
|
|
|
.fa-cloud-upload:before { content: ""; }
|
|
|
|
.fa-user-md:before { content: ""; }
|
|
|
|
.fa-stethoscope:before { content: ""; }
|
|
|
|
.fa-suitcase:before { content: ""; }
|
|
|
|
.fa-bell-o:before { content: ""; }
|
|
|
|
.fa-coffee:before { content: ""; }
|
|
|
|
.fa-cutlery:before { content: ""; }
|
|
|
|
.fa-file-text-o:before { content: ""; }
|
|
|
|
.fa-building-o:before { content: ""; }
|
|
|
|
.fa-hospital-o:before { content: ""; }
|
|
|
|
.fa-ambulance:before { content: ""; }
|
|
|
|
.fa-medkit:before { content: ""; }
|
|
|
|
.fa-fighter-jet:before { content: ""; }
|
|
|
|
.fa-beer:before { content: ""; }
|
|
|
|
.fa-h-square:before { content: ""; }
|
|
|
|
.fa-plus-square:before { content: ""; }
|
|
|
|
.fa-angle-double-left:before { content: ""; }
|
|
|
|
.fa-angle-double-right:before { content: ""; }
|
|
|
|
.fa-angle-double-up:before { content: ""; }
|
|
|
|
.fa-angle-double-down:before { content: ""; }
|
|
|
|
.fa-angle-left:before { content: ""; }
|
|
|
|
.fa-angle-right:before { content: ""; }
|
|
|
|
.fa-angle-up:before { content: ""; }
|
|
|
|
.fa-angle-down:before { content: ""; }
|
|
|
|
.fa-desktop:before { content: ""; }
|
|
|
|
.fa-laptop:before { content: ""; }
|
|
|
|
.fa-tablet:before { content: ""; }
|
|
|
|
.fa-mobile-phone:before, .fa-mobile:before { content: ""; }
|
|
|
|
.fa-circle-o:before { content: ""; }
|
|
|
|
.fa-quote-left:before { content: ""; }
|
|
|
|
.fa-quote-right:before { content: ""; }
|
|
|
|
.fa-spinner:before { content: ""; }
|
|
|
|
.fa-circle:before { content: ""; }
|
|
|
|
.fa-mail-reply:before, .fa-reply:before { content: ""; }
|
|
|
|
.fa-github-alt:before { content: ""; }
|
|
|
|
.fa-folder-o:before { content: ""; }
|
|
|
|
.fa-folder-open-o:before { content: ""; }
|
|
|
|
.fa-smile-o:before { content: ""; }
|
|
|
|
.fa-frown-o:before { content: ""; }
|
|
|
|
.fa-meh-o:before { content: ""; }
|
|
|
|
.fa-gamepad:before { content: ""; }
|
|
|
|
.fa-keyboard-o:before { content: ""; }
|
|
|
|
.fa-flag-o:before { content: ""; }
|
|
|
|
.fa-flag-checkered:before { content: ""; }
|
|
|
|
.fa-terminal:before { content: ""; }
|
|
|
|
.fa-code:before { content: ""; }
|
|
|
|
.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }
|
|
|
|
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }
|
|
|
|
.fa-location-arrow:before { content: ""; }
|
|
|
|
.fa-crop:before { content: ""; }
|
|
|
|
.fa-code-fork:before { content: ""; }
|
|
|
|
.fa-unlink:before, .fa-chain-broken:before { content: ""; }
|
|
|
|
.fa-question:before { content: ""; }
|
|
|
|
.fa-info:before { content: ""; }
|
|
|
|
.fa-exclamation:before { content: ""; }
|
|
|
|
.fa-superscript:before { content: ""; }
|
|
|
|
.fa-subscript:before { content: ""; }
|
|
|
|
.fa-eraser:before { content: ""; }
|
|
|
|
.fa-puzzle-piece:before { content: ""; }
|
|
|
|
.fa-microphone:before { content: ""; }
|
|
|
|
.fa-microphone-slash:before { content: ""; }
|
|
|
|
.fa-shield:before { content: ""; }
|
|
|
|
.fa-calendar-o:before { content: ""; }
|
|
|
|
.fa-fire-extinguisher:before { content: ""; }
|
|
|
|
.fa-rocket:before { content: ""; }
|
|
|
|
.fa-maxcdn:before { content: ""; }
|
|
|
|
.fa-chevron-circle-left:before { content: ""; }
|
|
|
|
.fa-chevron-circle-right:before { content: ""; }
|
|
|
|
.fa-chevron-circle-up:before { content: ""; }
|
|
|
|
.fa-chevron-circle-down:before { content: ""; }
|
|
|
|
.fa-html5:before { content: ""; }
|
|
|
|
.fa-css3:before { content: ""; }
|
|
|
|
.fa-anchor:before { content: ""; }
|
|
|
|
.fa-unlock-alt:before { content: ""; }
|
|
|
|
.fa-bullseye:before { content: ""; }
|
|
|
|
.fa-ellipsis-h:before { content: ""; }
|
|
|
|
.fa-ellipsis-v:before { content: ""; }
|
|
|
|
.fa-rss-square:before { content: ""; }
|
|
|
|
.fa-play-circle:before { content: ""; }
|
|
|
|
.fa-ticket:before { content: ""; }
|
|
|
|
.fa-minus-square:before { content: ""; }
|
|
|
|
.fa-minus-square-o:before, .toctree > ul .toc.current > a .fa-plus-square-o:before { content: ""; }
|
|
|
|
.fa-level-up:before { content: ""; }
|
|
|
|
.fa-level-down:before { content: ""; }
|
|
|
|
.fa-check-square:before { content: ""; }
|
|
|
|
.fa-pencil-square:before { content: ""; }
|
|
|
|
.fa-external-link-square:before { content: ""; }
|
|
|
|
.fa-share-square:before { content: ""; }
|
|
|
|
.fa-compass:before { content: ""; }
|
|
|
|
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }
|
|
|
|
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }
|
|
|
|
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }
|
|
|
|
.fa-euro:before, .fa-eur:before { content: ""; }
|
|
|
|
.fa-gbp:before { content: ""; }
|
|
|
|
.fa-dollar:before, .fa-usd:before { content: ""; }
|
|
|
|
.fa-rupee:before, .fa-inr:before { content: ""; }
|
|
|
|
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }
|
|
|
|
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }
|
|
|
|
.fa-won:before, .fa-krw:before { content: ""; }
|
|
|
|
.fa-bitcoin:before, .fa-btc:before { content: ""; }
|
|
|
|
.fa-file:before { content: ""; }
|
|
|
|
.fa-file-text:before { content: ""; }
|
|
|
|
.fa-sort-alpha-asc:before { content: ""; }
|
|
|
|
.fa-sort-alpha-desc:before { content: ""; }
|
|
|
|
.fa-sort-amount-asc:before { content: ""; }
|
|
|
|
.fa-sort-amount-desc:before { content: ""; }
|
|
|
|
.fa-sort-numeric-asc:before { content: ""; }
|
|
|
|
.fa-sort-numeric-desc:before { content: ""; }
|
|
|
|
.fa-thumbs-up:before { content: ""; }
|
|
|
|
.fa-thumbs-down:before { content: ""; }
|
|
|
|
.fa-youtube-square:before { content: ""; }
|
|
|
|
.fa-youtube:before { content: ""; }
|
|
|
|
.fa-xing:before { content: ""; }
|
|
|
|
.fa-xing-square:before { content: ""; }
|
|
|
|
.fa-youtube-play:before { content: ""; }
|
|
|
|
.fa-dropbox:before { content: ""; }
|
|
|
|
.fa-stack-overflow:before { content: ""; }
|
|
|
|
.fa-instagram:before { content: ""; }
|
|
|
|
.fa-flickr:before { content: ""; }
|
|
|
|
.fa-adn:before { content: ""; }
|
|
|
|
.fa-bitbucket:before { content: ""; }
|
|
|
|
.fa-bitbucket-square:before { content: ""; }
|
|
|
|
.fa-tumblr:before { content: ""; }
|
|
|
|
.fa-tumblr-square:before { content: ""; }
|
|
|
|
.fa-long-arrow-down:before { content: ""; }
|
|
|
|
.fa-long-arrow-up:before { content: ""; }
|
|
|
|
.fa-long-arrow-left:before { content: ""; }
|
|
|
|
.fa-long-arrow-right:before { content: ""; }
|
|
|
|
.fa-apple:before { content: ""; }
|
|
|
|
.fa-windows:before { content: ""; }
|
|
|
|
.fa-android:before { content: ""; }
|
|
|
|
.fa-linux:before { content: ""; }
|
|
|
|
.fa-dribbble:before { content: ""; }
|
|
|
|
.fa-skype:before { content: ""; }
|
|
|
|
.fa-foursquare:before { content: ""; }
|
|
|
|
.fa-trello:before { content: ""; }
|
|
|
|
.fa-female:before { content: ""; }
|
|
|
|
.fa-male:before { content: ""; }
|
|
|
|
.fa-gittip:before, .fa-gratipay:before { content: ""; }
|
|
|
|
.fa-sun-o:before { content: ""; }
|
|
|
|
.fa-moon-o:before { content: ""; }
|
|
|
|
.fa-archive:before { content: ""; }
|
|
|
|
.fa-bug:before { content: ""; }
|
|
|
|
.fa-vk:before { content: ""; }
|
|
|
|
.fa-weibo:before { content: ""; }
|
|
|
|
.fa-renren:before { content: ""; }
|
|
|
|
.fa-pagelines:before { content: ""; }
|
|
|
|
.fa-stack-exchange:before { content: ""; }
|
|
|
|
.fa-arrow-circle-o-right:before { content: ""; }
|
|
|
|
.fa-arrow-circle-o-left:before { content: ""; }
|
|
|
|
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }
|
|
|
|
.fa-dot-circle-o:before { content: ""; }
|
|
|
|
.fa-wheelchair:before { content: ""; }
|
|
|
|
.fa-vimeo-square:before { content: ""; }
|
|
|
|
.fa-turkish-lira:before, .fa-try:before { content: ""; }
|
|
|
|
.fa-plus-square-o:before { content: ""; }
|
|
|
|
.fa-space-shuttle:before { content: ""; }
|
|
|
|
.fa-slack:before { content: ""; }
|
|
|
|
.fa-envelope-square:before { content: ""; }
|
|
|
|
.fa-wordpress:before { content: ""; }
|
|
|
|
.fa-openid:before { content: ""; }
|
|
|
|
.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }
|
|
|
|
.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }
|
|
|
|
.fa-yahoo:before { content: ""; }
|
|
|
|
.fa-google:before { content: ""; }
|
|
|
|
.fa-reddit:before { content: ""; }
|
|
|
|
.fa-reddit-square:before { content: ""; }
|
|
|
|
.fa-stumbleupon-circle:before { content: ""; }
|
|
|
|
.fa-stumbleupon:before { content: ""; }
|
|
|
|
.fa-delicious:before { content: ""; }
|
|
|
|
.fa-digg:before { content: ""; }
|
|
|
|
.fa-pied-piper-pp:before { content: ""; }
|
|
|
|
.fa-pied-piper-alt:before { content: ""; }
|
|
|
|
.fa-drupal:before { content: ""; }
|
|
|
|
.fa-joomla:before { content: ""; }
|
|
|
|
.fa-language:before { content: ""; }
|
|
|
|
.fa-fax:before { content: ""; }
|
|
|
|
.fa-building:before { content: ""; }
|
|
|
|
.fa-child:before { content: ""; }
|
|
|
|
.fa-paw:before { content: ""; }
|
|
|
|
.fa-spoon:before { content: ""; }
|
|
|
|
.fa-cube:before { content: ""; }
|
|
|
|
.fa-cubes:before { content: ""; }
|
|
|
|
.fa-behance:before { content: ""; }
|
|
|
|
.fa-behance-square:before { content: ""; }
|
|
|
|
.fa-steam:before { content: ""; }
|
|
|
|
.fa-steam-square:before { content: ""; }
|
|
|
|
.fa-recycle:before { content: ""; }
|
|
|
|
.fa-automobile:before, .fa-car:before { content: ""; }
|
|
|
|
.fa-cab:before, .fa-taxi:before { content: ""; }
|
|
|
|
.fa-tree:before { content: ""; }
|
|
|
|
.fa-spotify:before { content: ""; }
|
|
|
|
.fa-deviantart:before { content: ""; }
|
|
|
|
.fa-soundcloud:before { content: ""; }
|
|
|
|
.fa-database:before { content: ""; }
|
|
|
|
.fa-file-pdf-o:before { content: ""; }
|
|
|
|
.fa-file-word-o:before { content: ""; }
|
|
|
|
.fa-file-excel-o:before { content: ""; }
|
|
|
|
.fa-file-powerpoint-o:before { content: ""; }
|
|
|
|
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }
|
|
|
|
.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }
|
|
|
|
.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }
|
|
|
|
.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }
|
|
|
|
.fa-file-code-o:before { content: ""; }
|
|
|
|
.fa-vine:before { content: ""; }
|
|
|
|
.fa-codepen:before { content: ""; }
|
|
|
|
.fa-jsfiddle:before { content: ""; }
|
|
|
|
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }
|
|
|
|
.fa-circle-o-notch:before { content: ""; }
|
|
|
|
.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }
|
|
|
|
.fa-ge:before, .fa-empire:before { content: ""; }
|
|
|
|
.fa-git-square:before { content: ""; }
|
|
|
|
.fa-git:before { content: ""; }
|
|
|
|
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }
|
|
|
|
.fa-tencent-weibo:before { content: ""; }
|
|
|
|
.fa-qq:before { content: ""; }
|
|
|
|
.fa-wechat:before, .fa-weixin:before { content: ""; }
|
|
|
|
.fa-send:before, .fa-paper-plane:before { content: ""; }
|
|
|
|
.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }
|
|
|
|
.fa-history:before { content: ""; }
|
|
|
|
.fa-circle-thin:before { content: ""; }
|
|
|
|
.fa-header:before { content: ""; }
|
|
|
|
.fa-paragraph:before { content: ""; }
|
|
|
|
.fa-sliders:before { content: ""; }
|
|
|
|
.fa-share-alt:before { content: ""; }
|
|
|
|
.fa-share-alt-square:before { content: ""; }
|
|
|
|
.fa-bomb:before { content: ""; }
|
|
|
|
.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }
|
|
|
|
.fa-tty:before { content: ""; }
|
|
|
|
.fa-binoculars:before { content: ""; }
|
|
|
|
.fa-plug:before { content: ""; }
|
|
|
|
.fa-slideshare:before { content: ""; }
|
|
|
|
.fa-twitch:before { content: ""; }
|
|
|
|
.fa-yelp:before { content: ""; }
|
|
|
|
.fa-newspaper-o:before { content: ""; }
|
|
|
|
.fa-wifi:before { content: ""; }
|
|
|
|
.fa-calculator:before { content: ""; }
|
|
|
|
.fa-paypal:before { content: ""; }
|
|
|
|
.fa-google-wallet:before { content: ""; }
|
|
|
|
.fa-cc-visa:before { content: ""; }
|
|
|
|
.fa-cc-mastercard:before { content: ""; }
|
|
|
|
.fa-cc-discover:before { content: ""; }
|
|
|
|
.fa-cc-amex:before { content: ""; }
|
|
|
|
.fa-cc-paypal:before { content: ""; }
|
|
|
|
.fa-cc-stripe:before { content: ""; }
|
|
|
|
.fa-bell-slash:before { content: ""; }
|
|
|
|
.fa-bell-slash-o:before { content: ""; }
|
|
|
|
.fa-trash:before { content: ""; }
|
|
|
|
.fa-copyright:before { content: ""; }
|
|
|
|
.fa-at:before { content: ""; }
|
|
|
|
.fa-eyedropper:before { content: ""; }
|
|
|
|
.fa-paint-brush:before { content: ""; }
|
|
|
|
.fa-birthday-cake:before { content: ""; }
|
|
|
|
.fa-area-chart:before { content: ""; }
|
|
|
|
.fa-pie-chart:before { content: ""; }
|
|
|
|
.fa-line-chart:before { content: ""; }
|
|
|
|
.fa-lastfm:before { content: ""; }
|
|
|
|
.fa-lastfm-square:before { content: ""; }
|
|
|
|
.fa-toggle-off:before { content: ""; }
|
|
|
|
.fa-toggle-on:before { content: ""; }
|
|
|
|
.fa-bicycle:before { content: ""; }
|
|
|
|
.fa-bus:before { content: ""; }
|
|
|
|
.fa-ioxhost:before { content: ""; }
|
|
|
|
.fa-angellist:before { content: ""; }
|
|
|
|
.fa-cc:before { content: ""; }
|
|
|
|
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }
|
|
|
|
.fa-meanpath:before { content: ""; }
|
|
|
|
.fa-buysellads:before { content: ""; }
|
|
|
|
.fa-connectdevelop:before { content: ""; }
|
|
|
|
.fa-dashcube:before { content: ""; }
|
|
|
|
.fa-forumbee:before { content: ""; }
|
|
|
|
.fa-leanpub:before { content: ""; }
|
|
|
|
.fa-sellsy:before { content: ""; }
|
|
|
|
.fa-shirtsinbulk:before { content: ""; }
|
|
|
|
.fa-simplybuilt:before { content: ""; }
|
|
|
|
.fa-skyatlas:before { content: ""; }
|
|
|
|
.fa-cart-plus:before { content: ""; }
|
|
|
|
.fa-cart-arrow-down:before { content: ""; }
|
|
|
|
.fa-diamond:before { content: ""; }
|
|
|
|
.fa-ship:before { content: ""; }
|
|
|
|
.fa-user-secret:before { content: ""; }
|
|
|
|
.fa-motorcycle:before { content: ""; }
|
|
|
|
.fa-street-view:before { content: ""; }
|
|
|
|
.fa-heartbeat:before { content: ""; }
|
|
|
|
.fa-venus:before { content: ""; }
|
|
|
|
.fa-mars:before { content: ""; }
|
|
|
|
.fa-mercury:before { content: ""; }
|
|
|
|
.fa-intersex:before, .fa-transgender:before { content: ""; }
|
|
|
|
.fa-transgender-alt:before { content: ""; }
|
|
|
|
.fa-venus-double:before { content: ""; }
|
|
|
|
.fa-mars-double:before { content: ""; }
|
|
|
|
.fa-venus-mars:before { content: ""; }
|
|
|
|
.fa-mars-stroke:before { content: ""; }
|
|
|
|
.fa-mars-stroke-v:before { content: ""; }
|
|
|
|
.fa-mars-stroke-h:before { content: ""; }
|
|
|
|
.fa-neuter:before { content: ""; }
|
|
|
|
.fa-genderless:before { content: ""; }
|
|
|
|
.fa-facebook-official:before { content: ""; }
|
|
|
|
.fa-pinterest-p:before { content: ""; }
|
|
|
|
.fa-whatsapp:before { content: ""; }
|
|
|
|
.fa-server:before { content: ""; }
|
|
|
|
.fa-user-plus:before { content: ""; }
|
|
|
|
.fa-user-times:before { content: ""; }
|
|
|
|
.fa-hotel:before, .fa-bed:before { content: ""; }
|
|
|
|
.fa-viacoin:before { content: ""; }
|
|
|
|
.fa-train:before { content: ""; }
|
|
|
|
.fa-subway:before { content: ""; }
|
|
|
|
.fa-medium:before { content: ""; }
|
|
|
|
.fa-yc:before, .fa-y-combinator:before { content: ""; }
|
|
|
|
.fa-optin-monster:before { content: ""; }
|
|
|
|
.fa-opencart:before { content: ""; }
|
|
|
|
.fa-expeditedssl:before { content: ""; }
|
|
|
|
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }
|
|
|
|
.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }
|
|
|
|
.fa-battery-2:before, .fa-battery-half:before { content: ""; }
|
|
|
|
.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }
|
|
|
|
.fa-battery-0:before, .fa-battery-empty:before { content: ""; }
|
|
|
|
.fa-mouse-pointer:before { content: ""; }
|
|
|
|
.fa-i-cursor:before { content: ""; }
|
|
|
|
.fa-object-group:before { content: ""; }
|
|
|
|
.fa-object-ungroup:before { content: ""; }
|
|
|
|
.fa-sticky-note:before { content: ""; }
|
|
|
|
.fa-sticky-note-o:before { content: ""; }
|
|
|
|
.fa-cc-jcb:before { content: ""; }
|
|
|
|
.fa-cc-diners-club:before { content: ""; }
|
|
|
|
.fa-clone:before { content: ""; }
|
|
|
|
.fa-balance-scale:before { content: ""; }
|
|
|
|
.fa-hourglass-o:before { content: ""; }
|
|
|
|
.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }
|
|
|
|
.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }
|
|
|
|
.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }
|
|
|
|
.fa-hourglass:before { content: ""; }
|
|
|
|
.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }
|
|
|
|
.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }
|
|
|
|
.fa-hand-scissors-o:before { content: ""; }
|
|
|
|
.fa-hand-lizard-o:before { content: ""; }
|
|
|
|
.fa-hand-spock-o:before { content: ""; }
|
|
|
|
.fa-hand-pointer-o:before { content: ""; }
|
|
|
|
.fa-hand-peace-o:before { content: ""; }
|
|
|
|
.fa-trademark:before { content: ""; }
|
|
|
|
.fa-registered:before { content: ""; }
|
|
|
|
.fa-creative-commons:before { content: ""; }
|
|
|
|
.fa-gg:before { content: ""; }
|
|
|
|
.fa-gg-circle:before { content: ""; }
|
|
|
|
.fa-tripadvisor:before { content: ""; }
|
|
|
|
.fa-odnoklassniki:before { content: ""; }
|
|
|
|
.fa-odnoklassniki-square:before { content: ""; }
|
|
|
|
.fa-get-pocket:before { content: ""; }
|
|
|
|
.fa-wikipedia-w:before { content: ""; }
|
|
|
|
.fa-safari:before { content: ""; }
|
|
|
|
.fa-chrome:before { content: ""; }
|
|
|
|
.fa-firefox:before { content: ""; }
|
|
|
|
.fa-opera:before { content: ""; }
|
|
|
|
.fa-internet-explorer:before { content: ""; }
|
|
|
|
.fa-tv:before, .fa-television:before { content: ""; }
|
|
|
|
.fa-contao:before { content: ""; }
|
|
|
|
.fa-500px:before { content: ""; }
|
|
|
|
.fa-amazon:before { content: ""; }
|
|
|
|
.fa-calendar-plus-o:before { content: ""; }
|
|
|
|
.fa-calendar-minus-o:before { content: ""; }
|
|
|
|
.fa-calendar-times-o:before { content: ""; }
|
|
|
|
.fa-calendar-check-o:before { content: ""; }
|
|
|
|
.fa-industry:before { content: ""; }
|
|
|
|
.fa-map-pin:before { content: ""; }
|
|
|
|
.fa-map-signs:before { content: ""; }
|
|
|
|
.fa-map-o:before { content: ""; }
|
|
|
|
.fa-map:before { content: ""; }
|
|
|
|
.fa-commenting:before { content: ""; }
|
|
|
|
.fa-commenting-o:before { content: ""; }
|
|
|
|
.fa-houzz:before { content: ""; }
|
|
|
|
.fa-vimeo:before { content: ""; }
|
|
|
|
.fa-black-tie:before { content: ""; }
|
|
|
|
.fa-fonticons:before { content: ""; }
|
|
|
|
.fa-reddit-alien:before { content: ""; }
|
|
|
|
.fa-edge:before { content: ""; }
|
|
|
|
.fa-credit-card-alt:before { content: ""; }
|
|
|
|
.fa-codiepie:before { content: ""; }
|
|
|
|
.fa-modx:before { content: ""; }
|
|
|
|
.fa-fort-awesome:before { content: ""; }
|
|
|
|
.fa-usb:before { content: ""; }
|
|
|
|
.fa-product-hunt:before { content: ""; }
|
|
|
|
.fa-mixcloud:before { content: ""; }
|
|
|
|
.fa-scribd:before { content: ""; }
|
|
|
|
.fa-pause-circle:before { content: ""; }
|
|
|
|
.fa-pause-circle-o:before { content: ""; }
|
|
|
|
.fa-stop-circle:before { content: ""; }
|
|
|
|
.fa-stop-circle-o:before { content: ""; }
|
|
|
|
.fa-shopping-bag:before { content: ""; }
|
|
|
|
.fa-shopping-basket:before { content: ""; }
|
|
|
|
.fa-hashtag:before { content: ""; }
|
|
|
|
.fa-bluetooth:before { content: ""; }
|
|
|
|
.fa-bluetooth-b:before { content: ""; }
|
|
|
|
.fa-percent:before { content: ""; }
|
|
|
|
.fa-gitlab:before { content: ""; }
|
|
|
|
.fa-wpbeginner:before { content: ""; }
|
|
|
|
.fa-wpforms:before { content: ""; }
|
|
|
|
.fa-envira:before { content: ""; }
|
|
|
|
.fa-universal-access:before { content: ""; }
|
|
|
|
.fa-wheelchair-alt:before { content: ""; }
|
|
|
|
.fa-question-circle-o:before { content: ""; }
|
|
|
|
.fa-blind:before { content: ""; }
|
|
|
|
.fa-audio-description:before { content: ""; }
|
|
|
|
.fa-volume-control-phone:before { content: ""; }
|
|
|
|
.fa-braille:before { content: ""; }
|
|
|
|
.fa-assistive-listening-systems:before { content: ""; }
|
|
|
|
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }
|
|
|
|
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }
|
|
|
|
.fa-glide:before { content: ""; }
|
|
|
|
.fa-glide-g:before { content: ""; }
|
|
|
|
.fa-signing:before, .fa-sign-language:before { content: ""; }
|
|
|
|
.fa-low-vision:before { content: ""; }
|
|
|
|
.fa-viadeo:before { content: ""; }
|
|
|
|
.fa-viadeo-square:before { content: ""; }
|
|
|
|
.fa-snapchat:before { content: ""; }
|
|
|
|
.fa-snapchat-ghost:before { content: ""; }
|
|
|
|
.fa-snapchat-square:before { content: ""; }
|
|
|
|
.fa-pied-piper:before { content: ""; }
|
|
|
|
.fa-first-order:before { content: ""; }
|
|
|
|
.fa-yoast:before { content: ""; }
|
|
|
|
.fa-themeisle:before { content: ""; }
|
|
|
|
.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }
|
|
|
|
.fa-fa:before, .fa-font-awesome:before { content: ""; }
|
|
|
|
.fa-handshake-o:before { content: ""; }
|
|
|
|
.fa-envelope-open:before { content: ""; }
|
|
|
|
.fa-envelope-open-o:before { content: ""; }
|
|
|
|
.fa-linode:before { content: ""; }
|
|
|
|
.fa-address-book:before { content: ""; }
|
|
|
|
.fa-address-book-o:before { content: ""; }
|
|
|
|
.fa-vcard:before, .fa-address-card:before { content: ""; }
|
|
|
|
.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }
|
|
|
|
.fa-user-circle:before { content: ""; }
|
|
|
|
.fa-user-circle-o:before { content: ""; }
|
|
|
|
.fa-user-o:before { content: ""; }
|
|
|
|
.fa-id-badge:before { content: ""; }
|
|
|
|
.fa-drivers-license:before, .fa-id-card:before { content: ""; }
|
|
|
|
.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }
|
|
|
|
.fa-quora:before { content: ""; }
|
|
|
|
.fa-free-code-camp:before { content: ""; }
|
|
|
|
.fa-telegram:before { content: ""; }
|
|
|
|
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }
|
|
|
|
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }
|
|
|
|
.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }
|
|
|
|
.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }
|
|
|
|
.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }
|
|
|
|
.fa-shower:before { content: ""; }
|
|
|
|
.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }
|
|
|
|
.fa-podcast:before { content: ""; }
|
|
|
|
.fa-window-maximize:before { content: ""; }
|
|
|
|
.fa-window-minimize:before { content: ""; }
|
|
|
|
.fa-window-restore:before { content: ""; }
|
|
|
|
.fa-times-rectangle:before, .fa-window-close:before { content: ""; }
|
|
|
|
.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }
|
|
|
|
.fa-bandcamp:before { content: ""; }
|
|
|
|
.fa-grav:before { content: ""; }
|
|
|
|
.fa-etsy:before { content: ""; }
|
|
|
|
.fa-imdb:before { content: ""; }
|
|
|
|
.fa-ravelry:before { content: ""; }
|
|
|
|
.fa-eercast:before { content: ""; }
|
|
|
|
.fa-microchip:before { content: ""; }
|
|
|
|
.fa-snowflake-o:before { content: ""; }
|
|
|
|
.fa-superpowers:before { content: ""; }
|
|
|
|
.fa-wpexplorer:before { content: ""; }
|
|
|
|
.fa-meetup:before { content: ""; }
|
|
|
|
.menu-sm, .sidebar-wrap, .addons-wrap { position: fixed; bottom: 0; left: -85%; width: 85%; max-height: 100%; }
|
|
.menu-sm.shift, .shift.sidebar-wrap, .shift.addons-wrap { left: 0; }
|
|
|
|
.sidebar-wrap { top: 0; }
|
|
.sidebar-wrap .sidebar > :last-child { margin-bottom: 5em; }
|
|
|
|
.content-wrap.shift { position: fixed; top: 0; bottom: 0; left: 85%; min-width: 100%; }
|
|
|
|
@media (min-width: 768px) { .menu-md, .sidebar-wrap, .addons-wrap { left: 0; width: 300px; }
|
|
.sidebar-wrap .sidebar { width: 320px; }
|
|
.sidebar-wrap .sidebar .header, .sidebar-wrap .sidebar .toctree { width: 300px; }
|
|
.content-wrap { margin-left: 300px; }
|
|
.content-wrap.shift { position: relative; left: 0; min-width: 0; } }
|
|
@media (min-width: 1280px) { .content-wrap { max-width: 980px; } }
|
|
.font-body { font-family: "Lato", BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif; font-weight: 400; }
|
|
|
|
.font-head { font-family: "Roboto-Slab", sans-serif; font-weight: 600; }
|
|
|
|
.font-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }
|
|
|
|
.fa { display: inline-block; font: normal normal normal 14px/1 "FontAwesome"; }
|
|
|
|
.breadcrumb-item { margin: 0; }
|
|
.breadcrumb-item::after { padding-right: 3px; padding-left: 3px; }
|
|
|
|
.container { font-weight: 400; color: #3c454e; background: white; }
|
|
|
|
@media (min-width: 1280px) { .container { background: rgba(60, 69, 78, 0.1); } }
|
|
.sidebar { color: white; background: #262c31; }
|
|
.sidebar a { text-decoration: none; }
|
|
.sidebar li { list-style: none; }
|
|
.sidebar .version { color: rgba(255, 255, 255, 0.3); }
|
|
|
|
.toctree a { color: white; padding: 0.5em; }
|
|
.toctree .caption { color: #55a5d9; font-weight: 600; line-height: 32px; }
|
|
.toctree .fa { margin-right: 2px; }
|
|
.toctree > ul > .toc > a { padding-left: 12px; }
|
|
.toctree > ul > .toc:not(.current) > a:hover { background: rgba(255, 255, 255, 0.1); }
|
|
.toctree > ul > .toc:not(.current) > a:active { background: #1b557a; }
|
|
.toctree > ul .toc.current a { color: #404040; }
|
|
.toctree > ul .toc.current a:hover { background: rgba(255, 255, 255, 0.1); }
|
|
.toctree > ul .toc.current a.current { font-weight: bold; background: white; border-top: 1px solid var(--toc-2); border-bottom: 1px solid var(--toc-2); }
|
|
.toctree > ul > .toc.current { background: var(--toc-1); }
|
|
|
|
.toc.level-1.current > a { padding-left: 12px; background: var(--toc-1); }
|
|
.toc.level-1.current > ul { background: var(--toc-2); }
|
|
.toc.level-1.current .level-2 > a { padding-left: 36px; }
|
|
.toc.level-2.current > a { padding-left: 36px; background: var(--toc-2); }
|
|
.toc.level-2.current > ul { background: var(--toc-3); }
|
|
.toc.level-2.current .level-3 > a { padding-left: 60px; }
|
|
.toc.level-3.current > a { padding-left: 60px; background: var(--toc-3); }
|
|
.toc.level-3.current > ul { background: var(--toc-4); }
|
|
.toc.level-3.current .level-4 > a { padding-left: 84px; }
|
|
.toc.level-4.current > a { padding-left: 84px; background: var(--toc-4); }
|
|
.toc.level-4.current > ul { background: var(--toc-5); }
|
|
.toc.level-4.current .level-5 > a { padding-left: 108px; }
|
|
.toc.level-5.current > a { padding-left: 108px; background: var(--toc-5); }
|
|
.toc.level-5.current > ul { background: var(--toc-6); }
|
|
.toc.level-5.current .level-6 > a { padding-left: 132px; }
|
|
.toc.level-6.current > a { padding-left: 132px; background: var(--toc-6); }
|
|
.toc.level-6.current > ul { background: var(--toc-7); }
|
|
.toc.level-6.current .level-7 > a { padding-left: 156px; }
|
|
.toc.level-7.current > a { padding-left: 156px; background: var(--toc-7); }
|
|
.toc.level-7.current > ul { background: var(--toc-8); }
|
|
.toc.level-7.current .level-8 > a { padding-left: 180px; }
|
|
.toc.level-8.current > a { padding-left: 180px; background: var(--toc-8); }
|
|
.toc.level-8.current > ul { background: var(--toc-9); }
|
|
.toc.level-8.current .level-9 > a { padding-left: 204px; }
|
|
.toc.level-9.current > a { padding-left: 204px; background: var(--toc-9); }
|
|
.toc.level-9.current > ul { background: var(--toc-10); }
|
|
.toc.level-9.current .level-10 > a { padding-left: 228px; }
|
|
.toc.level-10.current > a { padding-left: 228px; background: var(--toc-10); }
|
|
.toc.level-10.current > ul { background: var(--toc-11); }
|
|
.toc.level-10.current .level-11 > a { padding-left: 252px; }
|
|
.toc.level-11.current > a { padding-left: 252px; background: var(--toc-11); }
|
|
.toc.level-11.current > ul { background: var(--toc-12); }
|
|
.toc.level-11.current .level-12 > a { padding-left: 276px; }
|
|
|
|
.addons-wrap { background-color: #14171a; }
|
|
.addons-wrap .status { cursor: pointer; background-color: #1b1f23; }
|
|
.addons-wrap .status .branch .fa { color: white; }
|
|
.addons-wrap .status .branch .name { color: #28a745; }
|
|
.addons-wrap .status:active { background: #1b557a; }
|
|
.addons-wrap .addons { color: grey; }
|
|
.addons-wrap .addons dl { margin: 0; }
|
|
.addons-wrap .addons dd { display: inline-block; }
|
|
.addons-wrap .addons dd a { display: inline-block; padding: 6px; color: white; }
|
|
|
|
.content-wrap { font-size: 16px; background: white; }
|
|
|
|
.header { color: white; background: #2980b9; }
|
|
.header input { border-radius: 50px; border: 1px solid #2472a4; font-size: 80%; }
|
|
|
|
.title { font-weight: 600; color: white; }
|
|
.title a { color: white; }
|
|
.title a:hover { background: rgba(255, 255, 255, 0.1); }
|
|
|
|
.markdown-body { font-weight: 400; }
|
|
.markdown-body .d-lang, .markdown-body div.highlighter-rouge, .markdown-body .mermaid-wrap { position: relative; }
|
|
.markdown-body .d-lang:after, .markdown-body div.highlighter-rouge:after, .markdown-body .mermaid-wrap:after { position: absolute; right: 0px; top: 0px; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 12px; content: attr(data-lang); padding: 0 5px; color: #bbc0c5; }
|
|
.markdown-body a { color: #0366d6; }
|
|
.markdown-body a:hover { color: #107ffc; }
|
|
.markdown-body a code, .markdown-body a tt { color: #0366d6; }
|
|
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6, .markdown-body dt { font-family: "Roboto-Slab", sans-serif; }
|
|
.markdown-body table { font-size: 14px; }
|
|
.markdown-body figure { margin: 0; }
|
|
.markdown-body .anchor { float: none; padding-right: 0; margin-left: 3px; margin-right: 3px; }
|
|
.markdown-body code, .markdown-body tt { font-size: 12px; border: 1px #e1e4e8 solid; color: #e74c3c; background-color: #f9fafb; }
|
|
.markdown-body pre > code { color: #3c454e; }
|
|
.markdown-body .highlight pre, .markdown-body pre { font-size: 12px; border: 1px #e1e4e8 solid; background-color: #f6f8fa; }
|
|
.markdown-body .search-results li { list-style: none; }
|
|
.markdown-body .task-list-item-checkbox { margin-right: 3px; }
|
|
.markdown-body .mermaid-wrap { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
.markdown-body .mermaid-wrap .mermaid { font-size: 12px; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; white-space: pre; }
|
|
|
|
.toasts { font-size: 16px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
.toasts .title { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14); }
|
|
.toasts .content :first-child { margin-top: 0; }
|
|
.toasts .content :last-child { margin-bottom: 0; }
|
|
.toasts.note { background-color: #e7f2fa; }
|
|
.toasts.note .title { background: #6ab0de; }
|
|
.toasts.tip { background-color: #dbfaf4; }
|
|
.toasts.tip .title { background: #1abc9c; }
|
|
.toasts.warning { background-color: #fbe9d9; }
|
|
.toasts.warning .title { background: #f0b37e; }
|
|
.toasts.danger { background-color: #fdf3f2; }
|
|
.toasts.danger .title { background: #f29f97; }
|
|
|
|
html[dir="rtl"] ul, html[dir="rtl"] ol { padding-right: 0; }
|
|
html[dir="rtl"] dd { margin-right: 0; }
|
|
html[dir="rtl"] .menu-sm, html[dir="rtl"] .sidebar-wrap, html[dir="rtl"] .addons-wrap { left: unset; right: -85%; }
|
|
html[dir="rtl"] .menu-sm.shift, html[dir="rtl"] .shift.sidebar-wrap, html[dir="rtl"] .shift.addons-wrap { left: unset; right: 0; }
|
|
html[dir="rtl"] .content-wrap.shift { left: unset; right: 85%; }
|
|
@media (min-width: 768px) { html[dir="rtl"] .menu-md, html[dir="rtl"] .sidebar-wrap, html[dir="rtl"] .addons-wrap { left: unset; right: 0; }
|
|
html[dir="rtl"] .content-wrap { margin-left: unset; margin-right: 300px; }
|
|
html[dir="rtl"] .content-wrap.shift { left: unset; right: 0; } }
|
|
html[dir="rtl"] .toctree .fa { margin-right: unset; margin-left: 2px; }
|
|
html[dir="rtl"] .toctree > ul > .toc > a { padding-left: unset; padding-right: 12px; }
|
|
html[dir="rtl"] .toc.level-1.current > a { padding-left: unset; padding-right: 12px; }
|
|
html[dir="rtl"] .toc.level-1.current .level-2 > a { padding-left: unset; padding-right: 36px; }
|
|
html[dir="rtl"] .toc.level-2.current > a { padding-left: unset; padding-right: 36px; }
|
|
html[dir="rtl"] .toc.level-2.current .level-3 > a { padding-left: unset; padding-right: 60px; }
|
|
html[dir="rtl"] .toc.level-3.current > a { padding-left: unset; padding-right: 60px; }
|
|
html[dir="rtl"] .toc.level-3.current .level-4 > a { padding-left: unset; padding-right: 84px; }
|
|
html[dir="rtl"] .toc.level-4.current > a { padding-left: unset; padding-right: 84px; }
|
|
html[dir="rtl"] .toc.level-4.current .level-5 > a { padding-left: unset; padding-right: 108px; }
|
|
html[dir="rtl"] .toc.level-5.current > a { padding-left: unset; padding-right: 108px; }
|
|
html[dir="rtl"] .toc.level-5.current .level-6 > a { padding-left: unset; padding-right: 132px; }
|
|
html[dir="rtl"] .toc.level-6.current > a { padding-left: unset; padding-right: 132px; }
|
|
html[dir="rtl"] .toc.level-6.current .level-7 > a { padding-left: unset; padding-right: 156px; }
|
|
html[dir="rtl"] .toc.level-7.current > a { padding-left: unset; padding-right: 156px; }
|
|
html[dir="rtl"] .toc.level-7.current .level-8 > a { padding-left: unset; padding-right: 180px; }
|
|
html[dir="rtl"] .toc.level-8.current > a { padding-left: unset; padding-right: 180px; }
|
|
html[dir="rtl"] .toc.level-8.current .level-9 > a { padding-left: unset; padding-right: 204px; }
|
|
html[dir="rtl"] .toc.level-9.current > a { padding-left: unset; padding-right: 204px; }
|
|
html[dir="rtl"] .toc.level-9.current .level-10 > a { padding-left: unset; padding-right: 228px; }
|
|
html[dir="rtl"] .toc.level-10.current > a { padding-left: unset; padding-right: 228px; }
|
|
html[dir="rtl"] .toc.level-10.current .level-11 > a { padding-left: unset; padding-right: 252px; }
|
|
html[dir="rtl"] .toc.level-11.current > a { padding-left: unset; padding-right: 252px; }
|
|
html[dir="rtl"] .toc.level-11.current .level-12 > a { padding-left: unset; padding-right: 276px; }
|
|
html[dir="rtl"] .markdown-body .highlight { direction: ltr; }
|
|
html[dir="rtl"] .markdown-body blockquote { border-left: none; border-right: 0.25em solid #dfe2e5; }
|
|
html[dir="rtl"] .markdown-body ul, html[dir="rtl"] .markdown-body ol { padding-left: 0; padding-right: 2em; }
|
|
html[dir="rtl"] .markdown-body .task-list-item-checkbox { margin-right: unset; margin-left: 3px; }
|
|
html[dir="rtl"] .fa-arrow-circle-left:before { content: ""; }
|
|
html[dir="rtl"] .fa-arrow-circle-right:before { content: ""; }
|
|
|
|
/* Fade in an element */
|
|
.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }
|
|
.anim-fade-in.fast { animation-duration: 300ms; }
|
|
|
|
@keyframes fade-in { 0% { opacity: 0; }
|
|
100% { opacity: 1; } }
|
|
/* Fade out an element */
|
|
.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }
|
|
.anim-fade-out.fast { animation-duration: 0.3s; }
|
|
|
|
@keyframes fade-out { 0% { opacity: 1; }
|
|
100% { opacity: 0; } }
|
|
/* Fade in and slide up an element */
|
|
.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; }
|
|
|
|
@keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); }
|
|
100% { opacity: 1; transform: translateY(0); } }
|
|
/* Fade an element out and slide down */
|
|
.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }
|
|
|
|
@keyframes fade-down { 0% { opacity: 1; transform: translateY(0); }
|
|
100% { opacity: 0.5; transform: translateY(100%); } }
|
|
/* Grow an element width from 0 to 100% */
|
|
.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; }
|
|
|
|
@keyframes grow-x { to { width: 100%; } }
|
|
/* Shrink an element from 100% to 0% */
|
|
.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; }
|
|
|
|
@keyframes shrink-x { to { width: 0%; } }
|
|
/* Fade in an element and scale it fast */
|
|
.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }
|
|
|
|
@keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); }
|
|
100% { opacity: 1; transform: scale(1); } }
|
|
/* Pulse an element's opacity */
|
|
.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
|
|
|
|
@keyframes pulse { 0% { opacity: 0.3; }
|
|
10% { opacity: 1; }
|
|
100% { opacity: 0.3; } }
|
|
/* Pulse in an element */
|
|
.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }
|
|
|
|
@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
|
|
50% { transform: scale3d(1.1, 1.1, 1.1); }
|
|
100% { transform: scale3d(1, 1, 1); } }
|
|
/* Increase scale of an element on hover */
|
|
.hover-grow { transition: transform 0.3s; backface-visibility: hidden; }
|
|
.hover-grow:hover { transform: scale(1.025); }
|
|
|
|
/* Add a gray border to the left and right */
|
|
.border-x { border-right: 1px #e1e4e8 solid !important; border-left: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Add a gray border to the top and bottom */
|
|
.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Responsive gray borders */
|
|
/* Add a gray border on all sides at/above this breakpoint */
|
|
.border { border: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Set the border width to 0 on all sides at/above this breakpoint */
|
|
.border-0 { border: 0 !important; }
|
|
|
|
/* Add a gray border to the top */
|
|
.border-top { border-top: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Add a gray border to the right */
|
|
.border-right { border-right: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Add a gray border to the bottom */
|
|
.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Add a gray border to the left */
|
|
.border-left { border-left: 1px #e1e4e8 solid !important; }
|
|
|
|
/* Remove the top border */
|
|
.border-top-0 { border-top: 0 !important; }
|
|
|
|
/* Remove the right border */
|
|
.border-right-0 { border-right: 0 !important; }
|
|
|
|
/* Remove the bottom border */
|
|
.border-bottom-0 { border-bottom: 0 !important; }
|
|
|
|
/* Remove the left border */
|
|
.border-left-0 { border-left: 0 !important; }
|
|
|
|
.rounded { border-radius: 6px !important; }
|
|
|
|
.rounded-0 { border-radius: 0 !important; }
|
|
|
|
.rounded-1 { border-radius: 4px !important; }
|
|
|
|
.rounded-2 { border-radius: 6px !important; }
|
|
|
|
.rounded-3 { border-radius: 8px !important; }
|
|
|
|
.rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
|
|
|
|
.rounded-top-1 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
|
|
|
|
.rounded-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
|
|
|
|
.rounded-top-3 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
|
|
|
|
.rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
|
|
|
|
.rounded-right-1 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
|
|
|
|
.rounded-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
|
|
|
|
.rounded-right-3 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; }
|
|
|
|
.rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
|
|
|
|
.rounded-bottom-1 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
|
|
|
|
.rounded-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
|
|
|
|
.rounded-bottom-3 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }
|
|
|
|
.rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
|
|
|
|
.rounded-left-1 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
|
|
|
|
.rounded-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
|
|
|
|
.rounded-left-3 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
|
|
|
|
@media (min-width: 544px) { /* Add a gray border on all sides at/above this breakpoint */
|
|
.border-sm { border: 1px #e1e4e8 solid !important; }
|
|
/* Set the border width to 0 on all sides at/above this breakpoint */
|
|
.border-sm-0 { border: 0 !important; }
|
|
/* Add a gray border to the top */
|
|
.border-sm-top { border-top: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the right */
|
|
.border-sm-right { border-right: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the bottom */
|
|
.border-sm-bottom { border-bottom: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the left */
|
|
.border-sm-left { border-left: 1px #e1e4e8 solid !important; }
|
|
/* Remove the top border */
|
|
.border-sm-top-0 { border-top: 0 !important; }
|
|
/* Remove the right border */
|
|
.border-sm-right-0 { border-right: 0 !important; }
|
|
/* Remove the bottom border */
|
|
.border-sm-bottom-0 { border-bottom: 0 !important; }
|
|
/* Remove the left border */
|
|
.border-sm-left-0 { border-left: 0 !important; }
|
|
.rounded-sm { border-radius: 6px !important; }
|
|
.rounded-sm-0 { border-radius: 0 !important; }
|
|
.rounded-sm-1 { border-radius: 4px !important; }
|
|
.rounded-sm-2 { border-radius: 6px !important; }
|
|
.rounded-sm-3 { border-radius: 8px !important; }
|
|
.rounded-sm-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
|
|
.rounded-sm-top-1 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
|
|
.rounded-sm-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
|
|
.rounded-sm-top-3 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
|
|
.rounded-sm-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
|
|
.rounded-sm-right-1 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
|
|
.rounded-sm-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
|
|
.rounded-sm-right-3 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; }
|
|
.rounded-sm-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
|
|
.rounded-sm-bottom-1 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
|
|
.rounded-sm-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
|
|
.rounded-sm-bottom-3 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }
|
|
.rounded-sm-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
|
|
.rounded-sm-left-1 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
|
|
.rounded-sm-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
|
|
.rounded-sm-left-3 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; } }
|
|
@media (min-width: 768px) { /* Add a gray border on all sides at/above this breakpoint */
|
|
.border-md { border: 1px #e1e4e8 solid !important; }
|
|
/* Set the border width to 0 on all sides at/above this breakpoint */
|
|
.border-md-0 { border: 0 !important; }
|
|
/* Add a gray border to the top */
|
|
.border-md-top { border-top: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the right */
|
|
.border-md-right { border-right: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the bottom */
|
|
.border-md-bottom { border-bottom: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the left */
|
|
.border-md-left { border-left: 1px #e1e4e8 solid !important; }
|
|
/* Remove the top border */
|
|
.border-md-top-0 { border-top: 0 !important; }
|
|
/* Remove the right border */
|
|
.border-md-right-0 { border-right: 0 !important; }
|
|
/* Remove the bottom border */
|
|
.border-md-bottom-0 { border-bottom: 0 !important; }
|
|
/* Remove the left border */
|
|
.border-md-left-0 { border-left: 0 !important; }
|
|
.rounded-md { border-radius: 6px !important; }
|
|
.rounded-md-0 { border-radius: 0 !important; }
|
|
.rounded-md-1 { border-radius: 4px !important; }
|
|
.rounded-md-2 { border-radius: 6px !important; }
|
|
.rounded-md-3 { border-radius: 8px !important; }
|
|
.rounded-md-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
|
|
.rounded-md-top-1 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
|
|
.rounded-md-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
|
|
.rounded-md-top-3 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
|
|
.rounded-md-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
|
|
.rounded-md-right-1 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
|
|
.rounded-md-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
|
|
.rounded-md-right-3 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; }
|
|
.rounded-md-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
|
|
.rounded-md-bottom-1 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
|
|
.rounded-md-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
|
|
.rounded-md-bottom-3 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }
|
|
.rounded-md-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
|
|
.rounded-md-left-1 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
|
|
.rounded-md-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
|
|
.rounded-md-left-3 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; } }
|
|
@media (min-width: 1012px) { /* Add a gray border on all sides at/above this breakpoint */
|
|
.border-lg { border: 1px #e1e4e8 solid !important; }
|
|
/* Set the border width to 0 on all sides at/above this breakpoint */
|
|
.border-lg-0 { border: 0 !important; }
|
|
/* Add a gray border to the top */
|
|
.border-lg-top { border-top: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the right */
|
|
.border-lg-right { border-right: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the bottom */
|
|
.border-lg-bottom { border-bottom: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the left */
|
|
.border-lg-left { border-left: 1px #e1e4e8 solid !important; }
|
|
/* Remove the top border */
|
|
.border-lg-top-0 { border-top: 0 !important; }
|
|
/* Remove the right border */
|
|
.border-lg-right-0 { border-right: 0 !important; }
|
|
/* Remove the bottom border */
|
|
.border-lg-bottom-0 { border-bottom: 0 !important; }
|
|
/* Remove the left border */
|
|
.border-lg-left-0 { border-left: 0 !important; }
|
|
.rounded-lg { border-radius: 6px !important; }
|
|
.rounded-lg-0 { border-radius: 0 !important; }
|
|
.rounded-lg-1 { border-radius: 4px !important; }
|
|
.rounded-lg-2 { border-radius: 6px !important; }
|
|
.rounded-lg-3 { border-radius: 8px !important; }
|
|
.rounded-lg-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
|
|
.rounded-lg-top-1 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
|
|
.rounded-lg-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
|
|
.rounded-lg-top-3 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
|
|
.rounded-lg-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
|
|
.rounded-lg-right-1 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
|
|
.rounded-lg-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
|
|
.rounded-lg-right-3 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; }
|
|
.rounded-lg-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
|
|
.rounded-lg-bottom-1 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
|
|
.rounded-lg-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
|
|
.rounded-lg-bottom-3 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }
|
|
.rounded-lg-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
|
|
.rounded-lg-left-1 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
|
|
.rounded-lg-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
|
|
.rounded-lg-left-3 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; } }
|
|
@media (min-width: 1280px) { /* Add a gray border on all sides at/above this breakpoint */
|
|
.border-xl { border: 1px #e1e4e8 solid !important; }
|
|
/* Set the border width to 0 on all sides at/above this breakpoint */
|
|
.border-xl-0 { border: 0 !important; }
|
|
/* Add a gray border to the top */
|
|
.border-xl-top { border-top: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the right */
|
|
.border-xl-right { border-right: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the bottom */
|
|
.border-xl-bottom { border-bottom: 1px #e1e4e8 solid !important; }
|
|
/* Add a gray border to the left */
|
|
.border-xl-left { border-left: 1px #e1e4e8 solid !important; }
|
|
/* Remove the top border */
|
|
.border-xl-top-0 { border-top: 0 !important; }
|
|
/* Remove the right border */
|
|
.border-xl-right-0 { border-right: 0 !important; }
|
|
/* Remove the bottom border */
|
|
.border-xl-bottom-0 { border-bottom: 0 !important; }
|
|
/* Remove the left border */
|
|
.border-xl-left-0 { border-left: 0 !important; }
|
|
.rounded-xl { border-radius: 6px !important; }
|
|
.rounded-xl-0 { border-radius: 0 !important; }
|
|
.rounded-xl-1 { border-radius: 4px !important; }
|
|
.rounded-xl-2 { border-radius: 6px !important; }
|
|
.rounded-xl-3 { border-radius: 8px !important; }
|
|
.rounded-xl-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
|
|
.rounded-xl-top-1 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
|
|
.rounded-xl-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
|
|
.rounded-xl-top-3 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
|
|
.rounded-xl-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
|
|
.rounded-xl-right-1 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
|
|
.rounded-xl-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
|
|
.rounded-xl-right-3 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; }
|
|
.rounded-xl-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
|
|
.rounded-xl-bottom-1 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
|
|
.rounded-xl-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
|
|
.rounded-xl-bottom-3 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; }
|
|
.rounded-xl-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
|
|
.rounded-xl-left-1 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
|
|
.rounded-xl-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
|
|
.rounded-xl-left-3 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; } }
|
|
/* Add a 50% border-radius to make something into a circle */
|
|
.circle { border-radius: 50% !important; }
|
|
|
|
/* Change the border style to dashed, in conjunction with another utility */
|
|
.border-dashed { border-style: dashed !important; }
|
|
|
|
/* Use with .border to turn the border blue */
|
|
.border-blue { border-color: #0366d6 !important; }
|
|
|
|
/* Use with .border to turn the border blue-light */
|
|
.border-blue-light { border-color: #c8e1ff !important; }
|
|
|
|
/* Use with .border to turn the border green */
|
|
.border-green { border-color: #34d058 !important; }
|
|
|
|
/* Use with .border to turn the border green light */
|
|
.border-green-light { border-color: #a2cbac !important; }
|
|
|
|
/* Use with .border to turn the border red */
|
|
.border-red { border-color: #d73a49 !important; }
|
|
|
|
/* Use with .border to turn the border red-light */
|
|
.border-red-light { border-color: #f97583 !important; }
|
|
|
|
/* Use with .border to turn the border purple */
|
|
.border-purple { border-color: #6f42c1 !important; }
|
|
|
|
/* Use with .border to turn the border yellow */
|
|
.border-yellow { border-color: #f9c513 !important; }
|
|
|
|
/* Use with .border to turn the border gray-light */
|
|
.border-gray-light { border-color: #eaecef !important; }
|
|
|
|
/* Use with .border to turn the border gray-dark */
|
|
.border-gray-dark { border-color: #d1d5da !important; }
|
|
|
|
/* Use with .border to turn the border rgba black 0.15 */
|
|
.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }
|
|
|
|
/* Use with .border to turn the border rgba white 0.15 */
|
|
.border-white-fade { border-color: rgba(255, 255, 255, 0.15) !important; }
|
|
|
|
/* Use with .border to turn the border white w/varying transparency */
|
|
.border-white-fade-15 { border-color: rgba(255, 255, 255, 0.15) !important; }
|
|
|
|
.border-white-fade-30 { border-color: rgba(255, 255, 255, 0.3) !important; }
|
|
|
|
.border-white-fade-50 { border-color: rgba(255, 255, 255, 0.5) !important; }
|
|
|
|
.border-white-fade-70 { border-color: rgba(255, 255, 255, 0.7) !important; }
|
|
|
|
.border-white-fade-85 { border-color: rgba(255, 255, 255, 0.85) !important; }
|
|
|
|
.box-shadow { box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04) !important; }
|
|
|
|
.box-shadow-medium { box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15) !important; }
|
|
|
|
.box-shadow-large { box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2) !important; }
|
|
|
|
.box-shadow-extra-large { box-shadow: 0 12px 48px rgba(149, 157, 165, 0.3) !important; }
|
|
|
|
.box-shadow-none { box-shadow: none !important; }
|
|
|
|
/* Set the background to $bg-white */
|
|
.bg-white { background-color: #fff !important; }
|
|
|
|
/* Set the background to $bg-blue */
|
|
.bg-blue { background-color: #0366d6 !important; }
|
|
|
|
/* Set the background to $bg-blue-light */
|
|
.bg-blue-light { background-color: #f1f8ff !important; }
|
|
|
|
/* Set the background to $bg-gray-dark */
|
|
.bg-gray-dark { background-color: #24292e !important; }
|
|
|
|
/* Set the background to $bg-gray */
|
|
.bg-gray { background-color: #f6f8fa !important; }
|
|
|
|
/* Set the background to $bg-gray-light */
|
|
.bg-gray-light { background-color: #fafbfc !important; }
|
|
|
|
/* Set the background to $bg-green */
|
|
.bg-green { background-color: #28a745 !important; }
|
|
|
|
/* Set the background to $bg-green-light */
|
|
.bg-green-light { background-color: #dcffe4 !important; }
|
|
|
|
/* Set the background to $bg-red */
|
|
.bg-red { background-color: #d73a49 !important; }
|
|
|
|
/* Set the background to $bg-red-light */
|
|
.bg-red-light { background-color: #ffeef0 !important; }
|
|
|
|
/* Set the background to $bg-yellow */
|
|
.bg-yellow { background-color: #ffd33d !important; }
|
|
|
|
/* Set the background to $bg-yellow-light */
|
|
.bg-yellow-light { background-color: #fff5b1 !important; }
|
|
|
|
/* Set the background to $bg-yellow-dark */
|
|
.bg-yellow-dark { background-color: #dbab09 !important; }
|
|
|
|
/* Set the background to $bg-purple */
|
|
.bg-purple { background-color: #6f42c1 !important; }
|
|
|
|
/* Set the background to $bg-pink */
|
|
.bg-pink { background-color: #ea4aaa !important; }
|
|
|
|
/* Set the background to $bg-purple-light */
|
|
.bg-purple-light { background-color: #f5f0ff !important; }
|
|
|
|
/* Set the background to $bg-orange */
|
|
.bg-orange { background-color: #d15704 !important; }
|
|
|
|
.color-gray-0 { color: #fafbfc !important; }
|
|
|
|
.bg-gray-0 { background-color: #fafbfc !important; }
|
|
|
|
.color-gray-1 { color: #f6f8fa !important; }
|
|
|
|
.bg-gray-1 { background-color: #f6f8fa !important; }
|
|
|
|
.color-gray-2 { color: #e1e4e8 !important; }
|
|
|
|
.bg-gray-2 { background-color: #e1e4e8 !important; }
|
|
|
|
.color-gray-3 { color: #d1d5da !important; }
|
|
|
|
.bg-gray-3 { background-color: #d1d5da !important; }
|
|
|
|
.color-gray-4 { color: #959da5 !important; }
|
|
|
|
.bg-gray-4 { background-color: #959da5 !important; }
|
|
|
|
.color-gray-5 { color: #6a737d !important; }
|
|
|
|
.bg-gray-5 { background-color: #6a737d !important; }
|
|
|
|
.color-gray-6 { color: #586069 !important; }
|
|
|
|
.bg-gray-6 { background-color: #586069 !important; }
|
|
|
|
.color-gray-7 { color: #444d56 !important; }
|
|
|
|
.bg-gray-7 { background-color: #444d56 !important; }
|
|
|
|
.color-gray-8 { color: #2f363d !important; }
|
|
|
|
.bg-gray-8 { background-color: #2f363d !important; }
|
|
|
|
.color-gray-9 { color: #24292e !important; }
|
|
|
|
.bg-gray-9 { background-color: #24292e !important; }
|
|
|
|
.color-blue-0 { color: #f1f8ff !important; }
|
|
|
|
.bg-blue-0 { background-color: #f1f8ff !important; }
|
|
|
|
.color-blue-1 { color: #dbedff !important; }
|
|
|
|
.bg-blue-1 { background-color: #dbedff !important; }
|
|
|
|
.color-blue-2 { color: #c8e1ff !important; }
|
|
|
|
.bg-blue-2 { background-color: #c8e1ff !important; }
|
|
|
|
.color-blue-3 { color: #79b8ff !important; }
|
|
|
|
.bg-blue-3 { background-color: #79b8ff !important; }
|
|
|
|
.color-blue-4 { color: #2188ff !important; }
|
|
|
|
.bg-blue-4 { background-color: #2188ff !important; }
|
|
|
|
.color-blue-5 { color: #0366d6 !important; }
|
|
|
|
.bg-blue-5 { background-color: #0366d6 !important; }
|
|
|
|
.color-blue-6 { color: #005cc5 !important; }
|
|
|
|
.bg-blue-6 { background-color: #005cc5 !important; }
|
|
|
|
.color-blue-7 { color: #044289 !important; }
|
|
|
|
.bg-blue-7 { background-color: #044289 !important; }
|
|
|
|
.color-blue-8 { color: #032f62 !important; }
|
|
|
|
.bg-blue-8 { background-color: #032f62 !important; }
|
|
|
|
.color-blue-9 { color: #05264c !important; }
|
|
|
|
.bg-blue-9 { background-color: #05264c !important; }
|
|
|
|
.color-green-0 { color: #f0fff4 !important; }
|
|
|
|
.bg-green-0 { background-color: #f0fff4 !important; }
|
|
|
|
.color-green-1 { color: #dcffe4 !important; }
|
|
|
|
.bg-green-1 { background-color: #dcffe4 !important; }
|
|
|
|
.color-green-2 { color: #bef5cb !important; }
|
|
|
|
.bg-green-2 { background-color: #bef5cb !important; }
|
|
|
|
.color-green-3 { color: #85e89d !important; }
|
|
|
|
.bg-green-3 { background-color: #85e89d !important; }
|
|
|
|
.color-green-4 { color: #34d058 !important; }
|
|
|
|
.bg-green-4 { background-color: #34d058 !important; }
|
|
|
|
.color-green-5 { color: #28a745 !important; }
|
|
|
|
.bg-green-5 { background-color: #28a745 !important; }
|
|
|
|
.color-green-6 { color: #22863a !important; }
|
|
|
|
.bg-green-6 { background-color: #22863a !important; }
|
|
|
|
.color-green-7 { color: #176f2c !important; }
|
|
|
|
.bg-green-7 { background-color: #176f2c !important; }
|
|
|
|
.color-green-8 { color: #165c26 !important; }
|
|
|
|
.bg-green-8 { background-color: #165c26 !important; }
|
|
|
|
.color-green-9 { color: #144620 !important; }
|
|
|
|
.bg-green-9 { background-color: #144620 !important; }
|
|
|
|
.color-yellow-0 { color: #fffdef !important; }
|
|
|
|
.bg-yellow-0 { background-color: #fffdef !important; }
|
|
|
|
.color-yellow-1 { color: #fffbdd !important; }
|
|
|
|
.bg-yellow-1 { background-color: #fffbdd !important; }
|
|
|
|
.color-yellow-2 { color: #fff5b1 !important; }
|
|
|
|
.bg-yellow-2 { background-color: #fff5b1 !important; }
|
|
|
|
.color-yellow-3 { color: #ffea7f !important; }
|
|
|
|
.bg-yellow-3 { background-color: #ffea7f !important; }
|
|
|
|
.color-yellow-4 { color: #ffdf5d !important; }
|
|
|
|
.bg-yellow-4 { background-color: #ffdf5d !important; }
|
|
|
|
.color-yellow-5 { color: #ffd33d !important; }
|
|
|
|
.bg-yellow-5 { background-color: #ffd33d !important; }
|
|
|
|
.color-yellow-6 { color: #f9c513 !important; }
|
|
|
|
.bg-yellow-6 { background-color: #f9c513 !important; }
|
|
|
|
.color-yellow-7 { color: #dbab09 !important; }
|
|
|
|
.bg-yellow-7 { background-color: #dbab09 !important; }
|
|
|
|
.color-yellow-8 { color: #b08800 !important; }
|
|
|
|
.bg-yellow-8 { background-color: #b08800 !important; }
|
|
|
|
.color-yellow-9 { color: #735c0f !important; }
|
|
|
|
.bg-yellow-9 { background-color: #735c0f !important; }
|
|
|
|
.color-orange-0 { color: #fff8f2 !important; }
|
|
|
|
.bg-orange-0 { background-color: #fff8f2 !important; }
|
|
|
|
.color-orange-1 { color: #ffebda !important; }
|
|
|
|
.bg-orange-1 { background-color: #ffebda !important; }
|
|
|
|
.color-orange-2 { color: #ffd1ac !important; }
|
|
|
|
.bg-orange-2 { background-color: #ffd1ac !important; }
|
|
|
|
.color-orange-3 { color: #ffab70 !important; }
|
|
|
|
.bg-orange-3 { background-color: #ffab70 !important; }
|
|
|
|
.color-orange-4 { color: #fb8532 !important; }
|
|
|
|
.bg-orange-4 { background-color: #fb8532 !important; }
|
|
|
|
.color-orange-5 { color: #f66a0a !important; }
|
|
|
|
.bg-orange-5 { background-color: #f66a0a !important; }
|
|
|
|
.color-orange-6 { color: #e36209 !important; }
|
|
|
|
.bg-orange-6 { background-color: #e36209 !important; }
|
|
|
|
.color-orange-7 { color: #d15704 !important; }
|
|
|
|
.bg-orange-7 { background-color: #d15704 !important; }
|
|
|
|
.color-orange-8 { color: #c24e00 !important; }
|
|
|
|
.bg-orange-8 { background-color: #c24e00 !important; }
|
|
|
|
.color-orange-9 { color: #a04100 !important; }
|
|
|
|
.bg-orange-9 { background-color: #a04100 !important; }
|
|
|
|
.color-red-0 { color: #ffeef0 !important; }
|
|
|
|
.bg-red-0 { background-color: #ffeef0 !important; }
|
|
|
|
.color-red-1 { color: #ffdce0 !important; }
|
|
|
|
.bg-red-1 { background-color: #ffdce0 !important; }
|
|
|
|
.color-red-2 { color: #fdaeb7 !important; }
|
|
|
|
.bg-red-2 { background-color: #fdaeb7 !important; }
|
|
|
|
.color-red-3 { color: #f97583 !important; }
|
|
|
|
.bg-red-3 { background-color: #f97583 !important; }
|
|
|
|
.color-red-4 { color: #ea4a5a !important; }
|
|
|
|
.bg-red-4 { background-color: #ea4a5a !important; }
|
|
|
|
.color-red-5 { color: #d73a49 !important; }
|
|
|
|
.bg-red-5 { background-color: #d73a49 !important; }
|
|
|
|
.color-red-6 { color: #cb2431 !important; }
|
|
|
|
.bg-red-6 { background-color: #cb2431 !important; }
|
|
|
|
.color-red-7 { color: #b31d28 !important; }
|
|
|
|
.bg-red-7 { background-color: #b31d28 !important; }
|
|
|
|
.color-red-8 { color: #9e1c23 !important; }
|
|
|
|
.bg-red-8 { background-color: #9e1c23 !important; }
|
|
|
|
.color-red-9 { color: #86181d !important; }
|
|
|
|
.bg-red-9 { background-color: #86181d !important; }
|
|
|
|
.color-purple-0 { color: #f5f0ff !important; }
|
|
|
|
.bg-purple-0 { background-color: #f5f0ff !important; }
|
|
|
|
.color-purple-1 { color: #e6dcfd !important; }
|
|
|
|
.bg-purple-1 { background-color: #e6dcfd !important; }
|
|
|
|
.color-purple-2 { color: #d1bcf9 !important; }
|
|
|
|
.bg-purple-2 { background-color: #d1bcf9 !important; }
|
|
|
|
.color-purple-3 { color: #b392f0 !important; }
|
|
|
|
.bg-purple-3 { background-color: #b392f0 !important; }
|
|
|
|
.color-purple-4 { color: #8a63d2 !important; }
|
|
|
|
.bg-purple-4 { background-color: #8a63d2 !important; }
|
|
|
|
.color-purple-5 { color: #6f42c1 !important; }
|
|
|
|
.bg-purple-5 { background-color: #6f42c1 !important; }
|
|
|
|
.color-purple-6 { color: #5a32a3 !important; }
|
|
|
|
.bg-purple-6 { background-color: #5a32a3 !important; }
|
|
|
|
.color-purple-7 { color: #4c2889 !important; }
|
|
|
|
.bg-purple-7 { background-color: #4c2889 !important; }
|
|
|
|
.color-purple-8 { color: #3a1d6e !important; }
|
|
|
|
.bg-purple-8 { background-color: #3a1d6e !important; }
|
|
|
|
.color-purple-9 { color: #29134e !important; }
|
|
|
|
.bg-purple-9 { background-color: #29134e !important; }
|
|
|
|
.color-pink-0 { color: #ffeef8 !important; }
|
|
|
|
.bg-pink-0 { background-color: #ffeef8 !important; }
|
|
|
|
.color-pink-1 { color: #fedbf0 !important; }
|
|
|
|
.bg-pink-1 { background-color: #fedbf0 !important; }
|
|
|
|
.color-pink-2 { color: #f9b3dd !important; }
|
|
|
|
.bg-pink-2 { background-color: #f9b3dd !important; }
|
|
|
|
.color-pink-3 { color: #f692ce !important; }
|
|
|
|
.bg-pink-3 { background-color: #f692ce !important; }
|
|
|
|
.color-pink-4 { color: #ec6cb9 !important; }
|
|
|
|
.bg-pink-4 { background-color: #ec6cb9 !important; }
|
|
|
|
.color-pink-5 { color: #ea4aaa !important; }
|
|
|
|
.bg-pink-5 { background-color: #ea4aaa !important; }
|
|
|
|
.color-pink-6 { color: #d03592 !important; }
|
|
|
|
.bg-pink-6 { background-color: #d03592 !important; }
|
|
|
|
.color-pink-7 { color: #b93a86 !important; }
|
|
|
|
.bg-pink-7 { background-color: #b93a86 !important; }
|
|
|
|
.color-pink-8 { color: #99306f !important; }
|
|
|
|
.bg-pink-8 { background-color: #99306f !important; }
|
|
|
|
.color-pink-9 { color: #6d224f !important; }
|
|
|
|
.bg-pink-9 { background-color: #6d224f !important; }
|
|
|
|
.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; }
|
|
|
|
/* Set the text color to $text-blue */
|
|
.text-blue { color: #0366d6 !important; }
|
|
|
|
/* Set the text color to $text-red */
|
|
.text-red { color: #cb2431 !important; }
|
|
|
|
/* Set the text color to $text-gray-light */
|
|
.text-gray-light { color: #6a737d !important; }
|
|
|
|
/* Set the text color to $text-gray */
|
|
.text-gray { color: #586069 !important; }
|
|
|
|
/* Set the text color to $text-gray-dark */
|
|
.text-gray-dark { color: #24292e !important; }
|
|
|
|
/* Set the text color to $text-green */
|
|
.text-green { color: #22863a !important; }
|
|
|
|
/* Set the text color to $text-yellow */
|
|
.text-yellow { color: #b08800 !important; }
|
|
|
|
/* Set the text color to $text-orange */
|
|
.text-orange { color: #a04100 !important; }
|
|
|
|
/* Set the text color to $text-orange-light */
|
|
.text-orange-light { color: #e36209 !important; }
|
|
|
|
/* Set the text color to $text-purple */
|
|
.text-purple { color: #6f42c1 !important; }
|
|
|
|
/* Set the text color to $text-pink */
|
|
.text-pink { color: #ea4aaa !important; }
|
|
|
|
/* Set the text color to $text-white */
|
|
.text-white { color: #fff !important; }
|
|
|
|
/* Set the text color to inherit */
|
|
.text-inherit { color: inherit !important; }
|
|
|
|
.link-gray { color: #586069 !important; }
|
|
.link-gray:hover { color: #0366d6 !important; }
|
|
|
|
.link-gray-dark { color: #24292e !important; }
|
|
.link-gray-dark:hover { color: #0366d6 !important; }
|
|
|
|
/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
|
|
.link-hover-blue:hover { color: #0366d6 !important; }
|
|
|
|
/* Make a link $text-gray, then $text-blue on hover and removes the underline */
|
|
.muted-link { color: #586069 !important; }
|
|
.muted-link:hover { color: #0366d6 !important; text-decoration: none; }
|
|
|
|
.details-overlay[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: block; cursor: default; content: " "; background: transparent; }
|
|
|
|
.details-overlay-dark[open] > summary::before { z-index: 99; background: rgba(27, 31, 35, 0.5); }
|
|
|
|
.details-reset > summary { list-style: none; }
|
|
.details-reset > summary::before { display: none; }
|
|
.details-reset > summary::-webkit-details-marker { display: none; }
|
|
|
|
.flex-row { flex-direction: row !important; }
|
|
|
|
.flex-row-reverse { flex-direction: row-reverse !important; }
|
|
|
|
.flex-column { flex-direction: column !important; }
|
|
|
|
.flex-column-reverse { flex-direction: column-reverse !important; }
|
|
|
|
.flex-wrap { flex-wrap: wrap !important; }
|
|
|
|
.flex-nowrap { flex-wrap: nowrap !important; }
|
|
|
|
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
|
|
|
|
.flex-justify-start { justify-content: flex-start !important; }
|
|
|
|
.flex-justify-end { justify-content: flex-end !important; }
|
|
|
|
.flex-justify-center { justify-content: center !important; }
|
|
|
|
.flex-justify-between { justify-content: space-between !important; }
|
|
|
|
.flex-justify-around { justify-content: space-around !important; }
|
|
|
|
.flex-items-start { align-items: flex-start !important; }
|
|
|
|
.flex-items-end { align-items: flex-end !important; }
|
|
|
|
.flex-items-center { align-items: center !important; }
|
|
|
|
.flex-items-baseline { align-items: baseline !important; }
|
|
|
|
.flex-items-stretch { align-items: stretch !important; }
|
|
|
|
.flex-content-start { align-content: flex-start !important; }
|
|
|
|
.flex-content-end { align-content: flex-end !important; }
|
|
|
|
.flex-content-center { align-content: center !important; }
|
|
|
|
.flex-content-between { align-content: space-between !important; }
|
|
|
|
.flex-content-around { align-content: space-around !important; }
|
|
|
|
.flex-content-stretch { align-content: stretch !important; }
|
|
|
|
.flex-1 { flex: 1 !important; }
|
|
|
|
.flex-auto { flex: auto !important; }
|
|
|
|
.flex-grow-0 { flex-grow: 0 !important; }
|
|
|
|
.flex-shrink-0 { flex-shrink: 0 !important; }
|
|
|
|
.flex-self-auto { align-self: auto !important; }
|
|
|
|
.flex-self-start { align-self: flex-start !important; }
|
|
|
|
.flex-self-end { align-self: flex-end !important; }
|
|
|
|
.flex-self-center { align-self: center !important; }
|
|
|
|
.flex-self-baseline { align-self: baseline !important; }
|
|
|
|
.flex-self-stretch { align-self: stretch !important; }
|
|
|
|
.flex-order-1 { order: 1 !important; }
|
|
|
|
.flex-order-2 { order: 2 !important; }
|
|
|
|
.flex-order-none { order: inherit !important; }
|
|
|
|
@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; }
|
|
.flex-sm-row-reverse { flex-direction: row-reverse !important; }
|
|
.flex-sm-column { flex-direction: column !important; }
|
|
.flex-sm-column-reverse { flex-direction: column-reverse !important; }
|
|
.flex-sm-wrap { flex-wrap: wrap !important; }
|
|
.flex-sm-nowrap { flex-wrap: nowrap !important; }
|
|
.flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
|
|
.flex-sm-justify-start { justify-content: flex-start !important; }
|
|
.flex-sm-justify-end { justify-content: flex-end !important; }
|
|
.flex-sm-justify-center { justify-content: center !important; }
|
|
.flex-sm-justify-between { justify-content: space-between !important; }
|
|
.flex-sm-justify-around { justify-content: space-around !important; }
|
|
.flex-sm-items-start { align-items: flex-start !important; }
|
|
.flex-sm-items-end { align-items: flex-end !important; }
|
|
.flex-sm-items-center { align-items: center !important; }
|
|
.flex-sm-items-baseline { align-items: baseline !important; }
|
|
.flex-sm-items-stretch { align-items: stretch !important; }
|
|
.flex-sm-content-start { align-content: flex-start !important; }
|
|
.flex-sm-content-end { align-content: flex-end !important; }
|
|
.flex-sm-content-center { align-content: center !important; }
|
|
.flex-sm-content-between { align-content: space-between !important; }
|
|
.flex-sm-content-around { align-content: space-around !important; }
|
|
.flex-sm-content-stretch { align-content: stretch !important; }
|
|
.flex-sm-1 { flex: 1 !important; }
|
|
.flex-sm-auto { flex: auto !important; }
|
|
.flex-sm-grow-0 { flex-grow: 0 !important; }
|
|
.flex-sm-shrink-0 { flex-shrink: 0 !important; }
|
|
.flex-sm-self-auto { align-self: auto !important; }
|
|
.flex-sm-self-start { align-self: flex-start !important; }
|
|
.flex-sm-self-end { align-self: flex-end !important; }
|
|
.flex-sm-self-center { align-self: center !important; }
|
|
.flex-sm-self-baseline { align-self: baseline !important; }
|
|
.flex-sm-self-stretch { align-self: stretch !important; }
|
|
.flex-sm-order-1 { order: 1 !important; }
|
|
.flex-sm-order-2 { order: 2 !important; }
|
|
.flex-sm-order-none { order: inherit !important; } }
|
|
@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
|
|
.flex-md-row-reverse { flex-direction: row-reverse !important; }
|
|
.flex-md-column { flex-direction: column !important; }
|
|
.flex-md-column-reverse { flex-direction: column-reverse !important; }
|
|
.flex-md-wrap { flex-wrap: wrap !important; }
|
|
.flex-md-nowrap { flex-wrap: nowrap !important; }
|
|
.flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
|
|
.flex-md-justify-start { justify-content: flex-start !important; }
|
|
.flex-md-justify-end { justify-content: flex-end !important; }
|
|
.flex-md-justify-center { justify-content: center !important; }
|
|
.flex-md-justify-between { justify-content: space-between !important; }
|
|
.flex-md-justify-around { justify-content: space-around !important; }
|
|
.flex-md-items-start { align-items: flex-start !important; }
|
|
.flex-md-items-end { align-items: flex-end !important; }
|
|
.flex-md-items-center { align-items: center !important; }
|
|
.flex-md-items-baseline { align-items: baseline !important; }
|
|
.flex-md-items-stretch { align-items: stretch !important; }
|
|
.flex-md-content-start { align-content: flex-start !important; }
|
|
.flex-md-content-end { align-content: flex-end !important; }
|
|
.flex-md-content-center { align-content: center !important; }
|
|
.flex-md-content-between { align-content: space-between !important; }
|
|
.flex-md-content-around { align-content: space-around !important; }
|
|
.flex-md-content-stretch { align-content: stretch !important; }
|
|
.flex-md-1 { flex: 1 !important; }
|
|
.flex-md-auto { flex: auto !important; }
|
|
.flex-md-grow-0 { flex-grow: 0 !important; }
|
|
.flex-md-shrink-0 { flex-shrink: 0 !important; }
|
|
.flex-md-self-auto { align-self: auto !important; }
|
|
.flex-md-self-start { align-self: flex-start !important; }
|
|
.flex-md-self-end { align-self: flex-end !important; }
|
|
.flex-md-self-center { align-self: center !important; }
|
|
.flex-md-self-baseline { align-self: baseline !important; }
|
|
.flex-md-self-stretch { align-self: stretch !important; }
|
|
.flex-md-order-1 { order: 1 !important; }
|
|
.flex-md-order-2 { order: 2 !important; }
|
|
.flex-md-order-none { order: inherit !important; } }
|
|
@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; }
|
|
.flex-lg-row-reverse { flex-direction: row-reverse !important; }
|
|
.flex-lg-column { flex-direction: column !important; }
|
|
.flex-lg-column-reverse { flex-direction: column-reverse !important; }
|
|
.flex-lg-wrap { flex-wrap: wrap !important; }
|
|
.flex-lg-nowrap { flex-wrap: nowrap !important; }
|
|
.flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
|
|
.flex-lg-justify-start { justify-content: flex-start !important; }
|
|
.flex-lg-justify-end { justify-content: flex-end !important; }
|
|
.flex-lg-justify-center { justify-content: center !important; }
|
|
.flex-lg-justify-between { justify-content: space-between !important; }
|
|
.flex-lg-justify-around { justify-content: space-around !important; }
|
|
.flex-lg-items-start { align-items: flex-start !important; }
|
|
.flex-lg-items-end { align-items: flex-end !important; }
|
|
.flex-lg-items-center { align-items: center !important; }
|
|
.flex-lg-items-baseline { align-items: baseline !important; }
|
|
.flex-lg-items-stretch { align-items: stretch !important; }
|
|
.flex-lg-content-start { align-content: flex-start !important; }
|
|
.flex-lg-content-end { align-content: flex-end !important; }
|
|
.flex-lg-content-center { align-content: center !important; }
|
|
.flex-lg-content-between { align-content: space-between !important; }
|
|
.flex-lg-content-around { align-content: space-around !important; }
|
|
.flex-lg-content-stretch { align-content: stretch !important; }
|
|
.flex-lg-1 { flex: 1 !important; }
|
|
.flex-lg-auto { flex: auto !important; }
|
|
.flex-lg-grow-0 { flex-grow: 0 !important; }
|
|
.flex-lg-shrink-0 { flex-shrink: 0 !important; }
|
|
.flex-lg-self-auto { align-self: auto !important; }
|
|
.flex-lg-self-start { align-self: flex-start !important; }
|
|
.flex-lg-self-end { align-self: flex-end !important; }
|
|
.flex-lg-self-center { align-self: center !important; }
|
|
.flex-lg-self-baseline { align-self: baseline !important; }
|
|
.flex-lg-self-stretch { align-self: stretch !important; }
|
|
.flex-lg-order-1 { order: 1 !important; }
|
|
.flex-lg-order-2 { order: 2 !important; }
|
|
.flex-lg-order-none { order: inherit !important; } }
|
|
@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; }
|
|
.flex-xl-row-reverse { flex-direction: row-reverse !important; }
|
|
.flex-xl-column { flex-direction: column !important; }
|
|
.flex-xl-column-reverse { flex-direction: column-reverse !important; }
|
|
.flex-xl-wrap { flex-wrap: wrap !important; }
|
|
.flex-xl-nowrap { flex-wrap: nowrap !important; }
|
|
.flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
|
|
.flex-xl-justify-start { justify-content: flex-start !important; }
|
|
.flex-xl-justify-end { justify-content: flex-end !important; }
|
|
.flex-xl-justify-center { justify-content: center !important; }
|
|
.flex-xl-justify-between { justify-content: space-between !important; }
|
|
.flex-xl-justify-around { justify-content: space-around !important; }
|
|
.flex-xl-items-start { align-items: flex-start !important; }
|
|
.flex-xl-items-end { align-items: flex-end !important; }
|
|
.flex-xl-items-center { align-items: center !important; }
|
|
.flex-xl-items-baseline { align-items: baseline !important; }
|
|
.flex-xl-items-stretch { align-items: stretch !important; }
|
|
.flex-xl-content-start { align-content: flex-start !important; }
|
|
.flex-xl-content-end { align-content: flex-end !important; }
|
|
.flex-xl-content-center { align-content: center !important; }
|
|
.flex-xl-content-between { align-content: space-between !important; }
|
|
.flex-xl-content-around { align-content: space-around !important; }
|
|
.flex-xl-content-stretch { align-content: stretch !important; }
|
|
.flex-xl-1 { flex: 1 !important; }
|
|
.flex-xl-auto { flex: auto !important; }
|
|
.flex-xl-grow-0 { flex-grow: 0 !important; }
|
|
.flex-xl-shrink-0 { flex-shrink: 0 !important; }
|
|
.flex-xl-self-auto { align-self: auto !important; }
|
|
.flex-xl-self-start { align-self: flex-start !important; }
|
|
.flex-xl-self-end { align-self: flex-end !important; }
|
|
.flex-xl-self-center { align-self: center !important; }
|
|
.flex-xl-self-baseline { align-self: baseline !important; }
|
|
.flex-xl-self-stretch { align-self: stretch !important; }
|
|
.flex-xl-order-1 { order: 1 !important; }
|
|
.flex-xl-order-2 { order: 2 !important; }
|
|
.flex-xl-order-none { order: inherit !important; } }
|
|
/* Position */
|
|
.position-static { position: static !important; }
|
|
|
|
.position-relative { position: relative !important; }
|
|
|
|
.position-absolute { position: absolute !important; }
|
|
|
|
.position-fixed { position: fixed !important; }
|
|
|
|
.position-sticky { position: sticky !important; }
|
|
|
|
@media (min-width: 544px) { .position-sm-static { position: static !important; }
|
|
.position-sm-relative { position: relative !important; }
|
|
.position-sm-absolute { position: absolute !important; }
|
|
.position-sm-fixed { position: fixed !important; }
|
|
.position-sm-sticky { position: sticky !important; } }
|
|
@media (min-width: 768px) { .position-md-static { position: static !important; }
|
|
.position-md-relative { position: relative !important; }
|
|
.position-md-absolute { position: absolute !important; }
|
|
.position-md-fixed { position: fixed !important; }
|
|
.position-md-sticky { position: sticky !important; } }
|
|
@media (min-width: 1012px) { .position-lg-static { position: static !important; }
|
|
.position-lg-relative { position: relative !important; }
|
|
.position-lg-absolute { position: absolute !important; }
|
|
.position-lg-fixed { position: fixed !important; }
|
|
.position-lg-sticky { position: sticky !important; } }
|
|
@media (min-width: 1280px) { .position-xl-static { position: static !important; }
|
|
.position-xl-relative { position: relative !important; }
|
|
.position-xl-absolute { position: absolute !important; }
|
|
.position-xl-fixed { position: fixed !important; }
|
|
.position-xl-sticky { position: sticky !important; } }
|
|
/* Final position */
|
|
.top-0 { top: 0 !important; }
|
|
|
|
.right-0 { right: 0 !important; }
|
|
|
|
.bottom-0 { bottom: 0 !important; }
|
|
|
|
.left-0 { left: 0 !important; }
|
|
|
|
.top-auto { top: auto !important; }
|
|
|
|
.right-auto { right: auto !important; }
|
|
|
|
.bottom-auto { bottom: auto !important; }
|
|
|
|
.left-auto { left: auto !important; }
|
|
|
|
@media (min-width: 544px) { .top-sm-0 { top: 0 !important; }
|
|
.right-sm-0 { right: 0 !important; }
|
|
.bottom-sm-0 { bottom: 0 !important; }
|
|
.left-sm-0 { left: 0 !important; }
|
|
.top-sm-auto { top: auto !important; }
|
|
.right-sm-auto { right: auto !important; }
|
|
.bottom-sm-auto { bottom: auto !important; }
|
|
.left-sm-auto { left: auto !important; } }
|
|
@media (min-width: 768px) { .top-md-0 { top: 0 !important; }
|
|
.right-md-0 { right: 0 !important; }
|
|
.bottom-md-0 { bottom: 0 !important; }
|
|
.left-md-0 { left: 0 !important; }
|
|
.top-md-auto { top: auto !important; }
|
|
.right-md-auto { right: auto !important; }
|
|
.bottom-md-auto { bottom: auto !important; }
|
|
.left-md-auto { left: auto !important; } }
|
|
@media (min-width: 1012px) { .top-lg-0 { top: 0 !important; }
|
|
.right-lg-0 { right: 0 !important; }
|
|
.bottom-lg-0 { bottom: 0 !important; }
|
|
.left-lg-0 { left: 0 !important; }
|
|
.top-lg-auto { top: auto !important; }
|
|
.right-lg-auto { right: auto !important; }
|
|
.bottom-lg-auto { bottom: auto !important; }
|
|
.left-lg-auto { left: auto !important; } }
|
|
@media (min-width: 1280px) { .top-xl-0 { top: 0 !important; }
|
|
.right-xl-0 { right: 0 !important; }
|
|
.bottom-xl-0 { bottom: 0 !important; }
|
|
.left-xl-0 { left: 0 !important; }
|
|
.top-xl-auto { top: auto !important; }
|
|
.right-xl-auto { right: auto !important; }
|
|
.bottom-xl-auto { bottom: auto !important; }
|
|
.left-xl-auto { left: auto !important; } }
|
|
/* Vertical align middle */
|
|
.v-align-middle { vertical-align: middle !important; }
|
|
|
|
/* Vertical align top */
|
|
.v-align-top { vertical-align: top !important; }
|
|
|
|
/* Vertical align bottom */
|
|
.v-align-bottom { vertical-align: bottom !important; }
|
|
|
|
/* Vertical align to the top of the text */
|
|
.v-align-text-top { vertical-align: text-top !important; }
|
|
|
|
/* Vertical align to the bottom of the text */
|
|
.v-align-text-bottom { vertical-align: text-bottom !important; }
|
|
|
|
/* Vertical align to the parent's baseline */
|
|
.v-align-baseline { vertical-align: baseline !important; }
|
|
|
|
.overflow-visible { overflow: visible !important; }
|
|
|
|
.overflow-x-visible { overflow-x: visible !important; }
|
|
|
|
.overflow-y-visible { overflow-y: visible !important; }
|
|
|
|
.overflow-hidden { overflow: hidden !important; }
|
|
|
|
.overflow-x-hidden { overflow-x: hidden !important; }
|
|
|
|
.overflow-y-hidden { overflow-y: hidden !important; }
|
|
|
|
.overflow-auto { overflow: auto !important; }
|
|
|
|
.overflow-x-auto { overflow-x: auto !important; }
|
|
|
|
.overflow-y-auto { overflow-y: auto !important; }
|
|
|
|
.overflow-scroll { overflow: scroll !important; }
|
|
|
|
.overflow-x-scroll { overflow-x: scroll !important; }
|
|
|
|
.overflow-y-scroll { overflow-y: scroll !important; }
|
|
|
|
@media (min-width: 544px) { .overflow-sm-visible { overflow: visible !important; }
|
|
.overflow-sm-x-visible { overflow-x: visible !important; }
|
|
.overflow-sm-y-visible { overflow-y: visible !important; }
|
|
.overflow-sm-hidden { overflow: hidden !important; }
|
|
.overflow-sm-x-hidden { overflow-x: hidden !important; }
|
|
.overflow-sm-y-hidden { overflow-y: hidden !important; }
|
|
.overflow-sm-auto { overflow: auto !important; }
|
|
.overflow-sm-x-auto { overflow-x: auto !important; }
|
|
.overflow-sm-y-auto { overflow-y: auto !important; }
|
|
.overflow-sm-scroll { overflow: scroll !important; }
|
|
.overflow-sm-x-scroll { overflow-x: scroll !important; }
|
|
.overflow-sm-y-scroll { overflow-y: scroll !important; } }
|
|
@media (min-width: 768px) { .overflow-md-visible { overflow: visible !important; }
|
|
.overflow-md-x-visible { overflow-x: visible !important; }
|
|
.overflow-md-y-visible { overflow-y: visible !important; }
|
|
.overflow-md-hidden { overflow: hidden !important; }
|
|
.overflow-md-x-hidden { overflow-x: hidden !important; }
|
|
.overflow-md-y-hidden { overflow-y: hidden !important; }
|
|
.overflow-md-auto { overflow: auto !important; }
|
|
.overflow-md-x-auto { overflow-x: auto !important; }
|
|
.overflow-md-y-auto { overflow-y: auto !important; }
|
|
.overflow-md-scroll { overflow: scroll !important; }
|
|
.overflow-md-x-scroll { overflow-x: scroll !important; }
|
|
.overflow-md-y-scroll { overflow-y: scroll !important; } }
|
|
@media (min-width: 1012px) { .overflow-lg-visible { overflow: visible !important; }
|
|
.overflow-lg-x-visible { overflow-x: visible !important; }
|
|
.overflow-lg-y-visible { overflow-y: visible !important; }
|
|
.overflow-lg-hidden { overflow: hidden !important; }
|
|
.overflow-lg-x-hidden { overflow-x: hidden !important; }
|
|
.overflow-lg-y-hidden { overflow-y: hidden !important; }
|
|
.overflow-lg-auto { overflow: auto !important; }
|
|
.overflow-lg-x-auto { overflow-x: auto !important; }
|
|
.overflow-lg-y-auto { overflow-y: auto !important; }
|
|
.overflow-lg-scroll { overflow: scroll !important; }
|
|
.overflow-lg-x-scroll { overflow-x: scroll !important; }
|
|
.overflow-lg-y-scroll { overflow-y: scroll !important; } }
|
|
@media (min-width: 1280px) { .overflow-xl-visible { overflow: visible !important; }
|
|
.overflow-xl-x-visible { overflow-x: visible !important; }
|
|
.overflow-xl-y-visible { overflow-y: visible !important; }
|
|
.overflow-xl-hidden { overflow: hidden !important; }
|
|
.overflow-xl-x-hidden { overflow-x: hidden !important; }
|
|
.overflow-xl-y-hidden { overflow-y: hidden !important; }
|
|
.overflow-xl-auto { overflow: auto !important; }
|
|
.overflow-xl-x-auto { overflow-x: auto !important; }
|
|
.overflow-xl-y-auto { overflow-y: auto !important; }
|
|
.overflow-xl-scroll { overflow: scroll !important; }
|
|
.overflow-xl-x-scroll { overflow-x: scroll !important; }
|
|
.overflow-xl-y-scroll { overflow-y: scroll !important; } }
|
|
/* Clear floats around the element */
|
|
.clearfix::before { display: table; content: ""; }
|
|
.clearfix::after { display: table; clear: both; content: ""; }
|
|
|
|
/* Float to the left */
|
|
.float-left { float: left !important; }
|
|
|
|
/* Float to the right */
|
|
.float-right { float: right !important; }
|
|
|
|
/* No float */
|
|
.float-none { float: none !important; }
|
|
|
|
@media (min-width: 544px) { /* Float to the left */
|
|
.float-sm-left { float: left !important; }
|
|
/* Float to the right */
|
|
.float-sm-right { float: right !important; }
|
|
/* No float */
|
|
.float-sm-none { float: none !important; } }
|
|
@media (min-width: 768px) { /* Float to the left */
|
|
.float-md-left { float: left !important; }
|
|
/* Float to the right */
|
|
.float-md-right { float: right !important; }
|
|
/* No float */
|
|
.float-md-none { float: none !important; } }
|
|
@media (min-width: 1012px) { /* Float to the left */
|
|
.float-lg-left { float: left !important; }
|
|
/* Float to the right */
|
|
.float-lg-right { float: right !important; }
|
|
/* No float */
|
|
.float-lg-none { float: none !important; } }
|
|
@media (min-width: 1280px) { /* Float to the left */
|
|
.float-xl-left { float: left !important; }
|
|
/* Float to the right */
|
|
.float-xl-right { float: right !important; }
|
|
/* No float */
|
|
.float-xl-none { float: none !important; } }
|
|
/* Max width 100% */
|
|
.width-fit { max-width: 100% !important; }
|
|
|
|
/* Set the width to 100% */
|
|
.width-full { width: 100% !important; }
|
|
|
|
/* Max height 100% */
|
|
.height-fit { max-height: 100% !important; }
|
|
|
|
/* Set the height to 100% */
|
|
.height-full { height: 100% !important; }
|
|
|
|
/* Remove min-width from element */
|
|
.min-width-0 { min-width: 0 !important; }
|
|
|
|
.width-auto { width: auto !important; }
|
|
|
|
/* Set the direction to rtl */
|
|
.direction-rtl { direction: rtl !important; }
|
|
|
|
/* Set the direction to ltr */
|
|
.direction-ltr { direction: ltr !important; }
|
|
|
|
@media (min-width: 544px) { .width-sm-auto { width: auto !important; }
|
|
/* Set the direction to rtl */
|
|
.direction-sm-rtl { direction: rtl !important; }
|
|
/* Set the direction to ltr */
|
|
.direction-sm-ltr { direction: ltr !important; } }
|
|
@media (min-width: 768px) { .width-md-auto { width: auto !important; }
|
|
/* Set the direction to rtl */
|
|
.direction-md-rtl { direction: rtl !important; }
|
|
/* Set the direction to ltr */
|
|
.direction-md-ltr { direction: ltr !important; } }
|
|
@media (min-width: 1012px) { .width-lg-auto { width: auto !important; }
|
|
/* Set the direction to rtl */
|
|
.direction-lg-rtl { direction: rtl !important; }
|
|
/* Set the direction to ltr */
|
|
.direction-lg-ltr { direction: ltr !important; } }
|
|
@media (min-width: 1280px) { .width-xl-auto { width: auto !important; }
|
|
/* Set the direction to rtl */
|
|
.direction-xl-rtl { direction: rtl !important; }
|
|
/* Set the direction to ltr */
|
|
.direction-xl-ltr { direction: ltr !important; } }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-0 { margin: 0 !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-0 { margin-top: 0 !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-0 { margin-right: 0 !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-0 { margin-bottom: 0 !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-0 { margin-left: 0 !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-1 { margin: 4px !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-1 { margin-top: 4px !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-1 { margin-right: 4px !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-1 { margin-bottom: 4px !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-1 { margin-left: 4px !important; }
|
|
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-n1 { margin-top: -4px !important; }
|
|
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-n1 { margin-right: -4px !important; }
|
|
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-n1 { margin-bottom: -4px !important; }
|
|
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-n1 { margin-left: -4px !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
|
|
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-2 { margin: 8px !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-2 { margin-top: 8px !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-2 { margin-right: 8px !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-2 { margin-bottom: 8px !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-2 { margin-left: 8px !important; }
|
|
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-n2 { margin-top: -8px !important; }
|
|
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-n2 { margin-right: -8px !important; }
|
|
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-n2 { margin-bottom: -8px !important; }
|
|
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-n2 { margin-left: -8px !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
|
|
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-3 { margin: 16px !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-3 { margin-top: 16px !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-3 { margin-right: 16px !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-3 { margin-bottom: 16px !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-3 { margin-left: 16px !important; }
|
|
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-n3 { margin-top: -16px !important; }
|
|
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-n3 { margin-right: -16px !important; }
|
|
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-n3 { margin-bottom: -16px !important; }
|
|
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-n3 { margin-left: -16px !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
|
|
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-4 { margin: 24px !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-4 { margin-top: 24px !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-4 { margin-right: 24px !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-4 { margin-bottom: 24px !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-4 { margin-left: 24px !important; }
|
|
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-n4 { margin-top: -24px !important; }
|
|
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-n4 { margin-right: -24px !important; }
|
|
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-n4 { margin-bottom: -24px !important; }
|
|
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-n4 { margin-left: -24px !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
|
|
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-5 { margin: 32px !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-5 { margin-top: 32px !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-5 { margin-right: 32px !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-5 { margin-bottom: 32px !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-5 { margin-left: 32px !important; }
|
|
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-n5 { margin-top: -32px !important; }
|
|
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-n5 { margin-right: -32px !important; }
|
|
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-n5 { margin-bottom: -32px !important; }
|
|
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-n5 { margin-left: -32px !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
|
|
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-6 { margin: 40px !important; }
|
|
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-6 { margin-top: 40px !important; }
|
|
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-6 { margin-right: 40px !important; }
|
|
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-6 { margin-bottom: 40px !important; }
|
|
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-6 { margin-left: 40px !important; }
|
|
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-n6 { margin-top: -40px !important; }
|
|
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-n6 { margin-right: -40px !important; }
|
|
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-n6 { margin-bottom: -40px !important; }
|
|
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-n6 { margin-left: -40px !important; }
|
|
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }
|
|
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
|
|
|
|
/* responsive horizontal auto margins */
|
|
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
|
|
|
|
@media (min-width: 544px) { /* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-0 { margin: 0 !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-0 { margin-top: 0 !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-0 { margin-right: 0 !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-0 { margin-bottom: 0 !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-0 { margin-left: 0 !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-1 { margin: 4px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-1 { margin-top: 4px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-1 { margin-right: 4px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-1 { margin-bottom: 4px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-1 { margin-left: 4px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-sm-n1 { margin-top: -4px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-sm-n1 { margin-right: -4px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-sm-n1 { margin-bottom: -4px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-sm-n1 { margin-left: -4px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-2 { margin: 8px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-2 { margin-top: 8px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-2 { margin-right: 8px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-2 { margin-bottom: 8px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-2 { margin-left: 8px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-sm-n2 { margin-top: -8px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-sm-n2 { margin-right: -8px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-sm-n2 { margin-bottom: -8px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-sm-n2 { margin-left: -8px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-3 { margin: 16px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-3 { margin-top: 16px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-3 { margin-right: 16px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-3 { margin-bottom: 16px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-3 { margin-left: 16px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-sm-n3 { margin-top: -16px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-sm-n3 { margin-right: -16px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-sm-n3 { margin-bottom: -16px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-sm-n3 { margin-left: -16px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-4 { margin: 24px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-4 { margin-top: 24px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-4 { margin-right: 24px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-4 { margin-bottom: 24px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-4 { margin-left: 24px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-sm-n4 { margin-top: -24px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-sm-n4 { margin-right: -24px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-sm-n4 { margin-bottom: -24px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-sm-n4 { margin-left: -24px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-5 { margin: 32px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-5 { margin-top: 32px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-5 { margin-right: 32px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-5 { margin-bottom: 32px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-5 { margin-left: 32px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-sm-n5 { margin-top: -32px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-sm-n5 { margin-right: -32px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-sm-n5 { margin-bottom: -32px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-sm-n5 { margin-left: -32px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-sm-6 { margin: 40px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-sm-6 { margin-top: 40px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-sm-6 { margin-right: 40px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-sm-6 { margin-bottom: 40px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-sm-6 { margin-left: 40px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-sm-n6 { margin-top: -40px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-sm-n6 { margin-right: -40px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-sm-n6 { margin-bottom: -40px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-sm-n6 { margin-left: -40px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
|
|
/* responsive horizontal auto margins */
|
|
.mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } }
|
|
@media (min-width: 768px) { /* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-0 { margin: 0 !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-0 { margin-top: 0 !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-0 { margin-right: 0 !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-0 { margin-bottom: 0 !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-0 { margin-left: 0 !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-1 { margin: 4px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-1 { margin-top: 4px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-1 { margin-right: 4px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-1 { margin-bottom: 4px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-1 { margin-left: 4px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-md-n1 { margin-top: -4px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-md-n1 { margin-right: -4px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-md-n1 { margin-bottom: -4px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-md-n1 { margin-left: -4px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-2 { margin: 8px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-2 { margin-top: 8px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-2 { margin-right: 8px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-2 { margin-bottom: 8px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-2 { margin-left: 8px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-md-n2 { margin-top: -8px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-md-n2 { margin-right: -8px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-md-n2 { margin-bottom: -8px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-md-n2 { margin-left: -8px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-3 { margin: 16px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-3 { margin-top: 16px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-3 { margin-right: 16px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-3 { margin-bottom: 16px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-3 { margin-left: 16px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-md-n3 { margin-top: -16px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-md-n3 { margin-right: -16px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-md-n3 { margin-bottom: -16px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-md-n3 { margin-left: -16px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-4 { margin: 24px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-4 { margin-top: 24px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-4 { margin-right: 24px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-4 { margin-bottom: 24px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-4 { margin-left: 24px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-md-n4 { margin-top: -24px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-md-n4 { margin-right: -24px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-md-n4 { margin-bottom: -24px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-md-n4 { margin-left: -24px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-5 { margin: 32px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-5 { margin-top: 32px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-5 { margin-right: 32px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-5 { margin-bottom: 32px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-5 { margin-left: 32px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-md-n5 { margin-top: -32px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-md-n5 { margin-right: -32px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-md-n5 { margin-bottom: -32px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-md-n5 { margin-left: -32px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-md-6 { margin: 40px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-md-6 { margin-top: 40px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-md-6 { margin-right: 40px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-md-6 { margin-bottom: 40px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-md-6 { margin-left: 40px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-md-n6 { margin-top: -40px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-md-n6 { margin-right: -40px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-md-n6 { margin-bottom: -40px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-md-n6 { margin-left: -40px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
|
|
/* responsive horizontal auto margins */
|
|
.mx-md-auto { margin-right: auto !important; margin-left: auto !important; } }
|
|
@media (min-width: 1012px) { /* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-0 { margin: 0 !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-0 { margin-top: 0 !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-0 { margin-right: 0 !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-0 { margin-bottom: 0 !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-0 { margin-left: 0 !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-1 { margin: 4px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-1 { margin-top: 4px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-1 { margin-right: 4px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-1 { margin-bottom: 4px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-1 { margin-left: 4px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-lg-n1 { margin-top: -4px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-lg-n1 { margin-right: -4px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-lg-n1 { margin-bottom: -4px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-lg-n1 { margin-left: -4px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-2 { margin: 8px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-2 { margin-top: 8px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-2 { margin-right: 8px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-2 { margin-bottom: 8px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-2 { margin-left: 8px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-lg-n2 { margin-top: -8px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-lg-n2 { margin-right: -8px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-lg-n2 { margin-bottom: -8px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-lg-n2 { margin-left: -8px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-3 { margin: 16px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-3 { margin-top: 16px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-3 { margin-right: 16px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-3 { margin-bottom: 16px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-3 { margin-left: 16px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-lg-n3 { margin-top: -16px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-lg-n3 { margin-right: -16px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-lg-n3 { margin-bottom: -16px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-lg-n3 { margin-left: -16px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-4 { margin: 24px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-4 { margin-top: 24px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-4 { margin-right: 24px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-4 { margin-bottom: 24px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-4 { margin-left: 24px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-lg-n4 { margin-top: -24px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-lg-n4 { margin-right: -24px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-lg-n4 { margin-bottom: -24px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-lg-n4 { margin-left: -24px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-5 { margin: 32px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-5 { margin-top: 32px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-5 { margin-right: 32px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-5 { margin-bottom: 32px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-5 { margin-left: 32px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-lg-n5 { margin-top: -32px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-lg-n5 { margin-right: -32px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-lg-n5 { margin-bottom: -32px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-lg-n5 { margin-left: -32px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-lg-6 { margin: 40px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-lg-6 { margin-top: 40px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-lg-6 { margin-right: 40px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-lg-6 { margin-bottom: 40px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-lg-6 { margin-left: 40px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-lg-n6 { margin-top: -40px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-lg-n6 { margin-right: -40px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-lg-n6 { margin-bottom: -40px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-lg-n6 { margin-left: -40px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
|
|
/* responsive horizontal auto margins */
|
|
.mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } }
|
|
@media (min-width: 1280px) { /* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-0 { margin: 0 !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-0 { margin-top: 0 !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-0 { margin-right: 0 !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-0 { margin-bottom: 0 !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-0 { margin-left: 0 !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-1 { margin: 4px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-1 { margin-top: 4px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-1 { margin-right: 4px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-1 { margin-bottom: 4px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-1 { margin-left: 4px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-xl-n1 { margin-top: -4px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-xl-n1 { margin-right: -4px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-xl-n1 { margin-bottom: -4px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-xl-n1 { margin-left: -4px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-2 { margin: 8px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-2 { margin-top: 8px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-2 { margin-right: 8px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-2 { margin-bottom: 8px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-2 { margin-left: 8px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-xl-n2 { margin-top: -8px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-xl-n2 { margin-right: -8px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-xl-n2 { margin-bottom: -8px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-xl-n2 { margin-left: -8px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-3 { margin: 16px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-3 { margin-top: 16px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-3 { margin-right: 16px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-3 { margin-bottom: 16px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-3 { margin-left: 16px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-xl-n3 { margin-top: -16px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-xl-n3 { margin-right: -16px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-xl-n3 { margin-bottom: -16px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-xl-n3 { margin-left: -16px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-4 { margin: 24px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-4 { margin-top: 24px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-4 { margin-right: 24px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-4 { margin-bottom: 24px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-4 { margin-left: 24px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-xl-n4 { margin-top: -24px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-xl-n4 { margin-right: -24px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-xl-n4 { margin-bottom: -24px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-xl-n4 { margin-left: -24px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-5 { margin: 32px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-5 { margin-top: 32px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-5 { margin-right: 32px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-5 { margin-bottom: 32px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-5 { margin-left: 32px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-xl-n5 { margin-top: -32px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-xl-n5 { margin-right: -32px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-xl-n5 { margin-bottom: -32px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-xl-n5 { margin-left: -32px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
|
|
/* Set a $size margin to all sides at $breakpoint */
|
|
.m-xl-6 { margin: 40px !important; }
|
|
/* Set a $size margin on the top at $breakpoint */
|
|
.mt-xl-6 { margin-top: 40px !important; }
|
|
/* Set a $size margin on the right at $breakpoint */
|
|
.mr-xl-6 { margin-right: 40px !important; }
|
|
/* Set a $size margin on the bottom at $breakpoint */
|
|
.mb-xl-6 { margin-bottom: 40px !important; }
|
|
/* Set a $size margin on the left at $breakpoint */
|
|
.ml-xl-6 { margin-left: 40px !important; }
|
|
/* Set a negative $size margin on top at $breakpoint */
|
|
.mt-xl-n6 { margin-top: -40px !important; }
|
|
/* Set a negative $size margin on the right at $breakpoint */
|
|
.mr-xl-n6 { margin-right: -40px !important; }
|
|
/* Set a negative $size margin on the bottom at $breakpoint */
|
|
.mb-xl-n6 { margin-bottom: -40px !important; }
|
|
/* Set a negative $size margin on the left at $breakpoint */
|
|
.ml-xl-n6 { margin-left: -40px !important; }
|
|
/* Set a $size margin on the left & right at $breakpoint */
|
|
.mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; }
|
|
/* Set a $size margin on the top & bottom at $breakpoint */
|
|
.my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
|
|
/* responsive horizontal auto margins */
|
|
.mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-0 { padding: 0 !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-0 { padding-top: 0 !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-0 { padding-right: 0 !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-0 { padding-bottom: 0 !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-0 { padding-left: 0 !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
|
|
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-1 { padding: 4px !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-1 { padding-top: 4px !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-1 { padding-right: 4px !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-1 { padding-bottom: 4px !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-1 { padding-left: 4px !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-1 { padding-right: 4px !important; padding-left: 4px !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
|
|
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-2 { padding: 8px !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-2 { padding-top: 8px !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-2 { padding-right: 8px !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-2 { padding-bottom: 8px !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-2 { padding-left: 8px !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-2 { padding-right: 8px !important; padding-left: 8px !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
|
|
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-3 { padding: 16px !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-3 { padding-top: 16px !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-3 { padding-right: 16px !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-3 { padding-bottom: 16px !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-3 { padding-left: 16px !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-3 { padding-right: 16px !important; padding-left: 16px !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
|
|
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-4 { padding: 24px !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-4 { padding-top: 24px !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-4 { padding-right: 24px !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-4 { padding-bottom: 24px !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-4 { padding-left: 24px !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-4 { padding-right: 24px !important; padding-left: 24px !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
|
|
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-5 { padding: 32px !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-5 { padding-top: 32px !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-5 { padding-right: 32px !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-5 { padding-bottom: 32px !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-5 { padding-left: 32px !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-5 { padding-right: 32px !important; padding-left: 32px !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
|
|
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-6 { padding: 40px !important; }
|
|
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-6 { padding-top: 40px !important; }
|
|
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-6 { padding-right: 40px !important; }
|
|
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-6 { padding-bottom: 40px !important; }
|
|
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-6 { padding-left: 40px !important; }
|
|
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-6 { padding-right: 40px !important; padding-left: 40px !important; }
|
|
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }
|
|
|
|
@media (min-width: 544px) { /* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-0 { padding: 0 !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-0 { padding-top: 0 !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-0 { padding-right: 0 !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-0 { padding-bottom: 0 !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-0 { padding-left: 0 !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-1 { padding: 4px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-1 { padding-top: 4px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-1 { padding-right: 4px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-1 { padding-bottom: 4px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-1 { padding-left: 4px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-2 { padding: 8px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-2 { padding-top: 8px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-2 { padding-right: 8px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-2 { padding-bottom: 8px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-2 { padding-left: 8px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-3 { padding: 16px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-3 { padding-top: 16px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-3 { padding-right: 16px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-3 { padding-bottom: 16px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-3 { padding-left: 16px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-4 { padding: 24px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-4 { padding-top: 24px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-4 { padding-right: 24px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-4 { padding-bottom: 24px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-4 { padding-left: 24px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-5 { padding: 32px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-5 { padding-top: 32px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-5 { padding-right: 32px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-5 { padding-bottom: 32px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-5 { padding-left: 32px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-sm-6 { padding: 40px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-sm-6 { padding-top: 40px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-sm-6 { padding-right: 40px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-sm-6 { padding-bottom: 40px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-sm-6 { padding-left: 40px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
|
|
@media (min-width: 768px) { /* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-0 { padding: 0 !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-0 { padding-top: 0 !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-0 { padding-right: 0 !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-0 { padding-bottom: 0 !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-0 { padding-left: 0 !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-1 { padding: 4px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-1 { padding-top: 4px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-1 { padding-right: 4px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-1 { padding-bottom: 4px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-1 { padding-left: 4px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-1 { padding-right: 4px !important; padding-left: 4px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-2 { padding: 8px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-2 { padding-top: 8px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-2 { padding-right: 8px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-2 { padding-bottom: 8px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-2 { padding-left: 8px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-2 { padding-right: 8px !important; padding-left: 8px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-3 { padding: 16px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-3 { padding-top: 16px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-3 { padding-right: 16px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-3 { padding-bottom: 16px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-3 { padding-left: 16px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-3 { padding-right: 16px !important; padding-left: 16px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-4 { padding: 24px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-4 { padding-top: 24px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-4 { padding-right: 24px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-4 { padding-bottom: 24px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-4 { padding-left: 24px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-4 { padding-right: 24px !important; padding-left: 24px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-5 { padding: 32px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-5 { padding-top: 32px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-5 { padding-right: 32px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-5 { padding-bottom: 32px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-5 { padding-left: 32px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-5 { padding-right: 32px !important; padding-left: 32px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-md-6 { padding: 40px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-md-6 { padding-top: 40px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-md-6 { padding-right: 40px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-md-6 { padding-bottom: 40px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-md-6 { padding-left: 40px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-md-6 { padding-right: 40px !important; padding-left: 40px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
|
|
@media (min-width: 1012px) { /* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-0 { padding: 0 !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-0 { padding-top: 0 !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-0 { padding-right: 0 !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-0 { padding-bottom: 0 !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-0 { padding-left: 0 !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-1 { padding: 4px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-1 { padding-top: 4px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-1 { padding-right: 4px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-1 { padding-bottom: 4px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-1 { padding-left: 4px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-2 { padding: 8px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-2 { padding-top: 8px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-2 { padding-right: 8px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-2 { padding-bottom: 8px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-2 { padding-left: 8px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-3 { padding: 16px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-3 { padding-top: 16px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-3 { padding-right: 16px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-3 { padding-bottom: 16px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-3 { padding-left: 16px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-4 { padding: 24px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-4 { padding-top: 24px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-4 { padding-right: 24px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-4 { padding-bottom: 24px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-4 { padding-left: 24px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-5 { padding: 32px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-5 { padding-top: 32px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-5 { padding-right: 32px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-5 { padding-bottom: 32px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-5 { padding-left: 32px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-lg-6 { padding: 40px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-lg-6 { padding-top: 40px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-lg-6 { padding-right: 40px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-lg-6 { padding-bottom: 40px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-lg-6 { padding-left: 40px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
|
|
@media (min-width: 1280px) { /* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-0 { padding: 0 !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-0 { padding-top: 0 !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-0 { padding-right: 0 !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-0 { padding-bottom: 0 !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-0 { padding-left: 0 !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-1 { padding: 4px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-1 { padding-top: 4px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-1 { padding-right: 4px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-1 { padding-bottom: 4px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-1 { padding-left: 4px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-2 { padding: 8px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-2 { padding-top: 8px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-2 { padding-right: 8px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-2 { padding-bottom: 8px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-2 { padding-left: 8px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-3 { padding: 16px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-3 { padding-top: 16px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-3 { padding-right: 16px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-3 { padding-bottom: 16px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-3 { padding-left: 16px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-4 { padding: 24px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-4 { padding-top: 24px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-4 { padding-right: 24px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-4 { padding-bottom: 24px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-4 { padding-left: 24px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-5 { padding: 32px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-5 { padding-top: 32px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-5 { padding-right: 32px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-5 { padding-bottom: 32px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-5 { padding-left: 32px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
|
|
/* Set a $size padding to all sides at $breakpoint */
|
|
.p-xl-6 { padding: 40px !important; }
|
|
/* Set a $size padding to the top at $breakpoint */
|
|
.pt-xl-6 { padding-top: 40px !important; }
|
|
/* Set a $size padding to the right at $breakpoint */
|
|
.pr-xl-6 { padding-right: 40px !important; }
|
|
/* Set a $size padding to the bottom at $breakpoint */
|
|
.pb-xl-6 { padding-bottom: 40px !important; }
|
|
/* Set a $size padding to the left at $breakpoint */
|
|
.pl-xl-6 { padding-left: 40px !important; }
|
|
/* Set a $size padding to the left & right at $breakpoint */
|
|
.px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; }
|
|
/* Set a $size padding to the top & bottom at $breakpoint */
|
|
.py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
|
|
.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }
|
|
@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }
|
|
@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }
|
|
|
|
/* Set the font size to 26px */
|
|
.h1 { font-size: 26px !important; }
|
|
@media (min-width: 768px) { .h1 { font-size: 32px !important; } }
|
|
|
|
/* Set the font size to 22px */
|
|
.h2 { font-size: 22px !important; }
|
|
@media (min-width: 768px) { .h2 { font-size: 24px !important; } }
|
|
|
|
/* Set the font size to 18px */
|
|
.h3 { font-size: 18px !important; }
|
|
@media (min-width: 768px) { .h3 { font-size: 20px !important; } }
|
|
|
|
/* Set the font size to 16px */
|
|
.h4 { font-size: 16px !important; }
|
|
|
|
/* Set the font size to 14px */
|
|
.h5 { font-size: 14px !important; }
|
|
|
|
/* Set the font size to 12px */
|
|
.h6 { font-size: 12px !important; }
|
|
|
|
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }
|
|
|
|
/* Set the font size to 26px */
|
|
.f1 { font-size: 26px !important; }
|
|
@media (min-width: 768px) { .f1 { font-size: 32px !important; } }
|
|
|
|
/* Set the font size to 22px */
|
|
.f2 { font-size: 22px !important; }
|
|
@media (min-width: 768px) { .f2 { font-size: 24px !important; } }
|
|
|
|
/* Set the font size to 18px */
|
|
.f3 { font-size: 18px !important; }
|
|
@media (min-width: 768px) { .f3 { font-size: 20px !important; } }
|
|
|
|
/* Set the font size to 16px */
|
|
.f4 { font-size: 16px !important; }
|
|
@media (min-width: 768px) { .f4 { font-size: 16px !important; } }
|
|
|
|
/* Set the font size to 14px */
|
|
.f5 { font-size: 14px !important; }
|
|
|
|
/* Set the font size to 12px */
|
|
.f6 { font-size: 12px !important; }
|
|
|
|
/* Set the font size to 40px and weight to light */
|
|
.f00-light { font-size: 40px !important; font-weight: 300 !important; }
|
|
@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }
|
|
|
|
/* Set the font size to 32px and weight to light */
|
|
.f0-light { font-size: 32px !important; font-weight: 300 !important; }
|
|
@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }
|
|
|
|
/* Set the font size to 26px and weight to light */
|
|
.f1-light { font-size: 26px !important; font-weight: 300 !important; }
|
|
@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }
|
|
|
|
/* Set the font size to 22px and weight to light */
|
|
.f2-light { font-size: 22px !important; font-weight: 300 !important; }
|
|
@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }
|
|
|
|
/* Set the font size to 18px and weight to light */
|
|
.f3-light { font-size: 18px !important; font-weight: 300 !important; }
|
|
@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }
|
|
|
|
/* Set the font size to ${#h6-size} */
|
|
.text-small { font-size: 12px !important; }
|
|
|
|
/* Large leading paragraphs */
|
|
.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }
|
|
|
|
/* Set the line height to ultra condensed */
|
|
.lh-condensed-ultra { line-height: 1 !important; }
|
|
|
|
/* Set the line height to condensed */
|
|
.lh-condensed { line-height: 1.25 !important; }
|
|
|
|
/* Set the line height to default */
|
|
.lh-default { line-height: 1.5 !important; }
|
|
|
|
/* Set the line height to zero */
|
|
.lh-0 { line-height: 0 !important; }
|
|
|
|
@media (min-width: 544px) { /* Set the line height to ultra condensed */
|
|
.lh-sm-condensed-ultra { line-height: 1 !important; }
|
|
/* Set the line height to condensed */
|
|
.lh-sm-condensed { line-height: 1.25 !important; }
|
|
/* Set the line height to default */
|
|
.lh-sm-default { line-height: 1.5 !important; }
|
|
/* Set the line height to zero */
|
|
.lh-sm-0 { line-height: 0 !important; } }
|
|
@media (min-width: 768px) { /* Set the line height to ultra condensed */
|
|
.lh-md-condensed-ultra { line-height: 1 !important; }
|
|
/* Set the line height to condensed */
|
|
.lh-md-condensed { line-height: 1.25 !important; }
|
|
/* Set the line height to default */
|
|
.lh-md-default { line-height: 1.5 !important; }
|
|
/* Set the line height to zero */
|
|
.lh-md-0 { line-height: 0 !important; } }
|
|
@media (min-width: 1012px) { /* Set the line height to ultra condensed */
|
|
.lh-lg-condensed-ultra { line-height: 1 !important; }
|
|
/* Set the line height to condensed */
|
|
.lh-lg-condensed { line-height: 1.25 !important; }
|
|
/* Set the line height to default */
|
|
.lh-lg-default { line-height: 1.5 !important; }
|
|
/* Set the line height to zero */
|
|
.lh-lg-0 { line-height: 0 !important; } }
|
|
@media (min-width: 1280px) { /* Set the line height to ultra condensed */
|
|
.lh-xl-condensed-ultra { line-height: 1 !important; }
|
|
/* Set the line height to condensed */
|
|
.lh-xl-condensed { line-height: 1.25 !important; }
|
|
/* Set the line height to default */
|
|
.lh-xl-default { line-height: 1.5 !important; }
|
|
/* Set the line height to zero */
|
|
.lh-xl-0 { line-height: 0 !important; } }
|
|
/* Text align to the right */
|
|
.text-right { text-align: right !important; }
|
|
|
|
/* Text align to the left */
|
|
.text-left { text-align: left !important; }
|
|
|
|
/* Text align to the center */
|
|
.text-center { text-align: center !important; }
|
|
|
|
@media (min-width: 544px) { /* Text align to the right */
|
|
.text-sm-right { text-align: right !important; }
|
|
/* Text align to the left */
|
|
.text-sm-left { text-align: left !important; }
|
|
/* Text align to the center */
|
|
.text-sm-center { text-align: center !important; } }
|
|
@media (min-width: 768px) { /* Text align to the right */
|
|
.text-md-right { text-align: right !important; }
|
|
/* Text align to the left */
|
|
.text-md-left { text-align: left !important; }
|
|
/* Text align to the center */
|
|
.text-md-center { text-align: center !important; } }
|
|
@media (min-width: 1012px) { /* Text align to the right */
|
|
.text-lg-right { text-align: right !important; }
|
|
/* Text align to the left */
|
|
.text-lg-left { text-align: left !important; }
|
|
/* Text align to the center */
|
|
.text-lg-center { text-align: center !important; } }
|
|
@media (min-width: 1280px) { /* Text align to the right */
|
|
.text-xl-right { text-align: right !important; }
|
|
/* Text align to the left */
|
|
.text-xl-left { text-align: left !important; }
|
|
/* Text align to the center */
|
|
.text-xl-center { text-align: center !important; } }
|
|
/* Set the font weight to normal */
|
|
.text-normal { font-weight: 400 !important; }
|
|
|
|
/* Set the font weight to bold */
|
|
.text-bold { font-weight: 600 !important; }
|
|
|
|
/* Set the font to italic */
|
|
.text-italic { font-style: italic !important; }
|
|
|
|
/* Make text uppercase */
|
|
.text-uppercase { text-transform: uppercase !important; }
|
|
|
|
/* Underline text */
|
|
.text-underline { text-decoration: underline !important; }
|
|
|
|
/* Don't underline text */
|
|
.no-underline { text-decoration: none !important; }
|
|
|
|
/* Don't wrap white space */
|
|
.no-wrap { white-space: nowrap !important; }
|
|
|
|
/* Normal white space */
|
|
.ws-normal { white-space: normal !important; }
|
|
|
|
/* Force long "words" to wrap if they exceed the width of the container */
|
|
.break-word { word-break: break-word !important; word-wrap: break-word !important; overflow-wrap: break-word !important; }
|
|
|
|
/* Specifically apply word-break: break-all; per MDN: > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`, > `word-break: break-all` will create a break at the exact place where text would > otherwise overflow its container (even if putting an entire word on its own line > would negate the need for a break). see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values */
|
|
.wb-break-all { word-break: break-all !important; }
|
|
|
|
.text-emphasized { font-weight: 600; color: #24292e; }
|
|
|
|
.list-style-none { list-style: none !important; }
|
|
|
|
/* Add a dark text shadow */
|
|
.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }
|
|
|
|
/* Add a light text shadow */
|
|
.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
|
|
|
|
/* Set to monospace font */
|
|
.text-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important; }
|
|
|
|
/* Disallow user from selecting text */
|
|
.user-select-none { user-select: none !important; }
|
|
|
|
.d-block, .toc.level-1.current > ul, .toc.level-2.current > ul, .toc.level-3.current > ul, .toc.level-4.current > ul, .toc.level-5.current > ul, .toc.level-6.current > ul, .toc.level-7.current > ul, .toc.level-8.current > ul, .toc.level-9.current > ul, .toc.level-10.current > ul, .toc.level-11.current > ul { display: block !important; }
|
|
|
|
.d-flex { display: flex !important; }
|
|
|
|
.d-inline { display: inline !important; }
|
|
|
|
.d-inline-block { display: inline-block !important; }
|
|
|
|
.d-inline-flex { display: inline-flex !important; }
|
|
|
|
.d-none, .toc > ul { display: none !important; }
|
|
|
|
.d-table { display: table !important; }
|
|
|
|
.d-table-cell { display: table-cell !important; }
|
|
|
|
@media (min-width: 544px) { .d-sm-block { display: block !important; }
|
|
.d-sm-flex { display: flex !important; }
|
|
.d-sm-inline { display: inline !important; }
|
|
.d-sm-inline-block { display: inline-block !important; }
|
|
.d-sm-inline-flex { display: inline-flex !important; }
|
|
.d-sm-none { display: none !important; }
|
|
.d-sm-table { display: table !important; }
|
|
.d-sm-table-cell { display: table-cell !important; } }
|
|
@media (min-width: 768px) { .d-md-block { display: block !important; }
|
|
.d-md-flex { display: flex !important; }
|
|
.d-md-inline { display: inline !important; }
|
|
.d-md-inline-block { display: inline-block !important; }
|
|
.d-md-inline-flex { display: inline-flex !important; }
|
|
.d-md-none { display: none !important; }
|
|
.d-md-table { display: table !important; }
|
|
.d-md-table-cell { display: table-cell !important; } }
|
|
@media (min-width: 1012px) { .d-lg-block { display: block !important; }
|
|
.d-lg-flex { display: flex !important; }
|
|
.d-lg-inline { display: inline !important; }
|
|
.d-lg-inline-block { display: inline-block !important; }
|
|
.d-lg-inline-flex { display: inline-flex !important; }
|
|
.d-lg-none { display: none !important; }
|
|
.d-lg-table { display: table !important; }
|
|
.d-lg-table-cell { display: table-cell !important; } }
|
|
@media (min-width: 1280px) { .d-xl-block { display: block !important; }
|
|
.d-xl-flex { display: flex !important; }
|
|
.d-xl-inline { display: inline !important; }
|
|
.d-xl-inline-block { display: inline-block !important; }
|
|
.d-xl-inline-flex { display: inline-flex !important; }
|
|
.d-xl-none { display: none !important; }
|
|
.d-xl-table { display: table !important; }
|
|
.d-xl-table-cell { display: table-cell !important; } }
|
|
.v-hidden { visibility: hidden !important; }
|
|
|
|
.v-visible { visibility: visible !important; }
|
|
|
|
@media (max-width: 543px) { .hide-sm { display: none !important; } }
|
|
@media (min-width: 544px) and (max-width: 767px) { .hide-md { display: none !important; } }
|
|
@media (min-width: 768px) and (max-width: 1011px) { .hide-lg { display: none !important; } }
|
|
@media (min-width: 1012px) { .hide-xl { display: none !important; } }
|
|
/* Set the table-layout to fixed */
|
|
.table-fixed { table-layout: fixed !important; }
|
|
|
|
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }
|
|
|
|
.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
|
|
.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
|