Last active
December 15, 2017 11:54
-
-
Save nondanee/6d208b246dac87c05fa1c339c0b94daa to your computer and use it in GitHub Desktop.
github favoured markdown style
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; } | |
.container { width: 980px; margin: 20px auto; } | |
.readme .markdown-body, .readme .plain { padding: 45px; word-wrap: break-word; background-color: #fff; border: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } | |
.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; } | |
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; } | |
* { box-sizing: border-box; } | |
.boxed-group>h3, .boxed-group .heading { display: block; padding: 9px 10px 10px; margin: 0; font-size: 14px; line-height: 17px; background-color: #f6f8fa; border: 1px solid rgba(27,31,35,0.15); border-bottom: 0; border-radius: 3px 3px 0 0; } | |
h3 { font-size: 20px; font-weight: 600; } | |
/*! 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; } | |
/* Links ========================================================================== */ | |
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ | |
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } | |
/** 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: #000; } | |
/** 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: bold; } | |
/** 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; } | |
a { color: #0366d6; text-decoration: none; } | |
a:hover, a:active { text-decoration: underline; } | |
strong { font-weight: 600; } | |
hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #ddd; } | |
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; } | |
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, Courier, monospace; font-size: 12px; } | |
pre { margin-top: 0; margin-bottom: 0; font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; } | |
.octicon { vertical-align: text-bottom; } | |
.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 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); } } | |
/* Add a gray border */ | |
.border { border: 1px #e1e4e8 solid !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; } | |
/* Add a gray border to the left and right */ | |
.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; } | |
.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: #cea0a5 !important; } | |
/* Use with .border to turn the border yellow */ | |
.border-yellow { border-color: #d9d0a5 !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; } | |
/* Remove all borders */ | |
.border-0 { border: 0 !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; } | |
/* Remove the border-radius */ | |
.rounded-0 { border-radius: 0 !important; } | |
/* Add a border-radius to all corners */ | |
.rounded-1 { border-radius: 3px !important; } | |
/* Add a 2x border-radius to all corners */ | |
.rounded-2 { border-radius: 6px !important; } | |
.box-shadow { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important; } | |
.box-shadow-medium { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) !important; } | |
.box-shadow-large { box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15) !important; } | |
.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(0, 0, 0, 0.05) !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: #ffdce0 !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-purple */ | |
.bg-purple { background-color: #6f42c1 !important; } | |
/* Set the background to $bg-purple-light */ | |
.bg-purple-light { background-color: #f5f0ff !important; } | |
.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.065), transparent) !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: #28a745 !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-white */ | |
.text-white { color: #fff !important; } | |
/* Set the text color to inherit */ | |
.text-inherit { color: inherit !important; } | |
.text-renamed { color: #ffd33d !important; } | |
.text-pending { color: #b08800 !important; } | |
.bg-pending { color: #dbab09 !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; } | |
.flex-row { flex-direction: row !important; } | |
.flex-row-reverse { flex-direction: row-reverse !important; } | |
.flex-column { flex-direction: column !important; } | |
.flex-wrap { flex-wrap: wrap !important; } | |
.flex-nowrap { flex-wrap: nowrap !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-auto { flex: 1 1 auto !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-item-equal { flex-grow: 1; flex-basis: 0; } | |
@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-wrap { flex-wrap: wrap !important; } | |
.flex-sm-nowrap { flex-wrap: nowrap !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-auto { flex: 1 1 auto !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-item-equal { flex-grow: 1; flex-basis: 0; } } | |
@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-wrap { flex-wrap: wrap !important; } | |
.flex-md-nowrap { flex-wrap: nowrap !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-auto { flex: 1 1 auto !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-item-equal { flex-grow: 1; flex-basis: 0; } } | |
@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-wrap { flex-wrap: wrap !important; } | |
.flex-lg-nowrap { flex-wrap: nowrap !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-auto { flex: 1 1 auto !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-item-equal { flex-grow: 1; flex-basis: 0; } } | |
@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-wrap { flex-wrap: wrap !important; } | |
.flex-xl-nowrap { flex-wrap: nowrap !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-auto { flex: 1 1 auto !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-item-equal { flex-grow: 1; flex-basis: 0; } } | |
/* Set position to static */ | |
.position-static { position: static !important; } | |
/* Set position to relative */ | |
.position-relative { position: relative !important; } | |
/* Set position to absolute */ | |
.position-absolute { position: absolute !important; } | |
/* Set position to fixed */ | |
.position-fixed { position: fixed !important; } | |
/* Set top 0 */ | |
.top-0 { top: 0 !important; } | |
/* Set right 0 */ | |
.right-0 { right: 0 !important; } | |
/* Set bottom 0 */ | |
.bottom-0 { bottom: 0 !important; } | |
/* Set left 0 */ | |
.left-0 { left: 0 !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; } | |
/* Set the overflow hidden */ | |
.overflow-hidden { overflow: hidden !important; } | |
/* Set the overflow scroll */ | |
.overflow-scroll { overflow: scroll !important; } | |
/* Set the overflow auto */ | |
.overflow-auto { overflow: auto !important; } | |
/* Clear floats around the element */ | |
.clearfix::before { display: table; content: ""; } | |
.clearfix::after { display: table; clear: both; content: ""; } | |
/* Float to the right */ | |
.float-right { float: right !important; } | |
/* Float to the left */ | |
.float-left { float: left !important; } | |
/* Don't float left or right */ | |
.float-none { float: none !important; } | |
@media (min-width: 544px) { /* Float to the left at the sm breakpoint */ | |
.float-sm-left { float: left !important; } | |
/* Float to the right at the sm breakpoint */ | |
.float-sm-right { float: right !important; } | |
/* No float at the sm breakpoint */ | |
.float-sm-none { float: none !important; } } | |
@media (min-width: 768px) { /* Float to the left at the md breakpoint */ | |
.float-md-left { float: left !important; } | |
/* Float to the right at the md breakpoint */ | |
.float-md-right { float: right !important; } | |
/* No float at the md breakpoint */ | |
.float-md-none { float: none !important; } } | |
@media (min-width: 1012px) { /* Float to the left at the lg breakpoint */ | |
.float-lg-left { float: left !important; } | |
/* Float to the right at the lg breakpoint */ | |
.float-lg-right { float: right !important; } | |
/* No float at the lg breakpoint */ | |
.float-lg-none { float: none !important; } } | |
@media (min-width: 1280px) { /* Float to the left at the xl breakpoint */ | |
.float-xl-left { float: left !important; } | |
/* Float to the right at the xl breakpoint */ | |
.float-xl-right { float: right !important; } | |
/* No float at the xl breakpoint */ | |
.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; } | |
/* Set the height to 100% */ | |
.height-full { height: 100% !important; } | |
/* Remove min-width from element */ | |
.min-width-0 { min-width: 0 !important; } | |
.direction-rtl { direction: rtl !important; } | |
.direction-ltr { direction: ltr !important; } | |
@media (min-width: 544px) { /* Set the direction to ltr at the sm breakpoint */ | |
.direction-sm-rtl { direction: rtl !important; } | |
/* Set the direction to ltr at the sm breakpoint */ | |
.direction-sm-ltr { direction: ltr !important; } } | |
@media (min-width: 768px) { /* Set the direction to ltr at the md breakpoint */ | |
.direction-md-rtl { direction: rtl !important; } | |
/* Set the direction to ltr at the md breakpoint */ | |
.direction-md-ltr { direction: ltr !important; } } | |
@media (min-width: 1012px) { /* Set the direction to ltr at the lg breakpoint */ | |
.direction-lg-rtl { direction: rtl !important; } | |
/* Set the direction to ltr at the lg breakpoint */ | |
.direction-lg-ltr { direction: ltr !important; } } | |
@media (min-width: 1280px) { /* Set the direction to ltr at the xl breakpoint */ | |
.direction-xl-rtl { direction: rtl !important; } | |
/* Set the direction to ltr at the xl breakpoint */ | |
.direction-xl-ltr { direction: ltr !important; } } | |
/* Set a 0 margin to all sides */ | |
.m-0 { margin: 0 !important; } | |
/* Set a 0 margin on the top */ | |
.mt-0 { margin-top: 0 !important; } | |
/* Set a 0 margin on the right */ | |
.mr-0 { margin-right: 0 !important; } | |
/* Set a 0 margin on the bottom */ | |
.mb-0 { margin-bottom: 0 !important; } | |
/* Set a 0 margin on the left */ | |
.ml-0 { margin-left: 0 !important; } | |
/* Set a negative 0 margin on top */ | |
.mt-n0 { margin-top: -0 !important; } | |
/* Set a negative 0 margin on the right */ | |
.mr-n0 { margin-right: -0 !important; } | |
/* Set a negative 0 margin on the bottom */ | |
.mb-n0 { margin-bottom: -0 !important; } | |
/* Set a negative 0 margin on the left */ | |
.ml-n0 { margin-left: -0 !important; } | |
/* Set a 0 margin on the left & right */ | |
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; } | |
/* Set a 0 margin on the top & bottom */ | |
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } | |
/* Set a 4px margin to all sides */ | |
.m-1 { margin: 4px !important; } | |
/* Set a 4px margin on the top */ | |
.mt-1 { margin-top: 4px !important; } | |
/* Set a 4px margin on the right */ | |
.mr-1 { margin-right: 4px !important; } | |
/* Set a 4px margin on the bottom */ | |
.mb-1 { margin-bottom: 4px !important; } | |
/* Set a 4px margin on the left */ | |
.ml-1 { margin-left: 4px !important; } | |
/* Set a negative 4px margin on top */ | |
.mt-n1 { margin-top: -4px !important; } | |
/* Set a negative 4px margin on the right */ | |
.mr-n1 { margin-right: -4px !important; } | |
/* Set a negative 4px margin on the bottom */ | |
.mb-n1 { margin-bottom: -4px !important; } | |
/* Set a negative 4px margin on the left */ | |
.ml-n1 { margin-left: -4px !important; } | |
/* Set a 4px margin on the left & right */ | |
.mx-1 { margin-right: 4px !important; margin-left: 4px !important; } | |
/* Set a 4px margin on the top & bottom */ | |
.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; } | |
/* Set a 8px margin to all sides */ | |
.m-2 { margin: 8px !important; } | |
/* Set a 8px margin on the top */ | |
.mt-2 { margin-top: 8px !important; } | |
/* Set a 8px margin on the right */ | |
.mr-2 { margin-right: 8px !important; } | |
/* Set a 8px margin on the bottom */ | |
.mb-2 { margin-bottom: 8px !important; } | |
/* Set a 8px margin on the left */ | |
.ml-2 { margin-left: 8px !important; } | |
/* Set a negative 8px margin on top */ | |
.mt-n2 { margin-top: -8px !important; } | |
/* Set a negative 8px margin on the right */ | |
.mr-n2 { margin-right: -8px !important; } | |
/* Set a negative 8px margin on the bottom */ | |
.mb-n2 { margin-bottom: -8px !important; } | |
/* Set a negative 8px margin on the left */ | |
.ml-n2 { margin-left: -8px !important; } | |
/* Set a 8px margin on the left & right */ | |
.mx-2 { margin-right: 8px !important; margin-left: 8px !important; } | |
/* Set a 8px margin on the top & bottom */ | |
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } | |
/* Set a 16px margin to all sides */ | |
.m-3 { margin: 16px !important; } | |
/* Set a 16px margin on the top */ | |
.mt-3 { margin-top: 16px !important; } | |
/* Set a 16px margin on the right */ | |
.mr-3 { margin-right: 16px !important; } | |
/* Set a 16px margin on the bottom */ | |
.mb-3 { margin-bottom: 16px !important; } | |
/* Set a 16px margin on the left */ | |
.ml-3 { margin-left: 16px !important; } | |
/* Set a negative 16px margin on top */ | |
.mt-n3 { margin-top: -16px !important; } | |
/* Set a negative 16px margin on the right */ | |
.mr-n3 { margin-right: -16px !important; } | |
/* Set a negative 16px margin on the bottom */ | |
.mb-n3 { margin-bottom: -16px !important; } | |
/* Set a negative 16px margin on the left */ | |
.ml-n3 { margin-left: -16px !important; } | |
/* Set a 16px margin on the left & right */ | |
.mx-3 { margin-right: 16px !important; margin-left: 16px !important; } | |
/* Set a 16px margin on the top & bottom */ | |
.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; } | |
/* Set a 24px margin to all sides */ | |
.m-4 { margin: 24px !important; } | |
/* Set a 24px margin on the top */ | |
.mt-4 { margin-top: 24px !important; } | |
/* Set a 24px margin on the right */ | |
.mr-4 { margin-right: 24px !important; } | |
/* Set a 24px margin on the bottom */ | |
.mb-4 { margin-bottom: 24px !important; } | |
/* Set a 24px margin on the left */ | |
.ml-4 { margin-left: 24px !important; } | |
/* Set a negative 24px margin on top */ | |
.mt-n4 { margin-top: -24px !important; } | |
/* Set a negative 24px margin on the right */ | |
.mr-n4 { margin-right: -24px !important; } | |
/* Set a negative 24px margin on the bottom */ | |
.mb-n4 { margin-bottom: -24px !important; } | |
/* Set a negative 24px margin on the left */ | |
.ml-n4 { margin-left: -24px !important; } | |
/* Set a 24px margin on the left & right */ | |
.mx-4 { margin-right: 24px !important; margin-left: 24px !important; } | |
/* Set a 24px margin on the top & bottom */ | |
.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; } | |
/* Set a 32px margin to all sides */ | |
.m-5 { margin: 32px !important; } | |
/* Set a 32px margin on the top */ | |
.mt-5 { margin-top: 32px !important; } | |
/* Set a 32px margin on the right */ | |
.mr-5 { margin-right: 32px !important; } | |
/* Set a 32px margin on the bottom */ | |
.mb-5 { margin-bottom: 32px !important; } | |
/* Set a 32px margin on the left */ | |
.ml-5 { margin-left: 32px !important; } | |
/* Set a negative 32px margin on top */ | |
.mt-n5 { margin-top: -32px !important; } | |
/* Set a negative 32px margin on the right */ | |
.mr-n5 { margin-right: -32px !important; } | |
/* Set a negative 32px margin on the bottom */ | |
.mb-n5 { margin-bottom: -32px !important; } | |
/* Set a negative 32px margin on the left */ | |
.ml-n5 { margin-left: -32px !important; } | |
/* Set a 32px margin on the left & right */ | |
.mx-5 { margin-right: 32px !important; margin-left: 32px !important; } | |
/* Set a 32px margin on the top & bottom */ | |
.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; } | |
/* Set a 40px margin to all sides */ | |
.m-6 { margin: 40px !important; } | |
/* Set a 40px margin on the top */ | |
.mt-6 { margin-top: 40px !important; } | |
/* Set a 40px margin on the right */ | |
.mr-6 { margin-right: 40px !important; } | |
/* Set a 40px margin on the bottom */ | |
.mb-6 { margin-bottom: 40px !important; } | |
/* Set a 40px margin on the left */ | |
.ml-6 { margin-left: 40px !important; } | |
/* Set a negative 40px margin on top */ | |
.mt-n6 { margin-top: -40px !important; } | |
/* Set a negative 40px margin on the right */ | |
.mr-n6 { margin-right: -40px !important; } | |
/* Set a negative 40px margin on the bottom */ | |
.mb-n6 { margin-bottom: -40px !important; } | |
/* Set a negative 40px margin on the left */ | |
.ml-n6 { margin-left: -40px !important; } | |
/* Set a 40px margin on the left & right */ | |
.mx-6 { margin-right: 40px !important; margin-left: 40px !important; } | |
/* Set a 40px margin on the top & bottom */ | |
.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; } | |
/* Set an auto margin on left & right */ | |
.mx-auto { margin-right: auto !important; margin-left: auto !important; } | |
@media (min-width: 544px) { /* Set a 0 margin to all sides at the breakpoint sm */ | |
.m-sm-0 { margin: 0 !important; } | |
/* Set a 0 margin on the top at the breakpoint sm */ | |
.mt-sm-0 { margin-top: 0 !important; } | |
/* Set a 0 margin on the right at the breakpoint sm */ | |
.mr-sm-0 { margin-right: 0 !important; } | |
/* Set a 0 margin on the bottom at the breakpoint sm */ | |
.mb-sm-0 { margin-bottom: 0 !important; } | |
/* Set a 0 margin on the left at the breakpoint sm */ | |
.ml-sm-0 { margin-left: 0 !important; } | |
/* Set a negative 0 margin on top at the breakpoint sm */ | |
.mt-sm-n0 { margin-top: -0 !important; } | |
/* Set a negative 0 margin on the right at the breakpoint sm */ | |
.mr-sm-n0 { margin-right: -0 !important; } | |
/* Set a negative 0 margin on the bottom at the breakpoint sm */ | |
.mb-sm-n0 { margin-bottom: -0 !important; } | |
/* Set a negative 0 margin on the left at the breakpoint sm */ | |
.ml-sm-n0 { margin-left: -0 !important; } | |
/* Set a 0 margin on the left & right at the breakpoint sm */ | |
.mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } | |
/* Set a 0 margin on the top & bottom at the breakpoint sm */ | |
.my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } | |
@media (min-width: 544px) { /* Set a 4px margin to all sides at the breakpoint sm */ | |
.m-sm-1 { margin: 4px !important; } | |
/* Set a 4px margin on the top at the breakpoint sm */ | |
.mt-sm-1 { margin-top: 4px !important; } | |
/* Set a 4px margin on the right at the breakpoint sm */ | |
.mr-sm-1 { margin-right: 4px !important; } | |
/* Set a 4px margin on the bottom at the breakpoint sm */ | |
.mb-sm-1 { margin-bottom: 4px !important; } | |
/* Set a 4px margin on the left at the breakpoint sm */ | |
.ml-sm-1 { margin-left: 4px !important; } | |
/* Set a negative 4px margin on top at the breakpoint sm */ | |
.mt-sm-n1 { margin-top: -4px !important; } | |
/* Set a negative 4px margin on the right at the breakpoint sm */ | |
.mr-sm-n1 { margin-right: -4px !important; } | |
/* Set a negative 4px margin on the bottom at the breakpoint sm */ | |
.mb-sm-n1 { margin-bottom: -4px !important; } | |
/* Set a negative 4px margin on the left at the breakpoint sm */ | |
.ml-sm-n1 { margin-left: -4px !important; } | |
/* Set a 4px margin on the left & right at the breakpoint sm */ | |
.mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; } | |
/* Set a 4px margin on the top & bottom at the breakpoint sm */ | |
.my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } | |
@media (min-width: 544px) { /* Set a 8px margin to all sides at the breakpoint sm */ | |
.m-sm-2 { margin: 8px !important; } | |
/* Set a 8px margin on the top at the breakpoint sm */ | |
.mt-sm-2 { margin-top: 8px !important; } | |
/* Set a 8px margin on the right at the breakpoint sm */ | |
.mr-sm-2 { margin-right: 8px !important; } | |
/* Set a 8px margin on the bottom at the breakpoint sm */ | |
.mb-sm-2 { margin-bottom: 8px !important; } | |
/* Set a 8px margin on the left at the breakpoint sm */ | |
.ml-sm-2 { margin-left: 8px !important; } | |
/* Set a negative 8px margin on top at the breakpoint sm */ | |
.mt-sm-n2 { margin-top: -8px !important; } | |
/* Set a negative 8px margin on the right at the breakpoint sm */ | |
.mr-sm-n2 { margin-right: -8px !important; } | |
/* Set a negative 8px margin on the bottom at the breakpoint sm */ | |
.mb-sm-n2 { margin-bottom: -8px !important; } | |
/* Set a negative 8px margin on the left at the breakpoint sm */ | |
.ml-sm-n2 { margin-left: -8px !important; } | |
/* Set a 8px margin on the left & right at the breakpoint sm */ | |
.mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; } | |
/* Set a 8px margin on the top & bottom at the breakpoint sm */ | |
.my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } | |
@media (min-width: 544px) { /* Set a 16px margin to all sides at the breakpoint sm */ | |
.m-sm-3 { margin: 16px !important; } | |
/* Set a 16px margin on the top at the breakpoint sm */ | |
.mt-sm-3 { margin-top: 16px !important; } | |
/* Set a 16px margin on the right at the breakpoint sm */ | |
.mr-sm-3 { margin-right: 16px !important; } | |
/* Set a 16px margin on the bottom at the breakpoint sm */ | |
.mb-sm-3 { margin-bottom: 16px !important; } | |
/* Set a 16px margin on the left at the breakpoint sm */ | |
.ml-sm-3 { margin-left: 16px !important; } | |
/* Set a negative 16px margin on top at the breakpoint sm */ | |
.mt-sm-n3 { margin-top: -16px !important; } | |
/* Set a negative 16px margin on the right at the breakpoint sm */ | |
.mr-sm-n3 { margin-right: -16px !important; } | |
/* Set a negative 16px margin on the bottom at the breakpoint sm */ | |
.mb-sm-n3 { margin-bottom: -16px !important; } | |
/* Set a negative 16px margin on the left at the breakpoint sm */ | |
.ml-sm-n3 { margin-left: -16px !important; } | |
/* Set a 16px margin on the left & right at the breakpoint sm */ | |
.mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; } | |
/* Set a 16px margin on the top & bottom at the breakpoint sm */ | |
.my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } | |
@media (min-width: 544px) { /* Set a 24px margin to all sides at the breakpoint sm */ | |
.m-sm-4 { margin: 24px !important; } | |
/* Set a 24px margin on the top at the breakpoint sm */ | |
.mt-sm-4 { margin-top: 24px !important; } | |
/* Set a 24px margin on the right at the breakpoint sm */ | |
.mr-sm-4 { margin-right: 24px !important; } | |
/* Set a 24px margin on the bottom at the breakpoint sm */ | |
.mb-sm-4 { margin-bottom: 24px !important; } | |
/* Set a 24px margin on the left at the breakpoint sm */ | |
.ml-sm-4 { margin-left: 24px !important; } | |
/* Set a negative 24px margin on top at the breakpoint sm */ | |
.mt-sm-n4 { margin-top: -24px !important; } | |
/* Set a negative 24px margin on the right at the breakpoint sm */ | |
.mr-sm-n4 { margin-right: -24px !important; } | |
/* Set a negative 24px margin on the bottom at the breakpoint sm */ | |
.mb-sm-n4 { margin-bottom: -24px !important; } | |
/* Set a negative 24px margin on the left at the breakpoint sm */ | |
.ml-sm-n4 { margin-left: -24px !important; } | |
/* Set a 24px margin on the left & right at the breakpoint sm */ | |
.mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; } | |
/* Set a 24px margin on the top & bottom at the breakpoint sm */ | |
.my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } | |
@media (min-width: 544px) { /* Set a 32px margin to all sides at the breakpoint sm */ | |
.m-sm-5 { margin: 32px !important; } | |
/* Set a 32px margin on the top at the breakpoint sm */ | |
.mt-sm-5 { margin-top: 32px !important; } | |
/* Set a 32px margin on the right at the breakpoint sm */ | |
.mr-sm-5 { margin-right: 32px !important; } | |
/* Set a 32px margin on the bottom at the breakpoint sm */ | |
.mb-sm-5 { margin-bottom: 32px !important; } | |
/* Set a 32px margin on the left at the breakpoint sm */ | |
.ml-sm-5 { margin-left: 32px !important; } | |
/* Set a negative 32px margin on top at the breakpoint sm */ | |
.mt-sm-n5 { margin-top: -32px !important; } | |
/* Set a negative 32px margin on the right at the breakpoint sm */ | |
.mr-sm-n5 { margin-right: -32px !important; } | |
/* Set a negative 32px margin on the bottom at the breakpoint sm */ | |
.mb-sm-n5 { margin-bottom: -32px !important; } | |
/* Set a negative 32px margin on the left at the breakpoint sm */ | |
.ml-sm-n5 { margin-left: -32px !important; } | |
/* Set a 32px margin on the left & right at the breakpoint sm */ | |
.mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; } | |
/* Set a 32px margin on the top & bottom at the breakpoint sm */ | |
.my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } | |
@media (min-width: 544px) { /* Set a 40px margin to all sides at the breakpoint sm */ | |
.m-sm-6 { margin: 40px !important; } | |
/* Set a 40px margin on the top at the breakpoint sm */ | |
.mt-sm-6 { margin-top: 40px !important; } | |
/* Set a 40px margin on the right at the breakpoint sm */ | |
.mr-sm-6 { margin-right: 40px !important; } | |
/* Set a 40px margin on the bottom at the breakpoint sm */ | |
.mb-sm-6 { margin-bottom: 40px !important; } | |
/* Set a 40px margin on the left at the breakpoint sm */ | |
.ml-sm-6 { margin-left: 40px !important; } | |
/* Set a negative 40px margin on top at the breakpoint sm */ | |
.mt-sm-n6 { margin-top: -40px !important; } | |
/* Set a negative 40px margin on the right at the breakpoint sm */ | |
.mr-sm-n6 { margin-right: -40px !important; } | |
/* Set a negative 40px margin on the bottom at the breakpoint sm */ | |
.mb-sm-n6 { margin-bottom: -40px !important; } | |
/* Set a negative 40px margin on the left at the breakpoint sm */ | |
.ml-sm-n6 { margin-left: -40px !important; } | |
/* Set a 40px margin on the left & right at the breakpoint sm */ | |
.mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; } | |
/* Set a 40px margin on the top & bottom at the breakpoint sm */ | |
.my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } | |
@media (min-width: 768px) { /* Set a 0 margin to all sides at the breakpoint md */ | |
.m-md-0 { margin: 0 !important; } | |
/* Set a 0 margin on the top at the breakpoint md */ | |
.mt-md-0 { margin-top: 0 !important; } | |
/* Set a 0 margin on the right at the breakpoint md */ | |
.mr-md-0 { margin-right: 0 !important; } | |
/* Set a 0 margin on the bottom at the breakpoint md */ | |
.mb-md-0 { margin-bottom: 0 !important; } | |
/* Set a 0 margin on the left at the breakpoint md */ | |
.ml-md-0 { margin-left: 0 !important; } | |
/* Set a negative 0 margin on top at the breakpoint md */ | |
.mt-md-n0 { margin-top: -0 !important; } | |
/* Set a negative 0 margin on the right at the breakpoint md */ | |
.mr-md-n0 { margin-right: -0 !important; } | |
/* Set a negative 0 margin on the bottom at the breakpoint md */ | |
.mb-md-n0 { margin-bottom: -0 !important; } | |
/* Set a negative 0 margin on the left at the breakpoint md */ | |
.ml-md-n0 { margin-left: -0 !important; } | |
/* Set a 0 margin on the left & right at the breakpoint md */ | |
.mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } | |
/* Set a 0 margin on the top & bottom at the breakpoint md */ | |
.my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } | |
@media (min-width: 768px) { /* Set a 4px margin to all sides at the breakpoint md */ | |
.m-md-1 { margin: 4px !important; } | |
/* Set a 4px margin on the top at the breakpoint md */ | |
.mt-md-1 { margin-top: 4px !important; } | |
/* Set a 4px margin on the right at the breakpoint md */ | |
.mr-md-1 { margin-right: 4px !important; } | |
/* Set a 4px margin on the bottom at the breakpoint md */ | |
.mb-md-1 { margin-bottom: 4px !important; } | |
/* Set a 4px margin on the left at the breakpoint md */ | |
.ml-md-1 { margin-left: 4px !important; } | |
/* Set a negative 4px margin on top at the breakpoint md */ | |
.mt-md-n1 { margin-top: -4px !important; } | |
/* Set a negative 4px margin on the right at the breakpoint md */ | |
.mr-md-n1 { margin-right: -4px !important; } | |
/* Set a negative 4px margin on the bottom at the breakpoint md */ | |
.mb-md-n1 { margin-bottom: -4px !important; } | |
/* Set a negative 4px margin on the left at the breakpoint md */ | |
.ml-md-n1 { margin-left: -4px !important; } | |
/* Set a 4px margin on the left & right at the breakpoint md */ | |
.mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; } | |
/* Set a 4px margin on the top & bottom at the breakpoint md */ | |
.my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } | |
@media (min-width: 768px) { /* Set a 8px margin to all sides at the breakpoint md */ | |
.m-md-2 { margin: 8px !important; } | |
/* Set a 8px margin on the top at the breakpoint md */ | |
.mt-md-2 { margin-top: 8px !important; } | |
/* Set a 8px margin on the right at the breakpoint md */ | |
.mr-md-2 { margin-right: 8px !important; } | |
/* Set a 8px margin on the bottom at the breakpoint md */ | |
.mb-md-2 { margin-bottom: 8px !important; } | |
/* Set a 8px margin on the left at the breakpoint md */ | |
.ml-md-2 { margin-left: 8px !important; } | |
/* Set a negative 8px margin on top at the breakpoint md */ | |
.mt-md-n2 { margin-top: -8px !important; } | |
/* Set a negative 8px margin on the right at the breakpoint md */ | |
.mr-md-n2 { margin-right: -8px !important; } | |
/* Set a negative 8px margin on the bottom at the breakpoint md */ | |
.mb-md-n2 { margin-bottom: -8px !important; } | |
/* Set a negative 8px margin on the left at the breakpoint md */ | |
.ml-md-n2 { margin-left: -8px !important; } | |
/* Set a 8px margin on the left & right at the breakpoint md */ | |
.mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; } | |
/* Set a 8px margin on the top & bottom at the breakpoint md */ | |
.my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } | |
@media (min-width: 768px) { /* Set a 16px margin to all sides at the breakpoint md */ | |
.m-md-3 { margin: 16px !important; } | |
/* Set a 16px margin on the top at the breakpoint md */ | |
.mt-md-3 { margin-top: 16px !important; } | |
/* Set a 16px margin on the right at the breakpoint md */ | |
.mr-md-3 { margin-right: 16px !important; } | |
/* Set a 16px margin on the bottom at the breakpoint md */ | |
.mb-md-3 { margin-bottom: 16px !important; } | |
/* Set a 16px margin on the left at the breakpoint md */ | |
.ml-md-3 { margin-left: 16px !important; } | |
/* Set a negative 16px margin on top at the breakpoint md */ | |
.mt-md-n3 { margin-top: -16px !important; } | |
/* Set a negative 16px margin on the right at the breakpoint md */ | |
.mr-md-n3 { margin-right: -16px !important; } | |
/* Set a negative 16px margin on the bottom at the breakpoint md */ | |
.mb-md-n3 { margin-bottom: -16px !important; } | |
/* Set a negative 16px margin on the left at the breakpoint md */ | |
.ml-md-n3 { margin-left: -16px !important; } | |
/* Set a 16px margin on the left & right at the breakpoint md */ | |
.mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; } | |
/* Set a 16px margin on the top & bottom at the breakpoint md */ | |
.my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } | |
@media (min-width: 768px) { /* Set a 24px margin to all sides at the breakpoint md */ | |
.m-md-4 { margin: 24px !important; } | |
/* Set a 24px margin on the top at the breakpoint md */ | |
.mt-md-4 { margin-top: 24px !important; } | |
/* Set a 24px margin on the right at the breakpoint md */ | |
.mr-md-4 { margin-right: 24px !important; } | |
/* Set a 24px margin on the bottom at the breakpoint md */ | |
.mb-md-4 { margin-bottom: 24px !important; } | |
/* Set a 24px margin on the left at the breakpoint md */ | |
.ml-md-4 { margin-left: 24px !important; } | |
/* Set a negative 24px margin on top at the breakpoint md */ | |
.mt-md-n4 { margin-top: -24px !important; } | |
/* Set a negative 24px margin on the right at the breakpoint md */ | |
.mr-md-n4 { margin-right: -24px !important; } | |
/* Set a negative 24px margin on the bottom at the breakpoint md */ | |
.mb-md-n4 { margin-bottom: -24px !important; } | |
/* Set a negative 24px margin on the left at the breakpoint md */ | |
.ml-md-n4 { margin-left: -24px !important; } | |
/* Set a 24px margin on the left & right at the breakpoint md */ | |
.mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; } | |
/* Set a 24px margin on the top & bottom at the breakpoint md */ | |
.my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } | |
@media (min-width: 768px) { /* Set a 32px margin to all sides at the breakpoint md */ | |
.m-md-5 { margin: 32px !important; } | |
/* Set a 32px margin on the top at the breakpoint md */ | |
.mt-md-5 { margin-top: 32px !important; } | |
/* Set a 32px margin on the right at the breakpoint md */ | |
.mr-md-5 { margin-right: 32px !important; } | |
/* Set a 32px margin on the bottom at the breakpoint md */ | |
.mb-md-5 { margin-bottom: 32px !important; } | |
/* Set a 32px margin on the left at the breakpoint md */ | |
.ml-md-5 { margin-left: 32px !important; } | |
/* Set a negative 32px margin on top at the breakpoint md */ | |
.mt-md-n5 { margin-top: -32px !important; } | |
/* Set a negative 32px margin on the right at the breakpoint md */ | |
.mr-md-n5 { margin-right: -32px !important; } | |
/* Set a negative 32px margin on the bottom at the breakpoint md */ | |
.mb-md-n5 { margin-bottom: -32px !important; } | |
/* Set a negative 32px margin on the left at the breakpoint md */ | |
.ml-md-n5 { margin-left: -32px !important; } | |
/* Set a 32px margin on the left & right at the breakpoint md */ | |
.mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; } | |
/* Set a 32px margin on the top & bottom at the breakpoint md */ | |
.my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } | |
@media (min-width: 768px) { /* Set a 40px margin to all sides at the breakpoint md */ | |
.m-md-6 { margin: 40px !important; } | |
/* Set a 40px margin on the top at the breakpoint md */ | |
.mt-md-6 { margin-top: 40px !important; } | |
/* Set a 40px margin on the right at the breakpoint md */ | |
.mr-md-6 { margin-right: 40px !important; } | |
/* Set a 40px margin on the bottom at the breakpoint md */ | |
.mb-md-6 { margin-bottom: 40px !important; } | |
/* Set a 40px margin on the left at the breakpoint md */ | |
.ml-md-6 { margin-left: 40px !important; } | |
/* Set a negative 40px margin on top at the breakpoint md */ | |
.mt-md-n6 { margin-top: -40px !important; } | |
/* Set a negative 40px margin on the right at the breakpoint md */ | |
.mr-md-n6 { margin-right: -40px !important; } | |
/* Set a negative 40px margin on the bottom at the breakpoint md */ | |
.mb-md-n6 { margin-bottom: -40px !important; } | |
/* Set a negative 40px margin on the left at the breakpoint md */ | |
.ml-md-n6 { margin-left: -40px !important; } | |
/* Set a 40px margin on the left & right at the breakpoint md */ | |
.mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; } | |
/* Set a 40px margin on the top & bottom at the breakpoint md */ | |
.my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } | |
@media (min-width: 1012px) { /* Set a 0 margin to all sides at the breakpoint lg */ | |
.m-lg-0 { margin: 0 !important; } | |
/* Set a 0 margin on the top at the breakpoint lg */ | |
.mt-lg-0 { margin-top: 0 !important; } | |
/* Set a 0 margin on the right at the breakpoint lg */ | |
.mr-lg-0 { margin-right: 0 !important; } | |
/* Set a 0 margin on the bottom at the breakpoint lg */ | |
.mb-lg-0 { margin-bottom: 0 !important; } | |
/* Set a 0 margin on the left at the breakpoint lg */ | |
.ml-lg-0 { margin-left: 0 !important; } | |
/* Set a negative 0 margin on top at the breakpoint lg */ | |
.mt-lg-n0 { margin-top: -0 !important; } | |
/* Set a negative 0 margin on the right at the breakpoint lg */ | |
.mr-lg-n0 { margin-right: -0 !important; } | |
/* Set a negative 0 margin on the bottom at the breakpoint lg */ | |
.mb-lg-n0 { margin-bottom: -0 !important; } | |
/* Set a negative 0 margin on the left at the breakpoint lg */ | |
.ml-lg-n0 { margin-left: -0 !important; } | |
/* Set a 0 margin on the left & right at the breakpoint lg */ | |
.mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } | |
/* Set a 0 margin on the top & bottom at the breakpoint lg */ | |
.my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } | |
@media (min-width: 1012px) { /* Set a 4px margin to all sides at the breakpoint lg */ | |
.m-lg-1 { margin: 4px !important; } | |
/* Set a 4px margin on the top at the breakpoint lg */ | |
.mt-lg-1 { margin-top: 4px !important; } | |
/* Set a 4px margin on the right at the breakpoint lg */ | |
.mr-lg-1 { margin-right: 4px !important; } | |
/* Set a 4px margin on the bottom at the breakpoint lg */ | |
.mb-lg-1 { margin-bottom: 4px !important; } | |
/* Set a 4px margin on the left at the breakpoint lg */ | |
.ml-lg-1 { margin-left: 4px !important; } | |
/* Set a negative 4px margin on top at the breakpoint lg */ | |
.mt-lg-n1 { margin-top: -4px !important; } | |
/* Set a negative 4px margin on the right at the breakpoint lg */ | |
.mr-lg-n1 { margin-right: -4px !important; } | |
/* Set a negative 4px margin on the bottom at the breakpoint lg */ | |
.mb-lg-n1 { margin-bottom: -4px !important; } | |
/* Set a negative 4px margin on the left at the breakpoint lg */ | |
.ml-lg-n1 { margin-left: -4px !important; } | |
/* Set a 4px margin on the left & right at the breakpoint lg */ | |
.mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; } | |
/* Set a 4px margin on the top & bottom at the breakpoint lg */ | |
.my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } | |
@media (min-width: 1012px) { /* Set a 8px margin to all sides at the breakpoint lg */ | |
.m-lg-2 { margin: 8px !important; } | |
/* Set a 8px margin on the top at the breakpoint lg */ | |
.mt-lg-2 { margin-top: 8px !important; } | |
/* Set a 8px margin on the right at the breakpoint lg */ | |
.mr-lg-2 { margin-right: 8px !important; } | |
/* Set a 8px margin on the bottom at the breakpoint lg */ | |
.mb-lg-2 { margin-bottom: 8px !important; } | |
/* Set a 8px margin on the left at the breakpoint lg */ | |
.ml-lg-2 { margin-left: 8px !important; } | |
/* Set a negative 8px margin on top at the breakpoint lg */ | |
.mt-lg-n2 { margin-top: -8px !important; } | |
/* Set a negative 8px margin on the right at the breakpoint lg */ | |
.mr-lg-n2 { margin-right: -8px !important; } | |
/* Set a negative 8px margin on the bottom at the breakpoint lg */ | |
.mb-lg-n2 { margin-bottom: -8px !important; } | |
/* Set a negative 8px margin on the left at the breakpoint lg */ | |
.ml-lg-n2 { margin-left: -8px !important; } | |
/* Set a 8px margin on the left & right at the breakpoint lg */ | |
.mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; } | |
/* Set a 8px margin on the top & bottom at the breakpoint lg */ | |
.my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } | |
@media (min-width: 1012px) { /* Set a 16px margin to all sides at the breakpoint lg */ | |
.m-lg-3 { margin: 16px !important; } | |
/* Set a 16px margin on the top at the breakpoint lg */ | |
.mt-lg-3 { margin-top: 16px !important; } | |
/* Set a 16px margin on the right at the breakpoint lg */ | |
.mr-lg-3 { margin-right: 16px !important; } | |
/* Set a 16px margin on the bottom at the breakpoint lg */ | |
.mb-lg-3 { margin-bottom: 16px !important; } | |
/* Set a 16px margin on the left at the breakpoint lg */ | |
.ml-lg-3 { margin-left: 16px !important; } | |
/* Set a negative 16px margin on top at the breakpoint lg */ | |
.mt-lg-n3 { margin-top: -16px !important; } | |
/* Set a negative 16px margin on the right at the breakpoint lg */ | |
.mr-lg-n3 { margin-right: -16px !important; } | |
/* Set a negative 16px margin on the bottom at the breakpoint lg */ | |
.mb-lg-n3 { margin-bottom: -16px !important; } | |
/* Set a negative 16px margin on the left at the breakpoint lg */ | |
.ml-lg-n3 { margin-left: -16px !important; } | |
/* Set a 16px margin on the left & right at the breakpoint lg */ | |
.mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; } | |
/* Set a 16px margin on the top & bottom at the breakpoint lg */ | |
.my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } | |
@media (min-width: 1012px) { /* Set a 24px margin to all sides at the breakpoint lg */ | |
.m-lg-4 { margin: 24px !important; } | |
/* Set a 24px margin on the top at the breakpoint lg */ | |
.mt-lg-4 { margin-top: 24px !important; } | |
/* Set a 24px margin on the right at the breakpoint lg */ | |
.mr-lg-4 { margin-right: 24px !important; } | |
/* Set a 24px margin on the bottom at the breakpoint lg */ | |
.mb-lg-4 { margin-bottom: 24px !important; } | |
/* Set a 24px margin on the left at the breakpoint lg */ | |
.ml-lg-4 { margin-left: 24px !important; } | |
/* Set a negative 24px margin on top at the breakpoint lg */ | |
.mt-lg-n4 { margin-top: -24px !important; } | |
/* Set a negative 24px margin on the right at the breakpoint lg */ | |
.mr-lg-n4 { margin-right: -24px !important; } | |
/* Set a negative 24px margin on the bottom at the breakpoint lg */ | |
.mb-lg-n4 { margin-bottom: -24px !important; } | |
/* Set a negative 24px margin on the left at the breakpoint lg */ | |
.ml-lg-n4 { margin-left: -24px !important; } | |
/* Set a 24px margin on the left & right at the breakpoint lg */ | |
.mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; } | |
/* Set a 24px margin on the top & bottom at the breakpoint lg */ | |
.my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } | |
@media (min-width: 1012px) { /* Set a 32px margin to all sides at the breakpoint lg */ | |
.m-lg-5 { margin: 32px !important; } | |
/* Set a 32px margin on the top at the breakpoint lg */ | |
.mt-lg-5 { margin-top: 32px !important; } | |
/* Set a 32px margin on the right at the breakpoint lg */ | |
.mr-lg-5 { margin-right: 32px !important; } | |
/* Set a 32px margin on the bottom at the breakpoint lg */ | |
.mb-lg-5 { margin-bottom: 32px !important; } | |
/* Set a 32px margin on the left at the breakpoint lg */ | |
.ml-lg-5 { margin-left: 32px !important; } | |
/* Set a negative 32px margin on top at the breakpoint lg */ | |
.mt-lg-n5 { margin-top: -32px !important; } | |
/* Set a negative 32px margin on the right at the breakpoint lg */ | |
.mr-lg-n5 { margin-right: -32px !important; } | |
/* Set a negative 32px margin on the bottom at the breakpoint lg */ | |
.mb-lg-n5 { margin-bottom: -32px !important; } | |
/* Set a negative 32px margin on the left at the breakpoint lg */ | |
.ml-lg-n5 { margin-left: -32px !important; } | |
/* Set a 32px margin on the left & right at the breakpoint lg */ | |
.mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; } | |
/* Set a 32px margin on the top & bottom at the breakpoint lg */ | |
.my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } | |
@media (min-width: 1012px) { /* Set a 40px margin to all sides at the breakpoint lg */ | |
.m-lg-6 { margin: 40px !important; } | |
/* Set a 40px margin on the top at the breakpoint lg */ | |
.mt-lg-6 { margin-top: 40px !important; } | |
/* Set a 40px margin on the right at the breakpoint lg */ | |
.mr-lg-6 { margin-right: 40px !important; } | |
/* Set a 40px margin on the bottom at the breakpoint lg */ | |
.mb-lg-6 { margin-bottom: 40px !important; } | |
/* Set a 40px margin on the left at the breakpoint lg */ | |
.ml-lg-6 { margin-left: 40px !important; } | |
/* Set a negative 40px margin on top at the breakpoint lg */ | |
.mt-lg-n6 { margin-top: -40px !important; } | |
/* Set a negative 40px margin on the right at the breakpoint lg */ | |
.mr-lg-n6 { margin-right: -40px !important; } | |
/* Set a negative 40px margin on the bottom at the breakpoint lg */ | |
.mb-lg-n6 { margin-bottom: -40px !important; } | |
/* Set a negative 40px margin on the left at the breakpoint lg */ | |
.ml-lg-n6 { margin-left: -40px !important; } | |
/* Set a 40px margin on the left & right at the breakpoint lg */ | |
.mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; } | |
/* Set a 40px margin on the top & bottom at the breakpoint lg */ | |
.my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } | |
@media (min-width: 1280px) { /* Set a 0 margin to all sides at the breakpoint xl */ | |
.m-xl-0 { margin: 0 !important; } | |
/* Set a 0 margin on the top at the breakpoint xl */ | |
.mt-xl-0 { margin-top: 0 !important; } | |
/* Set a 0 margin on the right at the breakpoint xl */ | |
.mr-xl-0 { margin-right: 0 !important; } | |
/* Set a 0 margin on the bottom at the breakpoint xl */ | |
.mb-xl-0 { margin-bottom: 0 !important; } | |
/* Set a 0 margin on the left at the breakpoint xl */ | |
.ml-xl-0 { margin-left: 0 !important; } | |
/* Set a negative 0 margin on top at the breakpoint xl */ | |
.mt-xl-n0 { margin-top: -0 !important; } | |
/* Set a negative 0 margin on the right at the breakpoint xl */ | |
.mr-xl-n0 { margin-right: -0 !important; } | |
/* Set a negative 0 margin on the bottom at the breakpoint xl */ | |
.mb-xl-n0 { margin-bottom: -0 !important; } | |
/* Set a negative 0 margin on the left at the breakpoint xl */ | |
.ml-xl-n0 { margin-left: -0 !important; } | |
/* Set a 0 margin on the left & right at the breakpoint xl */ | |
.mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } | |
/* Set a 0 margin on the top & bottom at the breakpoint xl */ | |
.my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } | |
@media (min-width: 1280px) { /* Set a 4px margin to all sides at the breakpoint xl */ | |
.m-xl-1 { margin: 4px !important; } | |
/* Set a 4px margin on the top at the breakpoint xl */ | |
.mt-xl-1 { margin-top: 4px !important; } | |
/* Set a 4px margin on the right at the breakpoint xl */ | |
.mr-xl-1 { margin-right: 4px !important; } | |
/* Set a 4px margin on the bottom at the breakpoint xl */ | |
.mb-xl-1 { margin-bottom: 4px !important; } | |
/* Set a 4px margin on the left at the breakpoint xl */ | |
.ml-xl-1 { margin-left: 4px !important; } | |
/* Set a negative 4px margin on top at the breakpoint xl */ | |
.mt-xl-n1 { margin-top: -4px !important; } | |
/* Set a negative 4px margin on the right at the breakpoint xl */ | |
.mr-xl-n1 { margin-right: -4px !important; } | |
/* Set a negative 4px margin on the bottom at the breakpoint xl */ | |
.mb-xl-n1 { margin-bottom: -4px !important; } | |
/* Set a negative 4px margin on the left at the breakpoint xl */ | |
.ml-xl-n1 { margin-left: -4px !important; } | |
/* Set a 4px margin on the left & right at the breakpoint xl */ | |
.mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; } | |
/* Set a 4px margin on the top & bottom at the breakpoint xl */ | |
.my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } | |
@media (min-width: 1280px) { /* Set a 8px margin to all sides at the breakpoint xl */ | |
.m-xl-2 { margin: 8px !important; } | |
/* Set a 8px margin on the top at the breakpoint xl */ | |
.mt-xl-2 { margin-top: 8px !important; } | |
/* Set a 8px margin on the right at the breakpoint xl */ | |
.mr-xl-2 { margin-right: 8px !important; } | |
/* Set a 8px margin on the bottom at the breakpoint xl */ | |
.mb-xl-2 { margin-bottom: 8px !important; } | |
/* Set a 8px margin on the left at the breakpoint xl */ | |
.ml-xl-2 { margin-left: 8px !important; } | |
/* Set a negative 8px margin on top at the breakpoint xl */ | |
.mt-xl-n2 { margin-top: -8px !important; } | |
/* Set a negative 8px margin on the right at the breakpoint xl */ | |
.mr-xl-n2 { margin-right: -8px !important; } | |
/* Set a negative 8px margin on the bottom at the breakpoint xl */ | |
.mb-xl-n2 { margin-bottom: -8px !important; } | |
/* Set a negative 8px margin on the left at the breakpoint xl */ | |
.ml-xl-n2 { margin-left: -8px !important; } | |
/* Set a 8px margin on the left & right at the breakpoint xl */ | |
.mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; } | |
/* Set a 8px margin on the top & bottom at the breakpoint xl */ | |
.my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } | |
@media (min-width: 1280px) { /* Set a 16px margin to all sides at the breakpoint xl */ | |
.m-xl-3 { margin: 16px !important; } | |
/* Set a 16px margin on the top at the breakpoint xl */ | |
.mt-xl-3 { margin-top: 16px !important; } | |
/* Set a 16px margin on the right at the breakpoint xl */ | |
.mr-xl-3 { margin-right: 16px !important; } | |
/* Set a 16px margin on the bottom at the breakpoint xl */ | |
.mb-xl-3 { margin-bottom: 16px !important; } | |
/* Set a 16px margin on the left at the breakpoint xl */ | |
.ml-xl-3 { margin-left: 16px !important; } | |
/* Set a negative 16px margin on top at the breakpoint xl */ | |
.mt-xl-n3 { margin-top: -16px !important; } | |
/* Set a negative 16px margin on the right at the breakpoint xl */ | |
.mr-xl-n3 { margin-right: -16px !important; } | |
/* Set a negative 16px margin on the bottom at the breakpoint xl */ | |
.mb-xl-n3 { margin-bottom: -16px !important; } | |
/* Set a negative 16px margin on the left at the breakpoint xl */ | |
.ml-xl-n3 { margin-left: -16px !important; } | |
/* Set a 16px margin on the left & right at the breakpoint xl */ | |
.mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; } | |
/* Set a 16px margin on the top & bottom at the breakpoint xl */ | |
.my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } | |
@media (min-width: 1280px) { /* Set a 24px margin to all sides at the breakpoint xl */ | |
.m-xl-4 { margin: 24px !important; } | |
/* Set a 24px margin on the top at the breakpoint xl */ | |
.mt-xl-4 { margin-top: 24px !important; } | |
/* Set a 24px margin on the right at the breakpoint xl */ | |
.mr-xl-4 { margin-right: 24px !important; } | |
/* Set a 24px margin on the bottom at the breakpoint xl */ | |
.mb-xl-4 { margin-bottom: 24px !important; } | |
/* Set a 24px margin on the left at the breakpoint xl */ | |
.ml-xl-4 { margin-left: 24px !important; } | |
/* Set a negative 24px margin on top at the breakpoint xl */ | |
.mt-xl-n4 { margin-top: -24px !important; } | |
/* Set a negative 24px margin on the right at the breakpoint xl */ | |
.mr-xl-n4 { margin-right: -24px !important; } | |
/* Set a negative 24px margin on the bottom at the breakpoint xl */ | |
.mb-xl-n4 { margin-bottom: -24px !important; } | |
/* Set a negative 24px margin on the left at the breakpoint xl */ | |
.ml-xl-n4 { margin-left: -24px !important; } | |
/* Set a 24px margin on the left & right at the breakpoint xl */ | |
.mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; } | |
/* Set a 24px margin on the top & bottom at the breakpoint xl */ | |
.my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } | |
@media (min-width: 1280px) { /* Set a 32px margin to all sides at the breakpoint xl */ | |
.m-xl-5 { margin: 32px !important; } | |
/* Set a 32px margin on the top at the breakpoint xl */ | |
.mt-xl-5 { margin-top: 32px !important; } | |
/* Set a 32px margin on the right at the breakpoint xl */ | |
.mr-xl-5 { margin-right: 32px !important; } | |
/* Set a 32px margin on the bottom at the breakpoint xl */ | |
.mb-xl-5 { margin-bottom: 32px !important; } | |
/* Set a 32px margin on the left at the breakpoint xl */ | |
.ml-xl-5 { margin-left: 32px !important; } | |
/* Set a negative 32px margin on top at the breakpoint xl */ | |
.mt-xl-n5 { margin-top: -32px !important; } | |
/* Set a negative 32px margin on the right at the breakpoint xl */ | |
.mr-xl-n5 { margin-right: -32px !important; } | |
/* Set a negative 32px margin on the bottom at the breakpoint xl */ | |
.mb-xl-n5 { margin-bottom: -32px !important; } | |
/* Set a negative 32px margin on the left at the breakpoint xl */ | |
.ml-xl-n5 { margin-left: -32px !important; } | |
/* Set a 32px margin on the left & right at the breakpoint xl */ | |
.mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; } | |
/* Set a 32px margin on the top & bottom at the breakpoint xl */ | |
.my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } | |
@media (min-width: 1280px) { /* Set a 40px margin to all sides at the breakpoint xl */ | |
.m-xl-6 { margin: 40px !important; } | |
/* Set a 40px margin on the top at the breakpoint xl */ | |
.mt-xl-6 { margin-top: 40px !important; } | |
/* Set a 40px margin on the right at the breakpoint xl */ | |
.mr-xl-6 { margin-right: 40px !important; } | |
/* Set a 40px margin on the bottom at the breakpoint xl */ | |
.mb-xl-6 { margin-bottom: 40px !important; } | |
/* Set a 40px margin on the left at the breakpoint xl */ | |
.ml-xl-6 { margin-left: 40px !important; } | |
/* Set a negative 40px margin on top at the breakpoint xl */ | |
.mt-xl-n6 { margin-top: -40px !important; } | |
/* Set a negative 40px margin on the right at the breakpoint xl */ | |
.mr-xl-n6 { margin-right: -40px !important; } | |
/* Set a negative 40px margin on the bottom at the breakpoint xl */ | |
.mb-xl-n6 { margin-bottom: -40px !important; } | |
/* Set a negative 40px margin on the left at the breakpoint xl */ | |
.ml-xl-n6 { margin-left: -40px !important; } | |
/* Set a 40px margin on the left & right at the breakpoint xl */ | |
.mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; } | |
/* Set a 40px margin on the top & bottom at the breakpoint xl */ | |
.my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } | |
/* Set a 0 padding to all sides */ | |
.p-0 { padding: 0 !important; } | |
/* Set a 0 padding to the top */ | |
.pt-0 { padding-top: 0 !important; } | |
/* Set a 0 padding to the right */ | |
.pr-0 { padding-right: 0 !important; } | |
/* Set a 0 padding to the bottom */ | |
.pb-0 { padding-bottom: 0 !important; } | |
/* Set a 0 padding to the left */ | |
.pl-0 { padding-left: 0 !important; } | |
/* Set a 0 padding to the left & right */ | |
.px-0 { padding-right: 0 !important; padding-left: 0 !important; } | |
/* Set a 0 padding to the top & bottom */ | |
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } | |
/* Set a 4px padding to all sides */ | |
.p-1 { padding: 4px !important; } | |
/* Set a 4px padding to the top */ | |
.pt-1 { padding-top: 4px !important; } | |
/* Set a 4px padding to the right */ | |
.pr-1 { padding-right: 4px !important; } | |
/* Set a 4px padding to the bottom */ | |
.pb-1 { padding-bottom: 4px !important; } | |
/* Set a 4px padding to the left */ | |
.pl-1 { padding-left: 4px !important; } | |
/* Set a 4px padding to the left & right */ | |
.px-1 { padding-right: 4px !important; padding-left: 4px !important; } | |
/* Set a 4px padding to the top & bottom */ | |
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } | |
/* Set a 8px padding to all sides */ | |
.p-2 { padding: 8px !important; } | |
/* Set a 8px padding to the top */ | |
.pt-2 { padding-top: 8px !important; } | |
/* Set a 8px padding to the right */ | |
.pr-2 { padding-right: 8px !important; } | |
/* Set a 8px padding to the bottom */ | |
.pb-2 { padding-bottom: 8px !important; } | |
/* Set a 8px padding to the left */ | |
.pl-2 { padding-left: 8px !important; } | |
/* Set a 8px padding to the left & right */ | |
.px-2 { padding-right: 8px !important; padding-left: 8px !important; } | |
/* Set a 8px padding to the top & bottom */ | |
.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } | |
/* Set a 16px padding to all sides */ | |
.p-3 { padding: 16px !important; } | |
/* Set a 16px padding to the top */ | |
.pt-3 { padding-top: 16px !important; } | |
/* Set a 16px padding to the right */ | |
.pr-3 { padding-right: 16px !important; } | |
/* Set a 16px padding to the bottom */ | |
.pb-3 { padding-bottom: 16px !important; } | |
/* Set a 16px padding to the left */ | |
.pl-3 { padding-left: 16px !important; } | |
/* Set a 16px padding to the left & right */ | |
.px-3 { padding-right: 16px !important; padding-left: 16px !important; } | |
/* Set a 16px padding to the top & bottom */ | |
.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; } | |
/* Set a 24px padding to all sides */ | |
.p-4 { padding: 24px !important; } | |
/* Set a 24px padding to the top */ | |
.pt-4 { padding-top: 24px !important; } | |
/* Set a 24px padding to the right */ | |
.pr-4 { padding-right: 24px !important; } | |
/* Set a 24px padding to the bottom */ | |
.pb-4 { padding-bottom: 24px !important; } | |
/* Set a 24px padding to the left */ | |
.pl-4 { padding-left: 24px !important; } | |
/* Set a 24px padding to the left & right */ | |
.px-4 { padding-right: 24px !important; padding-left: 24px !important; } | |
/* Set a 24px padding to the top & bottom */ | |
.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; } | |
/* Set a 32px padding to all sides */ | |
.p-5 { padding: 32px !important; } | |
/* Set a 32px padding to the top */ | |
.pt-5 { padding-top: 32px !important; } | |
/* Set a 32px padding to the right */ | |
.pr-5 { padding-right: 32px !important; } | |
/* Set a 32px padding to the bottom */ | |
.pb-5 { padding-bottom: 32px !important; } | |
/* Set a 32px padding to the left */ | |
.pl-5 { padding-left: 32px !important; } | |
/* Set a 32px padding to the left & right */ | |
.px-5 { padding-right: 32px !important; padding-left: 32px !important; } | |
/* Set a 32px padding to the top & bottom */ | |
.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; } | |
/* Set a 40px padding to all sides */ | |
.p-6 { padding: 40px !important; } | |
/* Set a 40px padding to the top */ | |
.pt-6 { padding-top: 40px !important; } | |
/* Set a 40px padding to the right */ | |
.pr-6 { padding-right: 40px !important; } | |
/* Set a 40px padding to the bottom */ | |
.pb-6 { padding-bottom: 40px !important; } | |
/* Set a 40px padding to the left */ | |
.pl-6 { padding-left: 40px !important; } | |
/* Set a 40px padding to the left & right */ | |
.px-6 { padding-right: 40px !important; padding-left: 40px !important; } | |
/* Set a 40px padding to the top & bottom */ | |
.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; } | |
@media (min-width: 544px) { /* Set a 0 padding to all sides at the sm breakpoint */ | |
.p-sm-0 { padding: 0 !important; } | |
/* Set a 0 padding to the top at the sm breakpoint */ | |
.pt-sm-0 { padding-top: 0 !important; } | |
/* Set a 0 padding to the right at the sm breakpoint */ | |
.pr-sm-0 { padding-right: 0 !important; } | |
/* Set a 0 padding to the bottom at the sm breakpoint */ | |
.pb-sm-0 { padding-bottom: 0 !important; } | |
/* Set a 0 padding to the left at the sm breakpoint */ | |
.pl-sm-0 { padding-left: 0 !important; } | |
/* Set a 0 padding to the left & right at the sm breakpoint */ | |
.px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } | |
/* Set a 0 padding to the top & bottom at the sm breakpoint */ | |
.py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } | |
@media (min-width: 544px) { /* Set a 4px padding to all sides at the sm breakpoint */ | |
.p-sm-1 { padding: 4px !important; } | |
/* Set a 4px padding to the top at the sm breakpoint */ | |
.pt-sm-1 { padding-top: 4px !important; } | |
/* Set a 4px padding to the right at the sm breakpoint */ | |
.pr-sm-1 { padding-right: 4px !important; } | |
/* Set a 4px padding to the bottom at the sm breakpoint */ | |
.pb-sm-1 { padding-bottom: 4px !important; } | |
/* Set a 4px padding to the left at the sm breakpoint */ | |
.pl-sm-1 { padding-left: 4px !important; } | |
/* Set a 4px padding to the left & right at the sm breakpoint */ | |
.px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; } | |
/* Set a 4px padding to the top & bottom at the sm breakpoint */ | |
.py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } | |
@media (min-width: 544px) { /* Set a 8px padding to all sides at the sm breakpoint */ | |
.p-sm-2 { padding: 8px !important; } | |
/* Set a 8px padding to the top at the sm breakpoint */ | |
.pt-sm-2 { padding-top: 8px !important; } | |
/* Set a 8px padding to the right at the sm breakpoint */ | |
.pr-sm-2 { padding-right: 8px !important; } | |
/* Set a 8px padding to the bottom at the sm breakpoint */ | |
.pb-sm-2 { padding-bottom: 8px !important; } | |
/* Set a 8px padding to the left at the sm breakpoint */ | |
.pl-sm-2 { padding-left: 8px !important; } | |
/* Set a 8px padding to the left & right at the sm breakpoint */ | |
.px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; } | |
/* Set a 8px padding to the top & bottom at the sm breakpoint */ | |
.py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } | |
@media (min-width: 544px) { /* Set a 16px padding to all sides at the sm breakpoint */ | |
.p-sm-3 { padding: 16px !important; } | |
/* Set a 16px padding to the top at the sm breakpoint */ | |
.pt-sm-3 { padding-top: 16px !important; } | |
/* Set a 16px padding to the right at the sm breakpoint */ | |
.pr-sm-3 { padding-right: 16px !important; } | |
/* Set a 16px padding to the bottom at the sm breakpoint */ | |
.pb-sm-3 { padding-bottom: 16px !important; } | |
/* Set a 16px padding to the left at the sm breakpoint */ | |
.pl-sm-3 { padding-left: 16px !important; } | |
/* Set a 16px padding to the left & right at the sm breakpoint */ | |
.px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; } | |
/* Set a 16px padding to the top & bottom at the sm breakpoint */ | |
.py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } | |
@media (min-width: 544px) { /* Set a 24px padding to all sides at the sm breakpoint */ | |
.p-sm-4 { padding: 24px !important; } | |
/* Set a 24px padding to the top at the sm breakpoint */ | |
.pt-sm-4 { padding-top: 24px !important; } | |
/* Set a 24px padding to the right at the sm breakpoint */ | |
.pr-sm-4 { padding-right: 24px !important; } | |
/* Set a 24px padding to the bottom at the sm breakpoint */ | |
.pb-sm-4 { padding-bottom: 24px !important; } | |
/* Set a 24px padding to the left at the sm breakpoint */ | |
.pl-sm-4 { padding-left: 24px !important; } | |
/* Set a 24px padding to the left & right at the sm breakpoint */ | |
.px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; } | |
/* Set a 24px padding to the top & bottom at the sm breakpoint */ | |
.py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } | |
@media (min-width: 544px) { /* Set a 32px padding to all sides at the sm breakpoint */ | |
.p-sm-5 { padding: 32px !important; } | |
/* Set a 32px padding to the top at the sm breakpoint */ | |
.pt-sm-5 { padding-top: 32px !important; } | |
/* Set a 32px padding to the right at the sm breakpoint */ | |
.pr-sm-5 { padding-right: 32px !important; } | |
/* Set a 32px padding to the bottom at the sm breakpoint */ | |
.pb-sm-5 { padding-bottom: 32px !important; } | |
/* Set a 32px padding to the left at the sm breakpoint */ | |
.pl-sm-5 { padding-left: 32px !important; } | |
/* Set a 32px padding to the left & right at the sm breakpoint */ | |
.px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; } | |
/* Set a 32px padding to the top & bottom at the sm breakpoint */ | |
.py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } | |
@media (min-width: 544px) { /* Set a 40px padding to all sides at the sm breakpoint */ | |
.p-sm-6 { padding: 40px !important; } | |
/* Set a 40px padding to the top at the sm breakpoint */ | |
.pt-sm-6 { padding-top: 40px !important; } | |
/* Set a 40px padding to the right at the sm breakpoint */ | |
.pr-sm-6 { padding-right: 40px !important; } | |
/* Set a 40px padding to the bottom at the sm breakpoint */ | |
.pb-sm-6 { padding-bottom: 40px !important; } | |
/* Set a 40px padding to the left at the sm breakpoint */ | |
.pl-sm-6 { padding-left: 40px !important; } | |
/* Set a 40px padding to the left & right at the sm breakpoint */ | |
.px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; } | |
/* Set a 40px padding to the top & bottom at the sm breakpoint */ | |
.py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } | |
@media (min-width: 768px) { /* Set a 0 padding to all sides at the md breakpoint */ | |
.p-md-0 { padding: 0 !important; } | |
/* Set a 0 padding to the top at the md breakpoint */ | |
.pt-md-0 { padding-top: 0 !important; } | |
/* Set a 0 padding to the right at the md breakpoint */ | |
.pr-md-0 { padding-right: 0 !important; } | |
/* Set a 0 padding to the bottom at the md breakpoint */ | |
.pb-md-0 { padding-bottom: 0 !important; } | |
/* Set a 0 padding to the left at the md breakpoint */ | |
.pl-md-0 { padding-left: 0 !important; } | |
/* Set a 0 padding to the left & right at the md breakpoint */ | |
.px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } | |
/* Set a 0 padding to the top & bottom at the md breakpoint */ | |
.py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } | |
@media (min-width: 768px) { /* Set a 4px padding to all sides at the md breakpoint */ | |
.p-md-1 { padding: 4px !important; } | |
/* Set a 4px padding to the top at the md breakpoint */ | |
.pt-md-1 { padding-top: 4px !important; } | |
/* Set a 4px padding to the right at the md breakpoint */ | |
.pr-md-1 { padding-right: 4px !important; } | |
/* Set a 4px padding to the bottom at the md breakpoint */ | |
.pb-md-1 { padding-bottom: 4px !important; } | |
/* Set a 4px padding to the left at the md breakpoint */ | |
.pl-md-1 { padding-left: 4px !important; } | |
/* Set a 4px padding to the left & right at the md breakpoint */ | |
.px-md-1 { padding-right: 4px !important; padding-left: 4px !important; } | |
/* Set a 4px padding to the top & bottom at the md breakpoint */ | |
.py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } | |
@media (min-width: 768px) { /* Set a 8px padding to all sides at the md breakpoint */ | |
.p-md-2 { padding: 8px !important; } | |
/* Set a 8px padding to the top at the md breakpoint */ | |
.pt-md-2 { padding-top: 8px !important; } | |
/* Set a 8px padding to the right at the md breakpoint */ | |
.pr-md-2 { padding-right: 8px !important; } | |
/* Set a 8px padding to the bottom at the md breakpoint */ | |
.pb-md-2 { padding-bottom: 8px !important; } | |
/* Set a 8px padding to the left at the md breakpoint */ | |
.pl-md-2 { padding-left: 8px !important; } | |
/* Set a 8px padding to the left & right at the md breakpoint */ | |
.px-md-2 { padding-right: 8px !important; padding-left: 8px !important; } | |
/* Set a 8px padding to the top & bottom at the md breakpoint */ | |
.py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } | |
@media (min-width: 768px) { /* Set a 16px padding to all sides at the md breakpoint */ | |
.p-md-3 { padding: 16px !important; } | |
/* Set a 16px padding to the top at the md breakpoint */ | |
.pt-md-3 { padding-top: 16px !important; } | |
/* Set a 16px padding to the right at the md breakpoint */ | |
.pr-md-3 { padding-right: 16px !important; } | |
/* Set a 16px padding to the bottom at the md breakpoint */ | |
.pb-md-3 { padding-bottom: 16px !important; } | |
/* Set a 16px padding to the left at the md breakpoint */ | |
.pl-md-3 { padding-left: 16px !important; } | |
/* Set a 16px padding to the left & right at the md breakpoint */ | |
.px-md-3 { padding-right: 16px !important; padding-left: 16px !important; } | |
/* Set a 16px padding to the top & bottom at the md breakpoint */ | |
.py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } | |
@media (min-width: 768px) { /* Set a 24px padding to all sides at the md breakpoint */ | |
.p-md-4 { padding: 24px !important; } | |
/* Set a 24px padding to the top at the md breakpoint */ | |
.pt-md-4 { padding-top: 24px !important; } | |
/* Set a 24px padding to the right at the md breakpoint */ | |
.pr-md-4 { padding-right: 24px !important; } | |
/* Set a 24px padding to the bottom at the md breakpoint */ | |
.pb-md-4 { padding-bottom: 24px !important; } | |
/* Set a 24px padding to the left at the md breakpoint */ | |
.pl-md-4 { padding-left: 24px !important; } | |
/* Set a 24px padding to the left & right at the md breakpoint */ | |
.px-md-4 { padding-right: 24px !important; padding-left: 24px !important; } | |
/* Set a 24px padding to the top & bottom at the md breakpoint */ | |
.py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } | |
@media (min-width: 768px) { /* Set a 32px padding to all sides at the md breakpoint */ | |
.p-md-5 { padding: 32px !important; } | |
/* Set a 32px padding to the top at the md breakpoint */ | |
.pt-md-5 { padding-top: 32px !important; } | |
/* Set a 32px padding to the right at the md breakpoint */ | |
.pr-md-5 { padding-right: 32px !important; } | |
/* Set a 32px padding to the bottom at the md breakpoint */ | |
.pb-md-5 { padding-bottom: 32px !important; } | |
/* Set a 32px padding to the left at the md breakpoint */ | |
.pl-md-5 { padding-left: 32px !important; } | |
/* Set a 32px padding to the left & right at the md breakpoint */ | |
.px-md-5 { padding-right: 32px !important; padding-left: 32px !important; } | |
/* Set a 32px padding to the top & bottom at the md breakpoint */ | |
.py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } | |
@media (min-width: 768px) { /* Set a 40px padding to all sides at the md breakpoint */ | |
.p-md-6 { padding: 40px !important; } | |
/* Set a 40px padding to the top at the md breakpoint */ | |
.pt-md-6 { padding-top: 40px !important; } | |
/* Set a 40px padding to the right at the md breakpoint */ | |
.pr-md-6 { padding-right: 40px !important; } | |
/* Set a 40px padding to the bottom at the md breakpoint */ | |
.pb-md-6 { padding-bottom: 40px !important; } | |
/* Set a 40px padding to the left at the md breakpoint */ | |
.pl-md-6 { padding-left: 40px !important; } | |
/* Set a 40px padding to the left & right at the md breakpoint */ | |
.px-md-6 { padding-right: 40px !important; padding-left: 40px !important; } | |
/* Set a 40px padding to the top & bottom at the md breakpoint */ | |
.py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } | |
@media (min-width: 1012px) { /* Set a 0 padding to all sides at the lg breakpoint */ | |
.p-lg-0 { padding: 0 !important; } | |
/* Set a 0 padding to the top at the lg breakpoint */ | |
.pt-lg-0 { padding-top: 0 !important; } | |
/* Set a 0 padding to the right at the lg breakpoint */ | |
.pr-lg-0 { padding-right: 0 !important; } | |
/* Set a 0 padding to the bottom at the lg breakpoint */ | |
.pb-lg-0 { padding-bottom: 0 !important; } | |
/* Set a 0 padding to the left at the lg breakpoint */ | |
.pl-lg-0 { padding-left: 0 !important; } | |
/* Set a 0 padding to the left & right at the lg breakpoint */ | |
.px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } | |
/* Set a 0 padding to the top & bottom at the lg breakpoint */ | |
.py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } | |
@media (min-width: 1012px) { /* Set a 4px padding to all sides at the lg breakpoint */ | |
.p-lg-1 { padding: 4px !important; } | |
/* Set a 4px padding to the top at the lg breakpoint */ | |
.pt-lg-1 { padding-top: 4px !important; } | |
/* Set a 4px padding to the right at the lg breakpoint */ | |
.pr-lg-1 { padding-right: 4px !important; } | |
/* Set a 4px padding to the bottom at the lg breakpoint */ | |
.pb-lg-1 { padding-bottom: 4px !important; } | |
/* Set a 4px padding to the left at the lg breakpoint */ | |
.pl-lg-1 { padding-left: 4px !important; } | |
/* Set a 4px padding to the left & right at the lg breakpoint */ | |
.px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; } | |
/* Set a 4px padding to the top & bottom at the lg breakpoint */ | |
.py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } | |
@media (min-width: 1012px) { /* Set a 8px padding to all sides at the lg breakpoint */ | |
.p-lg-2 { padding: 8px !important; } | |
/* Set a 8px padding to the top at the lg breakpoint */ | |
.pt-lg-2 { padding-top: 8px !important; } | |
/* Set a 8px padding to the right at the lg breakpoint */ | |
.pr-lg-2 { padding-right: 8px !important; } | |
/* Set a 8px padding to the bottom at the lg breakpoint */ | |
.pb-lg-2 { padding-bottom: 8px !important; } | |
/* Set a 8px padding to the left at the lg breakpoint */ | |
.pl-lg-2 { padding-left: 8px !important; } | |
/* Set a 8px padding to the left & right at the lg breakpoint */ | |
.px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; } | |
/* Set a 8px padding to the top & bottom at the lg breakpoint */ | |
.py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } | |
@media (min-width: 1012px) { /* Set a 16px padding to all sides at the lg breakpoint */ | |
.p-lg-3 { padding: 16px !important; } | |
/* Set a 16px padding to the top at the lg breakpoint */ | |
.pt-lg-3 { padding-top: 16px !important; } | |
/* Set a 16px padding to the right at the lg breakpoint */ | |
.pr-lg-3 { padding-right: 16px !important; } | |
/* Set a 16px padding to the bottom at the lg breakpoint */ | |
.pb-lg-3 { padding-bottom: 16px !important; } | |
/* Set a 16px padding to the left at the lg breakpoint */ | |
.pl-lg-3 { padding-left: 16px !important; } | |
/* Set a 16px padding to the left & right at the lg breakpoint */ | |
.px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; } | |
/* Set a 16px padding to the top & bottom at the lg breakpoint */ | |
.py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } | |
@media (min-width: 1012px) { /* Set a 24px padding to all sides at the lg breakpoint */ | |
.p-lg-4 { padding: 24px !important; } | |
/* Set a 24px padding to the top at the lg breakpoint */ | |
.pt-lg-4 { padding-top: 24px !important; } | |
/* Set a 24px padding to the right at the lg breakpoint */ | |
.pr-lg-4 { padding-right: 24px !important; } | |
/* Set a 24px padding to the bottom at the lg breakpoint */ | |
.pb-lg-4 { padding-bottom: 24px !important; } | |
/* Set a 24px padding to the left at the lg breakpoint */ | |
.pl-lg-4 { padding-left: 24px !important; } | |
/* Set a 24px padding to the left & right at the lg breakpoint */ | |
.px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; } | |
/* Set a 24px padding to the top & bottom at the lg breakpoint */ | |
.py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } | |
@media (min-width: 1012px) { /* Set a 32px padding to all sides at the lg breakpoint */ | |
.p-lg-5 { padding: 32px !important; } | |
/* Set a 32px padding to the top at the lg breakpoint */ | |
.pt-lg-5 { padding-top: 32px !important; } | |
/* Set a 32px padding to the right at the lg breakpoint */ | |
.pr-lg-5 { padding-right: 32px !important; } | |
/* Set a 32px padding to the bottom at the lg breakpoint */ | |
.pb-lg-5 { padding-bottom: 32px !important; } | |
/* Set a 32px padding to the left at the lg breakpoint */ | |
.pl-lg-5 { padding-left: 32px !important; } | |
/* Set a 32px padding to the left & right at the lg breakpoint */ | |
.px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; } | |
/* Set a 32px padding to the top & bottom at the lg breakpoint */ | |
.py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } | |
@media (min-width: 1012px) { /* Set a 40px padding to all sides at the lg breakpoint */ | |
.p-lg-6 { padding: 40px !important; } | |
/* Set a 40px padding to the top at the lg breakpoint */ | |
.pt-lg-6 { padding-top: 40px !important; } | |
/* Set a 40px padding to the right at the lg breakpoint */ | |
.pr-lg-6 { padding-right: 40px !important; } | |
/* Set a 40px padding to the bottom at the lg breakpoint */ | |
.pb-lg-6 { padding-bottom: 40px !important; } | |
/* Set a 40px padding to the left at the lg breakpoint */ | |
.pl-lg-6 { padding-left: 40px !important; } | |
/* Set a 40px padding to the left & right at the lg breakpoint */ | |
.px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; } | |
/* Set a 40px padding to the top & bottom at the lg breakpoint */ | |
.py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } | |
@media (min-width: 1280px) { /* Set a 0 padding to all sides at the xl breakpoint */ | |
.p-xl-0 { padding: 0 !important; } | |
/* Set a 0 padding to the top at the xl breakpoint */ | |
.pt-xl-0 { padding-top: 0 !important; } | |
/* Set a 0 padding to the right at the xl breakpoint */ | |
.pr-xl-0 { padding-right: 0 !important; } | |
/* Set a 0 padding to the bottom at the xl breakpoint */ | |
.pb-xl-0 { padding-bottom: 0 !important; } | |
/* Set a 0 padding to the left at the xl breakpoint */ | |
.pl-xl-0 { padding-left: 0 !important; } | |
/* Set a 0 padding to the left & right at the xl breakpoint */ | |
.px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } | |
/* Set a 0 padding to the top & bottom at the xl breakpoint */ | |
.py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } | |
@media (min-width: 1280px) { /* Set a 4px padding to all sides at the xl breakpoint */ | |
.p-xl-1 { padding: 4px !important; } | |
/* Set a 4px padding to the top at the xl breakpoint */ | |
.pt-xl-1 { padding-top: 4px !important; } | |
/* Set a 4px padding to the right at the xl breakpoint */ | |
.pr-xl-1 { padding-right: 4px !important; } | |
/* Set a 4px padding to the bottom at the xl breakpoint */ | |
.pb-xl-1 { padding-bottom: 4px !important; } | |
/* Set a 4px padding to the left at the xl breakpoint */ | |
.pl-xl-1 { padding-left: 4px !important; } | |
/* Set a 4px padding to the left & right at the xl breakpoint */ | |
.px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; } | |
/* Set a 4px padding to the top & bottom at the xl breakpoint */ | |
.py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } | |
@media (min-width: 1280px) { /* Set a 8px padding to all sides at the xl breakpoint */ | |
.p-xl-2 { padding: 8px !important; } | |
/* Set a 8px padding to the top at the xl breakpoint */ | |
.pt-xl-2 { padding-top: 8px !important; } | |
/* Set a 8px padding to the right at the xl breakpoint */ | |
.pr-xl-2 { padding-right: 8px !important; } | |
/* Set a 8px padding to the bottom at the xl breakpoint */ | |
.pb-xl-2 { padding-bottom: 8px !important; } | |
/* Set a 8px padding to the left at the xl breakpoint */ | |
.pl-xl-2 { padding-left: 8px !important; } | |
/* Set a 8px padding to the left & right at the xl breakpoint */ | |
.px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; } | |
/* Set a 8px padding to the top & bottom at the xl breakpoint */ | |
.py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } | |
@media (min-width: 1280px) { /* Set a 16px padding to all sides at the xl breakpoint */ | |
.p-xl-3 { padding: 16px !important; } | |
/* Set a 16px padding to the top at the xl breakpoint */ | |
.pt-xl-3 { padding-top: 16px !important; } | |
/* Set a 16px padding to the right at the xl breakpoint */ | |
.pr-xl-3 { padding-right: 16px !important; } | |
/* Set a 16px padding to the bottom at the xl breakpoint */ | |
.pb-xl-3 { padding-bottom: 16px !important; } | |
/* Set a 16px padding to the left at the xl breakpoint */ | |
.pl-xl-3 { padding-left: 16px !important; } | |
/* Set a 16px padding to the left & right at the xl breakpoint */ | |
.px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; } | |
/* Set a 16px padding to the top & bottom at the xl breakpoint */ | |
.py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } | |
@media (min-width: 1280px) { /* Set a 24px padding to all sides at the xl breakpoint */ | |
.p-xl-4 { padding: 24px !important; } | |
/* Set a 24px padding to the top at the xl breakpoint */ | |
.pt-xl-4 { padding-top: 24px !important; } | |
/* Set a 24px padding to the right at the xl breakpoint */ | |
.pr-xl-4 { padding-right: 24px !important; } | |
/* Set a 24px padding to the bottom at the xl breakpoint */ | |
.pb-xl-4 { padding-bottom: 24px !important; } | |
/* Set a 24px padding to the left at the xl breakpoint */ | |
.pl-xl-4 { padding-left: 24px !important; } | |
/* Set a 24px padding to the left & right at the xl breakpoint */ | |
.px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; } | |
/* Set a 24px padding to the top & bottom at the xl breakpoint */ | |
.py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } | |
@media (min-width: 1280px) { /* Set a 32px padding to all sides at the xl breakpoint */ | |
.p-xl-5 { padding: 32px !important; } | |
/* Set a 32px padding to the top at the xl breakpoint */ | |
.pt-xl-5 { padding-top: 32px !important; } | |
/* Set a 32px padding to the right at the xl breakpoint */ | |
.pr-xl-5 { padding-right: 32px !important; } | |
/* Set a 32px padding to the bottom at the xl breakpoint */ | |
.pb-xl-5 { padding-bottom: 32px !important; } | |
/* Set a 32px padding to the left at the xl breakpoint */ | |
.pl-xl-5 { padding-left: 32px !important; } | |
/* Set a 32px padding to the left & right at the xl breakpoint */ | |
.px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; } | |
/* Set a 32px padding to the top & bottom at the xl breakpoint */ | |
.py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } | |
@media (min-width: 1280px) { /* Set a 40px padding to all sides at the xl breakpoint */ | |
.p-xl-6 { padding: 40px !important; } | |
/* Set a 40px padding to the top at the xl breakpoint */ | |
.pt-xl-6 { padding-top: 40px !important; } | |
/* Set a 40px padding to the right at the xl breakpoint */ | |
.pr-xl-6 { padding-right: 40px !important; } | |
/* Set a 40px padding to the bottom at the xl breakpoint */ | |
.pb-xl-6 { padding-bottom: 40px !important; } | |
/* Set a 40px padding to the left at the xl breakpoint */ | |
.pl-xl-6 { padding-left: 40px !important; } | |
/* Set a 40px padding to the left & right at the xl breakpoint */ | |
.px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; } | |
/* Set a 40px padding to the top & bottom at the xl breakpoint */ | |
.py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !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; } | |
@media (min-width: 768px) { .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: #555; } | |
/* 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; } | |
/* 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-sm-right { text-align: right !important; } | |
.text-sm-left { text-align: left !important; } | |
.text-sm-center { text-align: center !important; } } | |
@media (min-width: 768px) { .text-md-right { text-align: right !important; } | |
.text-md-left { text-align: left !important; } | |
.text-md-center { text-align: center !important; } } | |
@media (min-width: 1012px) { .text-lg-right { text-align: right !important; } | |
.text-lg-left { text-align: left !important; } | |
.text-lg-center { text-align: center !important; } } | |
@media (min-width: 1280px) { .text-xl-right { text-align: right !important; } | |
.text-xl-left { text-align: left !important; } | |
.text-xl-center { text-align: center !important; } } | |
/* Set the font weight to normal */ | |
.text-normal { font-weight: normal !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 */ | |
.no-underline { text-decoration: none !important; } | |
/* Don't wrap white space */ | |
.no-wrap { white-space: nowrap !important; } | |
/* Allow long lines with no spaces to line break */ | |
.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(0, 0, 0, 0.25), 0 1px 25px rgba(0, 0, 0, 0.75); } | |
/* Add a light text shadow */ | |
.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } | |
/* Visibility hidden */ | |
.v-hidden { visibility: hidden !important; } | |
/* Visibility visible */ | |
.v-visible { visibility: visible !important; } | |
/* Set the display to table */ | |
.d-table { display: table !important; } | |
/* Set the display to table-cell */ | |
.d-table-cell { display: table-cell !important; } | |
/* Set the table-layout to fixed */ | |
.table-fixed { table-layout: fixed !important; } | |
/* Set the display to block */ | |
.d-block { display: block !important; } | |
/* Set the display to inline */ | |
.d-inline { display: inline !important; } | |
/* Set the display to inline-block */ | |
.d-inline-block { display: inline-block !important; } | |
/* Set the display to flex */ | |
.d-flex { display: flex !important; } | |
/* Set the display to inline-flex */ | |
.d-inline-flex { display: inline-flex !important; } | |
/* Set the display to none */ | |
.d-none { display: none !important; } | |
@media (min-width: 544px) { /* Set the display to table at the sm breakpoint */ | |
.d-sm-table { display: table !important; } | |
/* Set the display to table cell at the sm breakpoint */ | |
.d-sm-table-cell { display: table-cell !important; } | |
/* Set the display to block at the sm breakpoint */ | |
.d-sm-block { display: block !important; } | |
/* Set the display to inline at the sm breakpoint */ | |
.d-sm-inline { display: inline !important; } | |
/* Set the display to inline block at the sm breakpoint */ | |
.d-sm-inline-block { display: inline-block !important; } | |
/* Set the display to flex at the sm breakpoint */ | |
.d-sm-flex { display: flex !important; } | |
/* Set the display to flex at the sm breakpoint */ | |
.d-sm-inline-flex { display: inline-flex !important; } | |
/* Set the display to none at the sm breakpoint */ | |
.d-sm-none { display: none !important; } } | |
@media (min-width: 768px) { /* Set the display to table at the md breakpoint */ | |
.d-md-table { display: table !important; } | |
/* Set the display to table cell at the md breakpoint */ | |
.d-md-table-cell { display: table-cell !important; } | |
/* Set the display to block at the md breakpoint */ | |
.d-md-block { display: block !important; } | |
/* Set the display to inline at the md breakpoint */ | |
.d-md-inline { display: inline !important; } | |
/* Set the display to inline block at the md breakpoint */ | |
.d-md-inline-block { display: inline-block !important; } | |
/* Set the display to flex at the md breakpoint */ | |
.d-md-flex { display: flex !important; } | |
/* Set the display to flex at the md breakpoint */ | |
.d-md-inline-flex { display: inline-flex !important; } | |
/* Set the display to none at the md breakpoint */ | |
.d-md-none { display: none !important; } } | |
@media (min-width: 1012px) { /* Set the display to table at the lg breakpoint */ | |
.d-lg-table { display: table !important; } | |
/* Set the display to table cell at the lg breakpoint */ | |
.d-lg-table-cell { display: table-cell !important; } | |
/* Set the display to block at the lg breakpoint */ | |
.d-lg-block { display: block !important; } | |
/* Set the display to inline at the lg breakpoint */ | |
.d-lg-inline { display: inline !important; } | |
/* Set the display to inline block at the lg breakpoint */ | |
.d-lg-inline-block { display: inline-block !important; } | |
/* Set the display to flex at the lg breakpoint */ | |
.d-lg-flex { display: flex !important; } | |
/* Set the display to flex at the lg breakpoint */ | |
.d-lg-inline-flex { display: inline-flex !important; } | |
/* Set the display to none at the lg breakpoint */ | |
.d-lg-none { display: none !important; } } | |
@media (min-width: 1280px) { /* Set the display to table at the xl breakpoint */ | |
.d-xl-table { display: table !important; } | |
/* Set the display to table cell at the xl breakpoint */ | |
.d-xl-table-cell { display: table-cell !important; } | |
/* Set the display to block at the xl breakpoint */ | |
.d-xl-block { display: block !important; } | |
/* Set the display to inline at the xl breakpoint */ | |
.d-xl-inline { display: inline !important; } | |
/* Set the display to inline block at the xl breakpoint */ | |
.d-xl-inline-block { display: inline-block !important; } | |
/* Set the display to flex at the xl breakpoint */ | |
.d-xl-flex { display: flex !important; } | |
/* Set the display to flex at the xl breakpoint */ | |
.d-xl-inline-flex { display: inline-flex !important; } | |
/* Set the display to none at the xl breakpoint */ | |
.d-xl-none { display: none !important; } } | |
@media (max-width: 544px) { .hide-sm { display: none !important; } } | |
@media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } } | |
@media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } } | |
@media (min-width: 1012px) { .hide-xl { display: none !important; } } | |
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; } | |
.container { width: 980px; margin-right: auto; margin-left: auto; } | |
.container::before { display: table; content: ""; } | |
.container::after { display: table; clear: both; content: ""; } | |
.container-md { max-width: 768px; margin-right: auto; margin-left: auto; } | |
.container-md::before { display: table; content: ""; } | |
.container-md::after { display: table; clear: both; content: ""; } | |
.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; } | |
.container-lg::before { display: table; content: ""; } | |
.container-lg::after { display: table; clear: both; content: ""; } | |
.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; } | |
.container-xl::before { display: table; content: ""; } | |
.container-xl::after { display: table; clear: both; content: ""; } | |
.columns { margin-right: -10px; margin-left: -10px; } | |
.columns::before { display: table; content: ""; } | |
.columns::after { display: table; clear: both; content: ""; } | |
.column { float: left; padding-right: 10px; padding-left: 10px; } | |
.one-third { width: 33.333333%; } | |
.two-thirds { width: 66.666667%; } | |
.one-fourth { width: 25%; } | |
.one-half { width: 50%; } | |
.three-fourths { width: 75%; } | |
.one-fifth { width: 20%; } | |
.four-fifths { width: 80%; } | |
.single-column { padding-right: 10px; padding-left: 10px; } | |
.table-column { display: table-cell; width: 1%; padding-right: 10px; padding-left: 10px; vertical-align: top; } | |
.centered { display: block; float: none; margin-right: auto; margin-left: auto; } | |
.col-1 { width: 8.33333%; } | |
.col-2 { width: 16.66667%; } | |
.col-3 { width: 25%; } | |
.col-4 { width: 33.33333%; } | |
.col-5 { width: 41.66667%; } | |
.col-6 { width: 50%; } | |
.col-7 { width: 58.33333%; } | |
.col-8 { width: 66.66667%; } | |
.col-9 { width: 75%; } | |
.col-10 { width: 83.33333%; } | |
.col-11 { width: 91.66667%; } | |
.col-12 { width: 100%; } | |
@media (min-width: 544px) { .col-sm-1 { width: 8.33333%; } | |
.col-sm-2 { width: 16.66667%; } | |
.col-sm-3 { width: 25%; } | |
.col-sm-4 { width: 33.33333%; } | |
.col-sm-5 { width: 41.66667%; } | |
.col-sm-6 { width: 50%; } | |
.col-sm-7 { width: 58.33333%; } | |
.col-sm-8 { width: 66.66667%; } | |
.col-sm-9 { width: 75%; } | |
.col-sm-10 { width: 83.33333%; } | |
.col-sm-11 { width: 91.66667%; } | |
.col-sm-12 { width: 100%; } } | |
@media (min-width: 768px) { .col-md-1 { width: 8.33333%; } | |
.col-md-2 { width: 16.66667%; } | |
.col-md-3 { width: 25%; } | |
.col-md-4 { width: 33.33333%; } | |
.col-md-5 { width: 41.66667%; } | |
.col-md-6 { width: 50%; } | |
.col-md-7 { width: 58.33333%; } | |
.col-md-8 { width: 66.66667%; } | |
.col-md-9 { width: 75%; } | |
.col-md-10 { width: 83.33333%; } | |
.col-md-11 { width: 91.66667%; } | |
.col-md-12 { width: 100%; } } | |
@media (min-width: 1012px) { .col-lg-1 { width: 8.33333%; } | |
.col-lg-2 { width: 16.66667%; } | |
.col-lg-3 { width: 25%; } | |
.col-lg-4 { width: 33.33333%; } | |
.col-lg-5 { width: 41.66667%; } | |
.col-lg-6 { width: 50%; } | |
.col-lg-7 { width: 58.33333%; } | |
.col-lg-8 { width: 66.66667%; } | |
.col-lg-9 { width: 75%; } | |
.col-lg-10 { width: 83.33333%; } | |
.col-lg-11 { width: 91.66667%; } | |
.col-lg-12 { width: 100%; } } | |
@media (min-width: 1280px) { .col-xl-1 { width: 8.33333%; } | |
.col-xl-2 { width: 16.66667%; } | |
.col-xl-3 { width: 25%; } | |
.col-xl-4 { width: 33.33333%; } | |
.col-xl-5 { width: 41.66667%; } | |
.col-xl-6 { width: 50%; } | |
.col-xl-7 { width: 58.33333%; } | |
.col-xl-8 { width: 66.66667%; } | |
.col-xl-9 { width: 75%; } | |
.col-xl-10 { width: 83.33333%; } | |
.col-xl-11 { width: 91.66667%; } | |
.col-xl-12 { width: 100%; } } | |
.gut-sm { margin-right: -8px; margin-left: -8px; } | |
.gut-sm > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } | |
.gut-md { margin-right: -16px; margin-left: -16px; } | |
.gut-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } | |
.gut-lg { margin-right: -24px; margin-left: -24px; } | |
.gut-lg > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } | |
.offset-1 { margin-left: 8.33333%; } | |
.offset-2 { margin-left: 16.66667%; } | |
.offset-3 { margin-left: 25%; } | |
.offset-4 { margin-left: 33.33333%; } | |
.offset-5 { margin-left: 41.66667%; } | |
.offset-6 { margin-left: 50%; } | |
.offset-7 { margin-left: 58.33333%; } | |
.offset-8 { margin-left: 66.66667%; } | |
.offset-9 { margin-left: 75%; } | |
.offset-10 { margin-left: 83.33333%; } | |
.offset-11 { margin-left: 91.66667%; } | |
@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.33333%; } | |
.offset-sm-2 { margin-left: 16.66667%; } | |
.offset-sm-3 { margin-left: 25%; } | |
.offset-sm-4 { margin-left: 33.33333%; } | |
.offset-sm-5 { margin-left: 41.66667%; } | |
.offset-sm-6 { margin-left: 50%; } | |
.offset-sm-7 { margin-left: 58.33333%; } | |
.offset-sm-8 { margin-left: 66.66667%; } | |
.offset-sm-9 { margin-left: 75%; } | |
.offset-sm-10 { margin-left: 83.33333%; } | |
.offset-sm-11 { margin-left: 91.66667%; } } | |
@media (min-width: 768px) { .offset-md-1 { margin-left: 8.33333%; } | |
.offset-md-2 { margin-left: 16.66667%; } | |
.offset-md-3 { margin-left: 25%; } | |
.offset-md-4 { margin-left: 33.33333%; } | |
.offset-md-5 { margin-left: 41.66667%; } | |
.offset-md-6 { margin-left: 50%; } | |
.offset-md-7 { margin-left: 58.33333%; } | |
.offset-md-8 { margin-left: 66.66667%; } | |
.offset-md-9 { margin-left: 75%; } | |
.offset-md-10 { margin-left: 83.33333%; } | |
.offset-md-11 { margin-left: 91.66667%; } } | |
@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.33333%; } | |
.offset-lg-2 { margin-left: 16.66667%; } | |
.offset-lg-3 { margin-left: 25%; } | |
.offset-lg-4 { margin-left: 33.33333%; } | |
.offset-lg-5 { margin-left: 41.66667%; } | |
.offset-lg-6 { margin-left: 50%; } | |
.offset-lg-7 { margin-left: 58.33333%; } | |
.offset-lg-8 { margin-left: 66.66667%; } | |
.offset-lg-9 { margin-left: 75%; } | |
.offset-lg-10 { margin-left: 83.33333%; } | |
.offset-lg-11 { margin-left: 91.66667%; } } | |
@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.33333%; } | |
.offset-xl-2 { margin-left: 16.66667%; } | |
.offset-xl-3 { margin-left: 25%; } | |
.offset-xl-4 { margin-left: 33.33333%; } | |
.offset-xl-5 { margin-left: 41.66667%; } | |
.offset-xl-6 { margin-left: 50%; } | |
.offset-xl-7 { margin-left: 58.33333%; } | |
.offset-xl-8 { margin-left: 66.66667%; } | |
.offset-xl-9 { margin-left: 75%; } | |
.offset-xl-10 { margin-left: 83.33333%; } | |
.offset-xl-11 { margin-left: 91.66667%; } } | |
.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; } | |
.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 { 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 kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; } | |
.markdown-body .loweralpha { list-style-type: lower-alpha; } | |
.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 > 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%; 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; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; } | |
.markdown-body code::before, .markdown-body code::after, .markdown-body tt::before, .markdown-body tt::after { letter-spacing: -0.2em; content: "\00a0"; } | |
.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: 3px; } | |
.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 pre code::before, .markdown-body pre code::after, .markdown-body pre tt::before, .markdown-body pre tt::after { content: normal; } | |
.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 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 .cd { 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 { color: #000000; font-weight: bold; } | |
.highlight .kd { color: #000000; font-weight: bold; } | |
.highlight .kn { color: #000000; font-weight: bold; } | |
.highlight .kp { color: #000000; font-weight: bold; } | |
.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 { color: #009999; } | |
.highlight .mh { color: #009999; } | |
.highlight .il { color: #009999; } | |
.highlight .mi { color: #009999; } | |
.highlight .mo { color: #009999; } | |
.highlight .m, .highlight .mb, .highlight .mx { color: #009999; } | |
.highlight .sb { color: #d14; } | |
.highlight .sc { color: #d14; } | |
.highlight .sd { color: #d14; } | |
.highlight .s2 { color: #d14; } | |
.highlight .se { color: #d14; } | |
.highlight .sh { color: #d14; } | |
.highlight .si { color: #d14; } | |
.highlight .sx { color: #d14; } | |
.highlight .sr { color: #009926; } | |
.highlight .s1 { color: #d14; } | |
.highlight .ss { color: #990073; } | |
.highlight .s { 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 { color: #990000; font-weight: bold; } | |
.highlight .nf { color: #990000; font-weight: bold; } | |
.highlight .nl { color: #990000; font-weight: bold; } | |
.highlight .nn { color: #555555; } | |
.highlight .nt { color: #000080; } | |
.highlight .vc { color: #008080; } | |
.highlight .vg { color: #008080; } | |
.highlight .vi { color: #008080; } | |
.highlight .nv { color: #008080; } | |
.highlight .ow { color: #000000; font-weight: bold; } | |
.highlight .o { color: #000000; font-weight: bold; } | |
.highlight .w { color: #bbbbbb; } | |
.highlight { background-color: #f8f8f8; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment