|
|
/*! cardinalcss v3.7.0 | MIT License | http://cardinalcss.com */
|
|
|
@charset "UTF-8";
|
|
|
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
|
|
/**
|
|
|
* 1. Set default font family to sans-serif.
|
|
|
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
|
|
* user zoom.
|
|
|
*/
|
|
|
html {
|
|
|
font-family: sans-serif;
|
|
|
/* 1 */
|
|
|
-ms-text-size-adjust: 100%;
|
|
|
/* 2 */
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* Remove default margin.
|
|
|
*/
|
|
|
body {
|
|
|
margin: 0;
|
|
|
}
|
|
|
/* HTML5 display definitions
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
|
|
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
|
|
* and Firefox.
|
|
|
* Correct `block` display not defined for `main` in IE 11.
|
|
|
*/
|
|
|
article,
|
|
|
aside,
|
|
|
details,
|
|
|
figcaption,
|
|
|
figure,
|
|
|
footer,
|
|
|
header,
|
|
|
hgroup,
|
|
|
main,
|
|
|
menu,
|
|
|
nav,
|
|
|
section,
|
|
|
summary {
|
|
|
display: block;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Correct `inline-block` display not defined in IE 8/9.
|
|
|
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
|
|
*/
|
|
|
audio,
|
|
|
canvas,
|
|
|
progress,
|
|
|
video {
|
|
|
display: inline-block;
|
|
|
/* 1 */
|
|
|
vertical-align: baseline;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* Prevent modern browsers from displaying `audio` without controls.
|
|
|
* Remove excess height in iOS 5 devices.
|
|
|
*/
|
|
|
audio:not([controls]) {
|
|
|
display: none;
|
|
|
height: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Address `[hidden]` styling not present in IE 8/9/10.
|
|
|
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
|
|
*/
|
|
|
[hidden],
|
|
|
template {
|
|
|
display: none;
|
|
|
}
|
|
|
/* Links
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Remove the gray background color from active links in IE 10.
|
|
|
*/
|
|
|
a {
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
/**
|
|
|
* Improve readability when focused and also mouse hovered in all browsers.
|
|
|
*/
|
|
|
a:active,
|
|
|
a:hover {
|
|
|
outline: 0;
|
|
|
}
|
|
|
/* Text-level semantics
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
|
|
*/
|
|
|
abbr[title] {
|
|
|
border-bottom: 1px dotted;
|
|
|
}
|
|
|
/**
|
|
|
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
|
|
*/
|
|
|
b,
|
|
|
strong {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
/**
|
|
|
* Address styling not present in Safari and Chrome.
|
|
|
*/
|
|
|
dfn {
|
|
|
font-style: italic;
|
|
|
}
|
|
|
/**
|
|
|
* Address variable `h1` font-size and margin within `section` and `article`
|
|
|
* contexts in Firefox 4+, Safari, and Chrome.
|
|
|
*/
|
|
|
h1 {
|
|
|
font-size: 2em;
|
|
|
margin: 0.67em 0;
|
|
|
}
|
|
|
/**
|
|
|
* Address styling not present in IE 8/9.
|
|
|
*/
|
|
|
mark {
|
|
|
background: #ff0;
|
|
|
color: #000;
|
|
|
}
|
|
|
/**
|
|
|
* Address inconsistent and variable font size in all browsers.
|
|
|
*/
|
|
|
small {
|
|
|
font-size: 80%;
|
|
|
}
|
|
|
/**
|
|
|
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
|
|
*/
|
|
|
sub,
|
|
|
sup {
|
|
|
font-size: 75%;
|
|
|
line-height: 0;
|
|
|
position: relative;
|
|
|
vertical-align: baseline;
|
|
|
}
|
|
|
sup {
|
|
|
top: -0.5em;
|
|
|
}
|
|
|
sub {
|
|
|
bottom: -0.25em;
|
|
|
}
|
|
|
/* Embedded content
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Remove border when inside `a` element in IE 8/9/10.
|
|
|
*/
|
|
|
img {
|
|
|
border: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Correct overflow not hidden in IE 9/10/11.
|
|
|
*/
|
|
|
svg:not(:root) {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
/* Grouping content
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Address margin not present in IE 8/9 and Safari.
|
|
|
*/
|
|
|
figure {
|
|
|
margin: 1em 40px;
|
|
|
}
|
|
|
/**
|
|
|
* Address differences between Firefox and other browsers.
|
|
|
*/
|
|
|
hr {
|
|
|
-moz-box-sizing: content-box;
|
|
|
box-sizing: content-box;
|
|
|
height: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Contain overflow in all browsers.
|
|
|
*/
|
|
|
pre {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
/**
|
|
|
* Address odd `em`-unit font size rendering in all browsers.
|
|
|
*/
|
|
|
code,
|
|
|
kbd,
|
|
|
pre,
|
|
|
samp {
|
|
|
font-family: monospace, monospace;
|
|
|
font-size: 1em;
|
|
|
}
|
|
|
/* Forms
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
|
|
* styling of `select`, unless a `border` property is set.
|
|
|
*/
|
|
|
/**
|
|
|
* 1. Correct color not being inherited.
|
|
|
* Known issue: affects color of disabled elements.
|
|
|
* 2. Correct font properties not being inherited.
|
|
|
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
|
|
*/
|
|
|
button,
|
|
|
input,
|
|
|
optgroup,
|
|
|
select,
|
|
|
textarea {
|
|
|
color: inherit;
|
|
|
/* 1 */
|
|
|
font: inherit;
|
|
|
/* 2 */
|
|
|
margin: 0;
|
|
|
/* 3 */
|
|
|
}
|
|
|
/**
|
|
|
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
|
|
*/
|
|
|
button {
|
|
|
overflow: visible;
|
|
|
}
|
|
|
/**
|
|
|
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
|
|
* All other form control elements do not inherit `text-transform` values.
|
|
|
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
|
|
* Correct `select` style inheritance in Firefox.
|
|
|
*/
|
|
|
button,
|
|
|
select {
|
|
|
text-transform: none;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
|
|
* and `video` controls.
|
|
|
* 2. Correct inability to style clickable `input` types in iOS.
|
|
|
* 3. Improve usability and consistency of cursor style between image-type
|
|
|
* `input` and others.
|
|
|
*/
|
|
|
button,
|
|
|
html input[type="button"],
|
|
|
input[type="reset"],
|
|
|
input[type="submit"] {
|
|
|
-webkit-appearance: button;
|
|
|
/* 2 */
|
|
|
cursor: pointer;
|
|
|
/* 3 */
|
|
|
}
|
|
|
/**
|
|
|
* Re-set default cursor for disabled elements.
|
|
|
*/
|
|
|
button[disabled],
|
|
|
html input[disabled] {
|
|
|
cursor: default;
|
|
|
}
|
|
|
/**
|
|
|
* Remove inner padding and border in Firefox 4+.
|
|
|
*/
|
|
|
button::-moz-focus-inner,
|
|
|
input::-moz-focus-inner {
|
|
|
border: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
|
|
* the UA stylesheet.
|
|
|
*/
|
|
|
input {
|
|
|
line-height: normal;
|
|
|
}
|
|
|
/**
|
|
|
* It's recommended that you don't attempt to style these elements.
|
|
|
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
|
|
*
|
|
|
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
|
|
* 2. Remove excess padding in IE 8/9/10.
|
|
|
*/
|
|
|
input[type="checkbox"],
|
|
|
input[type="radio"] {
|
|
|
-moz-box-sizing: border-box;
|
|
|
box-sizing: border-box;
|
|
|
/* 1 */
|
|
|
padding: 0;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
|
|
* `font-size` values of the `input`, it causes the cursor style of the
|
|
|
* decrement button to change from `default` to `text`.
|
|
|
*/
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
|
height: auto;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
|
|
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
|
|
* (include `-moz` to future-proof).
|
|
|
*/
|
|
|
input[type="search"] {
|
|
|
-webkit-appearance: textfield;
|
|
|
/* 1 */
|
|
|
-moz-box-sizing: content-box;
|
|
|
/* 2 */
|
|
|
box-sizing: content-box;
|
|
|
}
|
|
|
/**
|
|
|
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
|
|
* Safari (but not Chrome) clips the cancel button when the search input has
|
|
|
* padding (and `textfield` appearance).
|
|
|
*/
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
|
input[type="search"]::-webkit-search-decoration {
|
|
|
-webkit-appearance: none;
|
|
|
}
|
|
|
/**
|
|
|
* Define consistent border, margin, and padding.
|
|
|
*/
|
|
|
fieldset {
|
|
|
border: 1px solid #c0c0c0;
|
|
|
margin: 0 2px;
|
|
|
padding: 0.35em 0.625em 0.75em;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
|
|
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
|
|
*/
|
|
|
legend {
|
|
|
border: 0;
|
|
|
/* 1 */
|
|
|
padding: 0;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* Remove default vertical scrollbar in IE 8/9/10/11.
|
|
|
*/
|
|
|
textarea {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
/**
|
|
|
* Don't inherit the `font-weight` (applied by a rule above).
|
|
|
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
|
|
*/
|
|
|
optgroup {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
/* Tables
|
|
|
========================================================================== */
|
|
|
/**
|
|
|
* Remove most spacing between table cells.
|
|
|
*/
|
|
|
table {
|
|
|
border-collapse: collapse;
|
|
|
border-spacing: 0;
|
|
|
}
|
|
|
td,
|
|
|
th {
|
|
|
padding: 0;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Reset ($base-reset)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* `border-box`... ALL THE THINGS!
|
|
|
*
|
|
|
* @link http://cbrac.co/RQrDL5
|
|
|
*/
|
|
|
html {
|
|
|
-moz-box-sizing: border-box;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
/**
|
|
|
* Inheriting the `box-sizing` property is a better practice.
|
|
|
*
|
|
|
* @link http://cbrac.co/1tqPFsy
|
|
|
*/
|
|
|
*,
|
|
|
*:before,
|
|
|
*:after {
|
|
|
-moz-box-sizing: inherit;
|
|
|
box-sizing: inherit;
|
|
|
}
|
|
|
/**
|
|
|
* Remove margins, paddings, and borders from HTML elements.
|
|
|
*
|
|
|
* @link http://cbrac.co/1Ev9etR
|
|
|
*/
|
|
|
a,
|
|
|
abbr,
|
|
|
acronym,
|
|
|
address,
|
|
|
applet,
|
|
|
article,
|
|
|
aside,
|
|
|
b,
|
|
|
blockquote,
|
|
|
body,
|
|
|
caption,
|
|
|
center,
|
|
|
cite,
|
|
|
code,
|
|
|
dd,
|
|
|
del,
|
|
|
details,
|
|
|
dfn,
|
|
|
div,
|
|
|
dl,
|
|
|
dt,
|
|
|
em,
|
|
|
fieldset,
|
|
|
figcaption,
|
|
|
figure,
|
|
|
footer,
|
|
|
form,
|
|
|
h1,
|
|
|
h2,
|
|
|
h3,
|
|
|
h4,
|
|
|
h5,
|
|
|
h6,
|
|
|
header,
|
|
|
hgroup,
|
|
|
hr,
|
|
|
html,
|
|
|
i,
|
|
|
iframe,
|
|
|
img,
|
|
|
ins,
|
|
|
kbd,
|
|
|
label,
|
|
|
legend,
|
|
|
li,
|
|
|
main,
|
|
|
menu,
|
|
|
nav,
|
|
|
object,
|
|
|
ol,
|
|
|
p,
|
|
|
pre,
|
|
|
q,
|
|
|
s,
|
|
|
samp,
|
|
|
section,
|
|
|
small,
|
|
|
span,
|
|
|
strong,
|
|
|
sub,
|
|
|
summary,
|
|
|
sup,
|
|
|
table,
|
|
|
tbody,
|
|
|
td,
|
|
|
tfoot,
|
|
|
th,
|
|
|
thead,
|
|
|
time,
|
|
|
tr,
|
|
|
u,
|
|
|
ul,
|
|
|
var {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
border: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Remove default border for <iframe> elements.
|
|
|
*
|
|
|
* @link http://cbrac.co/1CVyNTj
|
|
|
*/
|
|
|
iframe {
|
|
|
border: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Suppress the focus outline on links that cannot be accessed via keyboard.
|
|
|
* This prevents an unwanted focus outline from appearing around elements that
|
|
|
* might still respond to pointer events.
|
|
|
*
|
|
|
* It is okay to use `!important` here because we always want this rule to take
|
|
|
* precedence.
|
|
|
*
|
|
|
* @link http://cbrac.co/1Evazku
|
|
|
*/
|
|
|
[tabindex="-1"]:focus {
|
|
|
outline: none !important;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Root ($base-root)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* The <html> element.
|
|
|
*
|
|
|
* 1. Set the default `font-size` and `line-height` for the project based on
|
|
|
variables set previously. The `font-size` is represented in `rem`s, and
|
|
|
the `line-height` is represented as a unitless value.
|
|
|
*
|
|
|
* 2. Force a vertical scrollbar.
|
|
|
*
|
|
|
* @link http://cbrac.co/163MspB
|
|
|
*
|
|
|
* 3. Ensure the <html> element's `height` is at least the viewport height.
|
|
|
*
|
|
|
* NOTES:
|
|
|
*
|
|
|
* - Use `text-rendering` with caution.
|
|
|
*
|
|
|
* @link http://cbrac.co/SJt8p1
|
|
|
*
|
|
|
* - Avoid the webkit anti-aliasing trap.
|
|
|
*
|
|
|
* @link http://cbrac.co/TAdhbH
|
|
|
*
|
|
|
* - IE for Windows Phone 8 ignores `-ms-text-size-adjust` if the viewport
|
|
|
* <meta> tag is used.
|
|
|
*
|
|
|
* @link http://cbrac.co/1cFrAvl
|
|
|
*/
|
|
|
html {
|
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
|
/*px*/ font-size: 16px;
|
|
|
/*rem*/ font-size: 1rem;
|
|
|
/* 1 */
|
|
|
line-height: 1.5;
|
|
|
/* 1 */
|
|
|
overflow-y: scroll;
|
|
|
/* 2 */
|
|
|
height: 100%;
|
|
|
/* 3 */
|
|
|
background-color: #ffffff;
|
|
|
color: #444444;
|
|
|
}
|
|
|
/**
|
|
|
* The <body> element.
|
|
|
*
|
|
|
* 1. Ensure the <body> element's `min-height` is at least the viewport height.
|
|
|
*/
|
|
|
body {
|
|
|
min-height: 100%;
|
|
|
/* 1 */
|
|
|
}
|
|
|
/**
|
|
|
* Set a consistent margin for common elements to maintain vertical rhythm.
|
|
|
*/
|
|
|
blockquote,
|
|
|
dl,
|
|
|
figure,
|
|
|
h1,
|
|
|
h2,
|
|
|
h3,
|
|
|
h4,
|
|
|
h5,
|
|
|
h6,
|
|
|
.h1,
|
|
|
.h2,
|
|
|
.h3,
|
|
|
.h4,
|
|
|
.h5,
|
|
|
.h6,
|
|
|
hr,
|
|
|
menu,
|
|
|
ol,
|
|
|
p,
|
|
|
pre,
|
|
|
summary,
|
|
|
table,
|
|
|
ul {
|
|
|
/*px*/ margin-bottom: 24px;
|
|
|
/*rem*/ margin-bottom: 1.5rem;
|
|
|
}
|
|
|
/**
|
|
|
* Add word wrapping and basic hyphenation to common elements.
|
|
|
*/
|
|
|
caption,
|
|
|
p,
|
|
|
table,
|
|
|
td,
|
|
|
textarea,
|
|
|
th {
|
|
|
word-wrap: break-word;
|
|
|
-webkit-hyphens: auto;
|
|
|
-moz-hyphens: auto;
|
|
|
-ms-hyphens: auto;
|
|
|
hyphens: auto;
|
|
|
}
|
|
|
/**
|
|
|
* NOTE: Do not remove :focus styles! It’s an accessibility no-no.
|
|
|
*
|
|
|
* @link http://cbrac.co/1cNYD2l
|
|
|
*/
|
|
|
:focus {
|
|
|
/*px*/ outline: 1px dotted #222222 5px auto -webkit-focus-ring-color;
|
|
|
/*rem*/ outline: 0.0625rem dotted #222222 0.3125rem auto -webkit-focus-ring-color;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Anchors ($base-anchors)
|
|
|
\* ========================================================================== */
|
|
|
a {
|
|
|
text-decoration: underline;
|
|
|
color: #069;
|
|
|
}
|
|
|
a:hover,
|
|
|
a:active,
|
|
|
a:focus {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Text Elements ($base-text-elements)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Add a help cursor to elements that need one.
|
|
|
*/
|
|
|
abbr,
|
|
|
acronym,
|
|
|
dfn[title] {
|
|
|
cursor: help;
|
|
|
}
|
|
|
/**
|
|
|
* Remove `text-decoration` on links inside <abbr> elements, since there are
|
|
|
* already border styles on the <abbr> element.
|
|
|
*/
|
|
|
abbr a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
/**
|
|
|
* Set <acronym> elements to be uppercase by default.
|
|
|
*/
|
|
|
acronym {
|
|
|
text-transform: uppercase;
|
|
|
}
|
|
|
/**
|
|
|
* Set some basic styles for <del> tags.
|
|
|
*/
|
|
|
del {
|
|
|
font-style: italic;
|
|
|
text-decoration: line-through;
|
|
|
color: #777777;
|
|
|
}
|
|
|
/**
|
|
|
* Give <details> elements a pointer cursor.
|
|
|
*/
|
|
|
details {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
/**
|
|
|
* Set some basic styles for definition lists.
|
|
|
*/
|
|
|
dl dt {
|
|
|
font-weight: 700;
|
|
|
color: #222222;
|
|
|
}
|
|
|
dl dd {
|
|
|
margin: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Ensure commonly italicized elements are italicized.
|
|
|
*/
|
|
|
em,
|
|
|
i,
|
|
|
cite {
|
|
|
font-style: italic;
|
|
|
}
|
|
|
/**
|
|
|
* Address styling not present in IE9.
|
|
|
*/
|
|
|
ins,
|
|
|
mark {
|
|
|
text-decoration: none;
|
|
|
color: #222222;
|
|
|
background: #ff9;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Headings ($base-headings)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* NOTE: Use the `text-rendering` property with caution.
|
|
|
*
|
|
|
* @link http://cbrac.co/SJt8p1
|
|
|
* @link http://cbrac.co/1Fjv7IR
|
|
|
*/
|
|
|
h1,
|
|
|
h2,
|
|
|
h3,
|
|
|
h4,
|
|
|
h5,
|
|
|
h6 {
|
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
|
font-weight: 700;
|
|
|
color: #222222;
|
|
|
}
|
|
|
h1,
|
|
|
.h1 {
|
|
|
/*px*/ font-size: 36px;
|
|
|
/*rem*/ font-size: 2.25rem;
|
|
|
}
|
|
|
h2,
|
|
|
.h2 {
|
|
|
/*px*/ font-size: 30px;
|
|
|
/*rem*/ font-size: 1.875rem;
|
|
|
}
|
|
|
h3,
|
|
|
.h3 {
|
|
|
/*px*/ font-size: 24px;
|
|
|
/*rem*/ font-size: 1.5rem;
|
|
|
}
|
|
|
h4,
|
|
|
.h4 {
|
|
|
/*px*/ font-size: 20px;
|
|
|
/*rem*/ font-size: 1.25rem;
|
|
|
}
|
|
|
h5,
|
|
|
.h5 {
|
|
|
/*px*/ font-size: 16px;
|
|
|
/*rem*/ font-size: 1rem;
|
|
|
}
|
|
|
h6,
|
|
|
.h6 {
|
|
|
/*px*/ font-size: 14px;
|
|
|
/*rem*/ font-size: 0.875rem;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Lists ($base-lists)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Set some basic styles for definition lists.
|
|
|
*/
|
|
|
dl dt {
|
|
|
font-weight: 700;
|
|
|
color: #222222;
|
|
|
}
|
|
|
dl dd {
|
|
|
margin: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Reset the left margin for <ol> and <ul> elements.
|
|
|
*/
|
|
|
ol li,
|
|
|
ul li {
|
|
|
/*px*/ margin-left: 24px;
|
|
|
/*rem*/ margin-left: 1.5rem;
|
|
|
}
|
|
|
/**
|
|
|
* Set nested `list-style` types for ordered lists.
|
|
|
*/
|
|
|
ol {
|
|
|
list-style: decimal;
|
|
|
}
|
|
|
ol ol {
|
|
|
list-style: upper-alpha;
|
|
|
}
|
|
|
ol ol ol {
|
|
|
list-style: lower-roman;
|
|
|
}
|
|
|
ol ol ol ol {
|
|
|
list-style: lower-alpha;
|
|
|
}
|
|
|
/**
|
|
|
* Remove `margin-bottom` on nested lists.
|
|
|
*/
|
|
|
ol ol,
|
|
|
ul ol,
|
|
|
ol ul,
|
|
|
ul ul {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Horizontal Rules ($base-horizontal-rules)
|
|
|
\* ========================================================================== */
|
|
|
hr {
|
|
|
display: block;
|
|
|
padding: 0;
|
|
|
border: 0;
|
|
|
/*px*/ border-top: 1px solid #dedede;
|
|
|
/*rem*/ border-top: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Blockquotes ($base-blockquotes)
|
|
|
\* ========================================================================== */
|
|
|
blockquote {
|
|
|
color: #777777;
|
|
|
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
|
|
|
font-style: italic;
|
|
|
/*px*/ font-size: 24px;
|
|
|
/*rem*/ font-size: 1.5rem;
|
|
|
/*px*/ margin-left: 24px;
|
|
|
/*rem*/ margin-left: 1.5rem;
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
/*px*/ border-left: 6px solid #dedede;
|
|
|
/*rem*/ border-left: 0.375rem solid #dedede;
|
|
|
/**
|
|
|
* Use <cite> inside blockquotes.
|
|
|
*
|
|
|
* @link http://cbrac.co/18LWCOw
|
|
|
*/
|
|
|
}
|
|
|
blockquote p {
|
|
|
margin: 0;
|
|
|
}
|
|
|
blockquote p + p {
|
|
|
/*px*/ margin-top: 24px;
|
|
|
/*rem*/ margin-top: 1.5rem;
|
|
|
}
|
|
|
blockquote cite {
|
|
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
|
font-style: normal;
|
|
|
/*px*/ font-size: 14px;
|
|
|
/*rem*/ font-size: 0.875rem;
|
|
|
color: #777777;
|
|
|
/**
|
|
|
* Add an m-dash character before the <cite> tag.
|
|
|
*/
|
|
|
}
|
|
|
blockquote cite:before {
|
|
|
content: "\2014 \0020";
|
|
|
}
|
|
|
blockquote cite a {
|
|
|
color: #777777;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Code ($base-code)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* 1. Correct `font-family` set oddly in Safari 5 and Chrome.
|
|
|
*/
|
|
|
code,
|
|
|
kbd,
|
|
|
pre,
|
|
|
samp {
|
|
|
font-family: Monaco, Consolas, "Liberation Mono", Courier, monospace;
|
|
|
/* 1 */
|
|
|
/*px*/ font-size: 14px;
|
|
|
/*rem*/ font-size: 0.875rem;
|
|
|
font-style: normal;
|
|
|
color: #222222;
|
|
|
}
|
|
|
code {
|
|
|
margin: 0;
|
|
|
/*px*/ padding: 2px 6px;
|
|
|
/*rem*/ padding: 0.125rem 0.375rem;
|
|
|
white-space: nowrap;
|
|
|
/*px*/ border: 1px solid #dedede;
|
|
|
/*rem*/ border: 0.0625rem solid #dedede;
|
|
|
/*px*/ border-radius: 3px;
|
|
|
/*rem*/ border-radius: 0.1875rem;
|
|
|
background-color: #f8f8f8;
|
|
|
}
|
|
|
kbd {
|
|
|
position: relative;
|
|
|
top: -1px;
|
|
|
margin-bottom: 1px;
|
|
|
/*px*/ padding: 2px 6px;
|
|
|
/*rem*/ padding: 0.125rem 0.375rem;
|
|
|
white-space: nowrap;
|
|
|
/*px*/ border: 1px solid #dedede;
|
|
|
/*rem*/ border: 0.0625rem solid #dedede;
|
|
|
/*px*/ border-radius: 3px;
|
|
|
/*rem*/ border-radius: 0.1875rem;
|
|
|
background-color: #f8f8f8;
|
|
|
box-shadow: 0 1px 0 #dedede, inset 0 0 0 1px #ffffff;
|
|
|
}
|
|
|
pre {
|
|
|
position: relative;
|
|
|
overflow: auto;
|
|
|
/*px*/ padding: 24px;
|
|
|
/*rem*/ padding: 1.5rem;
|
|
|
white-space: pre;
|
|
|
word-wrap: normal;
|
|
|
word-break: normal;
|
|
|
-moz-tab-size: 4;
|
|
|
-o-tab-size: 4;
|
|
|
tab-size: 4;
|
|
|
-webkit-hyphens: none;
|
|
|
-moz-hyphens: none;
|
|
|
-ms-hyphens: none;
|
|
|
hyphens: none;
|
|
|
color: #444444;
|
|
|
background: #f8f8f8;
|
|
|
/**
|
|
|
* Reset the above <code> styles when nested inside <pre> tags.
|
|
|
*/
|
|
|
}
|
|
|
pre code {
|
|
|
display: block;
|
|
|
overflow: auto;
|
|
|
height: 100%;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
white-space: pre;
|
|
|
color: inherit;
|
|
|
border: none;
|
|
|
border-radius: 0;
|
|
|
background: transparent;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Embedded Content ($base-embedded-content)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Remove the gap between audio, canvas, iframes, images, videos and the bottom
|
|
|
* of their containers.
|
|
|
*
|
|
|
* @link http://cbrac.co/Q6smqV
|
|
|
*/
|
|
|
audio,
|
|
|
canvas,
|
|
|
iframe,
|
|
|
img,
|
|
|
svg,
|
|
|
video {
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
/**
|
|
|
* Fluid-width <audio>, <canvas>, & <video> elements.
|
|
|
*/
|
|
|
audio,
|
|
|
canvas,
|
|
|
video {
|
|
|
width: 100%;
|
|
|
}
|
|
|
audio:focus,
|
|
|
canvas:focus,
|
|
|
video:focus {
|
|
|
outline: 1px dotted #000000;
|
|
|
}
|
|
|
/**
|
|
|
* Fluid-width media elements that maintain their aspect ratios.
|
|
|
*/
|
|
|
embed,
|
|
|
img,
|
|
|
object,
|
|
|
video {
|
|
|
max-width: 100%;
|
|
|
height: auto;
|
|
|
}
|
|
|
embed,
|
|
|
object {
|
|
|
height: 100%;
|
|
|
}
|
|
|
/**
|
|
|
* Reset `margin` for figure elements.
|
|
|
*/
|
|
|
figure {
|
|
|
margin-right: auto;
|
|
|
margin-left: auto;
|
|
|
}
|
|
|
/**
|
|
|
* Set <img> elements as block-level inside <figure> elements.
|
|
|
*/
|
|
|
figure > img {
|
|
|
display: block;
|
|
|
}
|
|
|
/**
|
|
|
* Give <figcaption> elements some default styles.
|
|
|
*/
|
|
|
figcaption {
|
|
|
/*px*/ font-size: 13px;
|
|
|
/*rem*/ font-size: 0.8125rem;
|
|
|
font-style: italic;
|
|
|
/*px*/ margin-top: 8px;
|
|
|
/*rem*/ margin-top: 0.5rem;
|
|
|
color: #777777;
|
|
|
}
|
|
|
/**
|
|
|
* 1. If images do not load, the `alt` text will be visually offset and more
|
|
|
* noticeable.
|
|
|
* 2. Improve image resize rendering in IE6/7.
|
|
|
*
|
|
|
* @link http://cbrac.co/11ciIZL
|
|
|
*/
|
|
|
img {
|
|
|
font-style: italic;
|
|
|
/* 1 */
|
|
|
-ms-interpolation-mode: bicubic;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Form Elements ($base-form-elements)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* 1. Avoid the WebKit bug in Android 4.0.* where [2] destroys native
|
|
|
* <audio> and <video> controls.
|
|
|
* 2. Improve usability and consistency of cursor style between
|
|
|
* image-type <input> and others.
|
|
|
*/
|
|
|
button,
|
|
|
html input[type="button"],
|
|
|
input[type="checkbox"],
|
|
|
input[type="file"],
|
|
|
input[type="image"],
|
|
|
input[type="radio"],
|
|
|
input[type="reset"],
|
|
|
input[type="submit"],
|
|
|
label,
|
|
|
select {
|
|
|
cursor: pointer;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* Fix vertical alignment inconsistencies with certain form inputs.
|
|
|
*/
|
|
|
input[type="color"],
|
|
|
input[type="range"] {
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Set `min-width` to 0 to avoid overflow issues in Chrome.
|
|
|
* 2. Remove default `margin`, `padding`, and `border` across browsers.
|
|
|
*/
|
|
|
fieldset {
|
|
|
min-width: 0;
|
|
|
/* 1 */
|
|
|
margin: 0;
|
|
|
/* 2 */
|
|
|
padding: 0;
|
|
|
/* 2 */
|
|
|
border: 0;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* 1. Set checkbox, image, and radio inputs to `inline-block`, by default.
|
|
|
*/
|
|
|
input[type="checkbox"],
|
|
|
input[type="image"],
|
|
|
input[type="radio"] {
|
|
|
display: inline-block;
|
|
|
/* 1 */
|
|
|
width: auto;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Constrict `max-width` for file inputs to avoid overflow issues.
|
|
|
*/
|
|
|
input[type="file"] {
|
|
|
max-width: 100%;
|
|
|
/* 1 */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Set search inputs to `border-box` by default. This overrides the
|
|
|
* `content-box` value set by normalize.css.
|
|
|
* 2. Remove rounded corners from iOS search inputs by overriding `appearance:
|
|
|
* textfield` from normalize.css.
|
|
|
*
|
|
|
* @link http://cbrac.co/1xgTke2
|
|
|
*/
|
|
|
input[type="search"] {
|
|
|
-moz-box-sizing: border-box;
|
|
|
box-sizing: border-box;
|
|
|
/* 1 */
|
|
|
-webkit-appearance: none;
|
|
|
-moz-appearance: none;
|
|
|
appearance: none;
|
|
|
/* 2 */
|
|
|
}
|
|
|
/**
|
|
|
* Remove rounded corners that iOS and Chrome apply to <input> buttons and
|
|
|
* <select> menus.
|
|
|
*/
|
|
|
input[type="submit"],
|
|
|
input[type="button"],
|
|
|
input[type="image"],
|
|
|
input[type="reset"],
|
|
|
select {
|
|
|
border-radius: 0;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Force Safari to give <legend> elements 100% width.
|
|
|
* 2. Remove `padding` so people aren't caught out if they zero out <fieldset>.
|
|
|
* 3. Correct `color` not being inherited in IE 8/9.
|
|
|
*/
|
|
|
legend {
|
|
|
font-weight: 700;
|
|
|
width: 100%;
|
|
|
/* 1 */
|
|
|
padding: 0;
|
|
|
/* 2 */
|
|
|
color: #222222;
|
|
|
/* 3 */
|
|
|
border: 0;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Restrict width to 100% of its parent to avoid horizontal overflow issues.
|
|
|
* 2. Force `height: auto;` for <textarea> across browsers.
|
|
|
* 3. <textarea> elements should only resize vertically.
|
|
|
*/
|
|
|
textarea {
|
|
|
max-width: 100%;
|
|
|
/* 1 */
|
|
|
height: auto;
|
|
|
/* 2 */
|
|
|
resize: vertical;
|
|
|
/* 3 */
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Tables ($base-tables)
|
|
|
\* ========================================================================== */
|
|
|
table {
|
|
|
width: 100%;
|
|
|
empty-cells: show;
|
|
|
}
|
|
|
th,
|
|
|
tfoot td {
|
|
|
text-align: left;
|
|
|
}
|
|
|
th,
|
|
|
td {
|
|
|
overflow: visible;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Base -> Print ($base-print)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Print styles extracted from HTML5-Boilerplate
|
|
|
*
|
|
|
* @link http://cbrac.co/1RvNULl
|
|
|
*/
|
|
|
@media print {
|
|
|
/* 1. Black prints faster - http://cbrac.co/XvusCs */
|
|
|
* {
|
|
|
color: #000000 !important;
|
|
|
/* 1 */
|
|
|
background: transparent !important;
|
|
|
box-shadow: none !important;
|
|
|
text-shadow: none !important;
|
|
|
}
|
|
|
@page {
|
|
|
margin: 0.5cm;
|
|
|
}
|
|
|
a,
|
|
|
a:visited {
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
a[href]:after {
|
|
|
content: " (" attr(href) ")";
|
|
|
}
|
|
|
/* Don’t show links for images, or javascript/internal links */
|
|
|
a[href^="#"]:after,
|
|
|
a[href^="javascript:"]:after {
|
|
|
content: "";
|
|
|
}
|
|
|
abbr[title]:after {
|
|
|
content: " (" attr(title) ")";
|
|
|
}
|
|
|
blockquote,
|
|
|
pre {
|
|
|
border: 1px solid #777777;
|
|
|
page-break-inside: avoid;
|
|
|
}
|
|
|
h2,
|
|
|
h3,
|
|
|
p {
|
|
|
orphans: 3;
|
|
|
widows: 3;
|
|
|
}
|
|
|
h2,
|
|
|
h3 {
|
|
|
page-break-after: avoid;
|
|
|
}
|
|
|
img,
|
|
|
tr {
|
|
|
page-break-inside: avoid;
|
|
|
}
|
|
|
img {
|
|
|
max-width: 100% !important;
|
|
|
}
|
|
|
/* 1. http://cbrac.co/Q6s1o2 */
|
|
|
thead {
|
|
|
display: table-header-group;
|
|
|
/* 1 */
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Layout -> Boxes ($layout-boxes)
|
|
|
\* ========================================================================== */
|
|
|
.box {
|
|
|
display: block;
|
|
|
/*px*/ padding: 24px;
|
|
|
/*rem*/ padding: 1.5rem;
|
|
|
background-color: #efefef;
|
|
|
}
|
|
|
.box > *:last-child {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Give `.box` a border style.
|
|
|
*/
|
|
|
.box-border {
|
|
|
/*px*/ border: 1px solid #dedede;
|
|
|
/*rem*/ border: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
/**
|
|
|
* Give `.box` rounded edges.
|
|
|
*/
|
|
|
.box-round {
|
|
|
/*px*/ border-radius: 3px;
|
|
|
/*rem*/ border-radius: 0.1875rem;
|
|
|
}
|
|
|
/**
|
|
|
* Remove padding from default `.box`.
|
|
|
*/
|
|
|
.box-flush {
|
|
|
padding: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Give `.box` the appearance of being raised above its surrounding area.
|
|
|
*/
|
|
|
.box-raise {
|
|
|
/*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
|
/*rem*/ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
|
|
|
}
|
|
|
/**
|
|
|
* Give `.box` the appearance of being sunken beneath its surrounding area.
|
|
|
*/
|
|
|
.box-sink {
|
|
|
/*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
|
|
|
/*rem*/ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15) inset;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Objects -> Buttons ($objects-buttons)
|
|
|
\* ========================================================================== */
|
|
|
.btn {
|
|
|
font-family: inherit;
|
|
|
font-weight: 700;
|
|
|
line-height: 1.5;
|
|
|
display: inline-block;
|
|
|
margin: 0;
|
|
|
/*px*/ padding: 10px 14px;
|
|
|
/*rem*/ padding: 0.625rem 0.875rem;
|
|
|
cursor: pointer;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
white-space: nowrap;
|
|
|
text-decoration: none;
|
|
|
color: #444444;
|
|
|
border: 0 none;
|
|
|
background-color: #dedede;
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
/**
|
|
|
* States
|
|
|
*/
|
|
|
}
|
|
|
.btn:hover {
|
|
|
background-color: #e3e3e3;
|
|
|
}
|
|
|
.btn:active,
|
|
|
.btn.is-active {
|
|
|
background-color: #d9d9d9;
|
|
|
/*px*/ box-shadow: 0 0 8px rgba(0, 0, 0, 0.25) inset;
|
|
|
/*rem*/ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25) inset;
|
|
|
}
|
|
|
.btn:active:focus {
|
|
|
outline: 0 none;
|
|
|
}
|
|
|
.btn:disabled,
|
|
|
.btn[disabled],
|
|
|
.btn.is-disabled {
|
|
|
cursor: not-allowed;
|
|
|
pointer-events: none;
|
|
|
opacity: 0.50;
|
|
|
box-shadow: none;
|
|
|
text-shadow: none;
|
|
|
}
|
|
|
/**
|
|
|
* Shapes
|
|
|
*/
|
|
|
.btn-round,
|
|
|
input[type="button"].btn-round,
|
|
|
input[type="submit"].btn-round {
|
|
|
/*px*/ border-radius: 3px;
|
|
|
/*rem*/ border-radius: 0.1875rem;
|
|
|
}
|
|
|
/**
|
|
|
* Sizes
|
|
|
*/
|
|
|
.btn-xs {
|
|
|
/*px*/ font-size: 12px;
|
|
|
/*rem*/ font-size: 0.75rem;
|
|
|
/*px*/ padding: 4px 8px;
|
|
|
/*rem*/ padding: 0.25rem 0.5rem;
|
|
|
}
|
|
|
.btn-sm {
|
|
|
/*px*/ font-size: 13px;
|
|
|
/*rem*/ font-size: 0.8125rem;
|
|
|
/*px*/ padding: 6px 10px;
|
|
|
/*rem*/ padding: 0.375rem 0.625rem;
|
|
|
}
|
|
|
.btn-block {
|
|
|
display: block;
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.btn-lg,
|
|
|
.btn-block {
|
|
|
/*px*/ font-size: 20px;
|
|
|
/*rem*/ font-size: 1.25rem;
|
|
|
/*px*/ padding: 16px 24px;
|
|
|
/*rem*/ padding: 1rem 1.5rem;
|
|
|
}
|
|
|
}
|
|
|
/**
|
|
|
* Colors
|
|
|
*/
|
|
|
.btn-primary {
|
|
|
color: #ffffff;
|
|
|
background-color: #1fa3ec;
|
|
|
}
|
|
|
.btn-primary:hover {
|
|
|
background-color: #32abee;
|
|
|
}
|
|
|
.btn-primary:active,
|
|
|
.btn-primary.is-active {
|
|
|
background-color: #1399e3;
|
|
|
}
|
|
|
/**
|
|
|
* Groups
|
|
|
*/
|
|
|
.btn-group .btn {
|
|
|
/*px*/ margin: 0 2px;
|
|
|
/*rem*/ margin: 0 0.125rem;
|
|
|
}
|
|
|
.btn-group .btn.btn-lg {
|
|
|
/*px*/ margin: 0 4px;
|
|
|
/*rem*/ margin: 0 0.25rem;
|
|
|
}
|
|
|
.btn-group .btn:first-child {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.btn-group .btn:last-child {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Objects -> Forms ($objects-forms)
|
|
|
\* ========================================================================== */
|
|
|
.form-label {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.form-label + .form-input,
|
|
|
.form-label + .form-select,
|
|
|
.form-label + .form-textarea {
|
|
|
/*px*/ margin-top: 4px;
|
|
|
/*rem*/ margin-top: 0.25rem;
|
|
|
}
|
|
|
/**
|
|
|
* Give certain <input>, <select>, and <textarea> elements some default
|
|
|
* styles
|
|
|
*/
|
|
|
.form-input[type="date"],
|
|
|
.form-input[type="datetime"],
|
|
|
.form-input[type="datetime-local"],
|
|
|
.form-input[type="email"],
|
|
|
.form-input[type="month"],
|
|
|
.form-input[type="number"],
|
|
|
.form-input[type="password"],
|
|
|
.form-input[type="search"],
|
|
|
.form-input[type="tel"],
|
|
|
.form-input[type="text"],
|
|
|
.form-input[type="time"],
|
|
|
.form-input[type="url"],
|
|
|
.form-input[type="week"],
|
|
|
.form-select,
|
|
|
.form-textarea {
|
|
|
line-height: 1.5;
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
/*px*/ height: 44px;
|
|
|
/*rem*/ height: 2.75rem;
|
|
|
/*px*/ padding: 8px;
|
|
|
/*rem*/ padding: 0.5rem;
|
|
|
color: #222222;
|
|
|
/*px*/ border: 1px solid #dedede;
|
|
|
/*rem*/ border: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
.form-input[type="date"]:focus,
|
|
|
.form-input[type="datetime"]:focus,
|
|
|
.form-input[type="datetime-local"]:focus,
|
|
|
.form-input[type="email"]:focus,
|
|
|
.form-input[type="month"]:focus,
|
|
|
.form-input[type="number"]:focus,
|
|
|
.form-input[type="password"]:focus,
|
|
|
.form-input[type="search"]:focus,
|
|
|
.form-input[type="tel"]:focus,
|
|
|
.form-input[type="text"]:focus,
|
|
|
.form-input[type="time"]:focus,
|
|
|
.form-input[type="url"]:focus,
|
|
|
.form-input[type="week"]:focus,
|
|
|
.form-select:focus,
|
|
|
.form-textarea:focus {
|
|
|
border-color: #1fa3ec;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Increase padding to correct line-height in Firefox
|
|
|
* 2. Give <select> menus a solid background color
|
|
|
*/
|
|
|
.form-select {
|
|
|
/*px*/ padding: 10px;
|
|
|
/*rem*/ padding: 0.625rem;
|
|
|
/* 1 */
|
|
|
background: #f8f8f8;
|
|
|
/* 2 */
|
|
|
}
|
|
|
.form-input-round {
|
|
|
/*px*/ border-radius: 3px;
|
|
|
/*rem*/ border-radius: 0.1875rem;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Objects -> Lists ($objects-lists)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Bare Lists
|
|
|
*
|
|
|
* Use to remove default list styles from <ol> and <ul> elements.
|
|
|
*/
|
|
|
.list-bare {
|
|
|
list-style: none;
|
|
|
}
|
|
|
.list-bare li {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Reset Lists
|
|
|
*
|
|
|
* Use to remove all list styles from <ol> and <ul> elements.
|
|
|
*/
|
|
|
.list-reset {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
list-style: none;
|
|
|
}
|
|
|
.list-reset li {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Inline Lists
|
|
|
*
|
|
|
* Create inline-style list items with <ol> and <ul> elements.
|
|
|
*/
|
|
|
.list-inline {
|
|
|
list-style: none;
|
|
|
padding: 0;
|
|
|
}
|
|
|
.list-inline li {
|
|
|
display: inline;
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Delimited lists
|
|
|
* Hat tip to @csswizardry for the technique.
|
|
|
*
|
|
|
* @link http://cbrac.co/1RvOzMU
|
|
|
*/
|
|
|
.list-inline-delimited > li + li:before {
|
|
|
content: ",\00A0";
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Objects -> Tables ($objects-tables)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Wrap a <table> with a `.table-container` element to add horizontal scrolling
|
|
|
* if the <table> contents overflow its grandparent.
|
|
|
*/
|
|
|
.table-container {
|
|
|
overflow: auto;
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
}
|
|
|
/* Default, borderless */
|
|
|
.table {
|
|
|
width: 100%;
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
.table caption {
|
|
|
font-weight: 700;
|
|
|
font-style: italic;
|
|
|
/*px*/ padding-bottom: 4px;
|
|
|
/*rem*/ padding-bottom: 0.25rem;
|
|
|
}
|
|
|
.table th,
|
|
|
.table tfoot td {
|
|
|
font-weight: 700;
|
|
|
text-align: left;
|
|
|
color: #222222;
|
|
|
}
|
|
|
.table thead th,
|
|
|
.table tfoot td {
|
|
|
background-color: #efefef;
|
|
|
}
|
|
|
.table th,
|
|
|
.table td {
|
|
|
/*px*/ padding: 8px;
|
|
|
/*rem*/ padding: 0.5rem;
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
/**
|
|
|
* Give the <table> element an outer border.
|
|
|
*/
|
|
|
.table-border {
|
|
|
/*px*/ border: 1px solid #dedede;
|
|
|
/*rem*/ border: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
/**
|
|
|
* Give the <table> element inner cell borders.
|
|
|
*/
|
|
|
.table-border-cells th,
|
|
|
.table-border-cells td {
|
|
|
/*px*/ border-top: 1px solid #dedede;
|
|
|
/*rem*/ border-top: 0.0625rem solid #dedede;
|
|
|
/*px*/ border-left: 1px solid #dedede;
|
|
|
/*rem*/ border-left: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
/**
|
|
|
* Give Give the <table> inner row borders.
|
|
|
*/
|
|
|
.table-border-rows th,
|
|
|
.table-border-rows td {
|
|
|
/*px*/ border-top: 1px solid #dedede;
|
|
|
/*rem*/ border-top: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
/**
|
|
|
* Remove border on 1st-row cells to avoid a double border.
|
|
|
*/
|
|
|
.table-border.table-border-cells thead:first-child tr:first-child th,
|
|
|
.table-border.table-border-cells thead:first-child tr:first-child td,
|
|
|
.table-border.table-border-rows thead:first-child tr:first-child th,
|
|
|
.table-border.table-border-rows thead:first-child tr:first-child td {
|
|
|
border-top: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Remove border on 1st cells in every row to create a grid effect.
|
|
|
*/
|
|
|
.table-border-cells tr th:first-child,
|
|
|
.table-border-cells tr td:first-child {
|
|
|
border-left: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Remove border on 1st-row cells to create a grid effect.
|
|
|
*/
|
|
|
.table-border-cells tr:first-child th,
|
|
|
.table-border-cells thead:first-child tr:first-child th {
|
|
|
border-top: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Add a bottom border to the last row in the table.
|
|
|
*/
|
|
|
.table-border-rows tr:last-child td {
|
|
|
/*px*/ border-bottom: 1px solid #dedede;
|
|
|
/*rem*/ border-bottom: 0.0625rem solid #dedede;
|
|
|
}
|
|
|
/**
|
|
|
* Alternate `background-color` for all table rows.
|
|
|
*/
|
|
|
.table-striped tbody > tr:nth-child(odd) > td {
|
|
|
background-color: #f8f8f8;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Layout -> Wrappers ($layout-wrappers)
|
|
|
\* ========================================================================== */
|
|
|
.wrapper {
|
|
|
width: 94%;
|
|
|
/*px*/ max-width: 1024px;
|
|
|
/*rem*/ max-width: 64rem;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
@media print {
|
|
|
.wrapper {
|
|
|
width: auto;
|
|
|
}
|
|
|
}
|
|
|
/**
|
|
|
* Force `.wrapper` to sit flush with its parent.
|
|
|
*/
|
|
|
.wrapper-flush {
|
|
|
width: 100%;
|
|
|
}
|
|
|
/**
|
|
|
* Remove any width constraints from the `.wrapper`.
|
|
|
*/
|
|
|
.wrapper-full-bleed {
|
|
|
width: auto;
|
|
|
max-width: none;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Layout -> Grids ($layout-grids)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Grid System
|
|
|
* Hat tip to @csswizardry for the `display: inline-block` grid technique.
|
|
|
*
|
|
|
* @link http://cbrac.co/1RvPb53
|
|
|
*/
|
|
|
/**
|
|
|
* Grid containers
|
|
|
* 1. Remove default styles in case `.grid` is on a <ul> or <ol> element.
|
|
|
* 2. Default gutter width.
|
|
|
* 3. Hack to remove `inline-block` whitespace. This causes some issues on pre-
|
|
|
* Jellybean and Jellybean versions of Android
|
|
|
*
|
|
|
* @link http://cbrac.co/1xh3hs0
|
|
|
* @link http://cbrac.co/16xcjcl
|
|
|
*/
|
|
|
.grid {
|
|
|
margin: 0;
|
|
|
/* 1 */
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
/* 2 */
|
|
|
padding: 0;
|
|
|
/* 1 */
|
|
|
list-style: none;
|
|
|
/* 1 */
|
|
|
font-size: 0;
|
|
|
/* 3 */
|
|
|
}
|
|
|
/**
|
|
|
* Grid items
|
|
|
* 1. Remove default styles in case `.grid-item` is on an <li> element.
|
|
|
* 2. `.grid-item` elements are 100% width by default.
|
|
|
* 3. Default gutter width = @grid-gutter-base.
|
|
|
* 4. Ensure `.grid-item` is aligned to the top of its container.
|
|
|
* 5. Reset font size to the global default.
|
|
|
*/
|
|
|
.grid-item {
|
|
|
display: inline-block;
|
|
|
margin-left: 0;
|
|
|
/* 1 */
|
|
|
width: 100%;
|
|
|
/* 2 */
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
/* 3 */
|
|
|
vertical-align: top;
|
|
|
/* 4 */
|
|
|
/*px*/ font-size: 16px;
|
|
|
/*rem*/ font-size: 1rem;
|
|
|
/* 5 */
|
|
|
}
|
|
|
/**
|
|
|
* Grid items rendering order
|
|
|
* .grid-ltr = left-to-right (default)
|
|
|
* .grid-rtl = right-to-left
|
|
|
*/
|
|
|
.grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xs-grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xs-grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xs-grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.sm-grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.sm-grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.sm-grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.md-grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.md-grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.md-grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.lg-grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.lg-grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.lg-grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xl-grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xl-grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xl-grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-grid-ltr {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xxl-grid-ltr > .grid-item {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xxl-grid-rtl {
|
|
|
direction: rtl;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.xxl-grid-rtl > .grid-item {
|
|
|
direction: ltr;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
/**
|
|
|
* Grid gutters
|
|
|
*/
|
|
|
.gutter-0,
|
|
|
.gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.gutter-0 > .grid-item,
|
|
|
.gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="gutter-1/2"],
|
|
|
.gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="gutter-1/2"] > .grid-item,
|
|
|
.gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.gutter-1,
|
|
|
.gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.gutter-1 > .grid-item,
|
|
|
.gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.gutter-2,
|
|
|
.gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.gutter-2 > .grid-item,
|
|
|
.gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-gutter-0,
|
|
|
.xs-gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.xs-gutter-0 > .grid-item,
|
|
|
.xs-gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.xs-gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.xs-gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="xs-gutter-1/2"],
|
|
|
.xs-gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="xs-gutter-1/2"] > .grid-item,
|
|
|
.xs-gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.xs-gutter-1,
|
|
|
.xs-gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.xs-gutter-1 > .grid-item,
|
|
|
.xs-gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.xs-gutter-2,
|
|
|
.xs-gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.xs-gutter-2 > .grid-item,
|
|
|
.xs-gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-gutter-0,
|
|
|
.sm-gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.sm-gutter-0 > .grid-item,
|
|
|
.sm-gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.sm-gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.sm-gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="sm-gutter-1/2"],
|
|
|
.sm-gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="sm-gutter-1/2"] > .grid-item,
|
|
|
.sm-gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.sm-gutter-1,
|
|
|
.sm-gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.sm-gutter-1 > .grid-item,
|
|
|
.sm-gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.sm-gutter-2,
|
|
|
.sm-gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.sm-gutter-2 > .grid-item,
|
|
|
.sm-gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-gutter-0,
|
|
|
.md-gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.md-gutter-0 > .grid-item,
|
|
|
.md-gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.md-gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.md-gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="md-gutter-1/2"],
|
|
|
.md-gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="md-gutter-1/2"] > .grid-item,
|
|
|
.md-gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.md-gutter-1,
|
|
|
.md-gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.md-gutter-1 > .grid-item,
|
|
|
.md-gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.md-gutter-2,
|
|
|
.md-gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.md-gutter-2 > .grid-item,
|
|
|
.md-gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-gutter-0,
|
|
|
.lg-gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.lg-gutter-0 > .grid-item,
|
|
|
.lg-gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.lg-gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.lg-gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="lg-gutter-1/2"],
|
|
|
.lg-gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="lg-gutter-1/2"] > .grid-item,
|
|
|
.lg-gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.lg-gutter-1,
|
|
|
.lg-gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.lg-gutter-1 > .grid-item,
|
|
|
.lg-gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.lg-gutter-2,
|
|
|
.lg-gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.lg-gutter-2 > .grid-item,
|
|
|
.lg-gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-gutter-0,
|
|
|
.xl-gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.xl-gutter-0 > .grid-item,
|
|
|
.xl-gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.xl-gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.xl-gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="xl-gutter-1/2"],
|
|
|
.xl-gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="xl-gutter-1/2"] > .grid-item,
|
|
|
.xl-gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.xl-gutter-1,
|
|
|
.xl-gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.xl-gutter-1 > .grid-item,
|
|
|
.xl-gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.xl-gutter-2,
|
|
|
.xl-gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.xl-gutter-2 > .grid-item,
|
|
|
.xl-gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-gutter-0,
|
|
|
.xxl-gutter-none {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
.xxl-gutter-0 > .grid-item,
|
|
|
.xxl-gutter-none > .grid-item {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
.xxl-gutter-1px {
|
|
|
/*px*/ margin-left: -1px;
|
|
|
/*rem*/ margin-left: -0.0625rem;
|
|
|
}
|
|
|
.xxl-gutter-1px > .grid-item {
|
|
|
/*px*/ padding-left: 1px;
|
|
|
/*rem*/ padding-left: 0.0625rem;
|
|
|
}
|
|
|
[class~="xxl-gutter-1/2"],
|
|
|
.xxl-gutter-half {
|
|
|
/*px*/ margin-left: -12px;
|
|
|
/*rem*/ margin-left: -0.75rem;
|
|
|
}
|
|
|
[class~="xxl-gutter-1/2"] > .grid-item,
|
|
|
.xxl-gutter-half > .grid-item {
|
|
|
/*px*/ padding-left: 12px;
|
|
|
/*rem*/ padding-left: 0.75rem;
|
|
|
}
|
|
|
.xxl-gutter-1,
|
|
|
.xxl-gutter-whole {
|
|
|
/*px*/ margin-left: -24px;
|
|
|
/*rem*/ margin-left: -1.5rem;
|
|
|
}
|
|
|
.xxl-gutter-1 > .grid-item,
|
|
|
.xxl-gutter-whole > .grid-item {
|
|
|
/*px*/ padding-left: 24px;
|
|
|
/*rem*/ padding-left: 1.5rem;
|
|
|
}
|
|
|
.xxl-gutter-2,
|
|
|
.xxl-gutter-double {
|
|
|
/*px*/ margin-left: -48px;
|
|
|
/*rem*/ margin-left: -3rem;
|
|
|
}
|
|
|
.xxl-gutter-2 > .grid-item,
|
|
|
.xxl-gutter-double > .grid-item {
|
|
|
/*px*/ padding-left: 48px;
|
|
|
/*rem*/ padding-left: 3rem;
|
|
|
}
|
|
|
}
|
|
|
/**
|
|
|
* Grid item alignment
|
|
|
*/
|
|
|
.grid-align-top > .grid-item {
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
.grid-align-middle > .grid-item {
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
.grid-align-bottom > .grid-item {
|
|
|
vertical-align: bottom;
|
|
|
}
|
|
|
.grid-align-left {
|
|
|
text-align: left;
|
|
|
}
|
|
|
.grid-align-left > .grid-item {
|
|
|
text-align: left;
|
|
|
}
|
|
|
.grid-align-center {
|
|
|
text-align: center;
|
|
|
}
|
|
|
.grid-align-center > .grid-item {
|
|
|
text-align: left;
|
|
|
}
|
|
|
.grid-align-right {
|
|
|
text-align: right;
|
|
|
}
|
|
|
.grid-align-right > .grid-item {
|
|
|
text-align: left;
|
|
|
}
|
|
|
/**
|
|
|
* Grid item "shrink wrap"
|
|
|
*
|
|
|
* Force `.grid-item` to be the width of its content.
|
|
|
*/
|
|
|
.grid-shrink-wrap > .grid-item {
|
|
|
width: auto;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Display ($utilities-display)
|
|
|
\* ========================================================================== */
|
|
|
.dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.xs-di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.xs-db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.xs-dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.xs-dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.xs-dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.xs-dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.xs-dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.xs-dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.xs-dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.xs-dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.sm-di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.sm-db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.sm-dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.sm-dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.sm-dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.sm-dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.sm-dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.sm-dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.sm-dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.sm-dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.md-di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.md-db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.md-dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.md-dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.md-dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.md-dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.md-dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.md-dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.md-dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.md-dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.lg-di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.lg-db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.lg-dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.lg-dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.lg-dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.lg-dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.lg-dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.lg-dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.lg-dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.lg-dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.xl-di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.xl-db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.xl-dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.xl-dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.xl-dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.xl-dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.xl-dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.xl-dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.xl-dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.xl-dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-dn {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.xxl-di {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
.xxl-db {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/**
|
|
|
* 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
|
|
|
* parent styled `inline-block` displays at its default size, not 100% of the
|
|
|
* parent container.
|
|
|
*/
|
|
|
.xxl-dib {
|
|
|
display: inline-block !important;
|
|
|
max-width: 100% !important;
|
|
|
/* 1 */
|
|
|
}
|
|
|
.xxl-dit {
|
|
|
display: inline-table !important;
|
|
|
}
|
|
|
.xxl-dt {
|
|
|
display: table !important;
|
|
|
table-layout: fixed !important;
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
.xxl-dtr {
|
|
|
display: table-row !important;
|
|
|
}
|
|
|
.xxl-dtrg {
|
|
|
display: table-row-group !important;
|
|
|
}
|
|
|
.xxl-dtc {
|
|
|
display: table-cell !important;
|
|
|
}
|
|
|
.xxl-dtcol {
|
|
|
display: table-column !important;
|
|
|
}
|
|
|
.xxl-dtcolg {
|
|
|
display: table-column-group !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Font Sizes ($utilities-font-sizes)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Hat tip to @csswizardry for the +/- technique.
|
|
|
*
|
|
|
* @link http://cbrac.co/1Pd1ZKl
|
|
|
*/
|
|
|
.fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.xs-fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.xs-fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.xs-fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.xs-fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.xs-fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.xs-fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.xs-fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.xs-fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.sm-fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.sm-fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.sm-fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.sm-fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.sm-fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.sm-fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.sm-fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.sm-fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.md-fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.md-fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.md-fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.md-fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.md-fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.md-fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.md-fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.md-fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.lg-fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.lg-fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.lg-fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.lg-fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.lg-fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.lg-fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.lg-fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.lg-fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.xl-fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.xl-fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.xl-fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.xl-fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.xl-fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.xl-fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.xl-fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.xl-fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-fz--- {
|
|
|
/*px*/ font-size: 12px !important;
|
|
|
/*rem*/ font-size: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-fz-- {
|
|
|
/*px*/ font-size: 13px !important;
|
|
|
/*rem*/ font-size: 0.8125rem !important;
|
|
|
}
|
|
|
.xxl-fz- {
|
|
|
/*px*/ font-size: 14px !important;
|
|
|
/*rem*/ font-size: 0.875rem !important;
|
|
|
}
|
|
|
.xxl-fz {
|
|
|
/*px*/ font-size: 16px !important;
|
|
|
/*rem*/ font-size: 1rem !important;
|
|
|
}
|
|
|
.xxl-fz\+ {
|
|
|
/*px*/ font-size: 18px !important;
|
|
|
/*rem*/ font-size: 1.125rem !important;
|
|
|
}
|
|
|
.xxl-fz\+\+ {
|
|
|
/*px*/ font-size: 19px !important;
|
|
|
/*rem*/ font-size: 1.1875rem !important;
|
|
|
}
|
|
|
.xxl-fz\+\+\+ {
|
|
|
/*px*/ font-size: 20px !important;
|
|
|
/*rem*/ font-size: 1.25rem !important;
|
|
|
}
|
|
|
.xxl-fz100 {
|
|
|
font-size: 100% !important;
|
|
|
}
|
|
|
.xxl-fz0 {
|
|
|
font-size: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Floats ($utilities-floats)
|
|
|
\* ========================================================================== */
|
|
|
.fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.xs-fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.xs-fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.sm-fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.sm-fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.md-fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.md-fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.lg-fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.lg-fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.xl-fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.xl-fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-fl {
|
|
|
float: left !important;
|
|
|
}
|
|
|
.xxl-fr {
|
|
|
float: right !important;
|
|
|
}
|
|
|
.xxl-fn {
|
|
|
float: none !important;
|
|
|
}
|
|
|
}
|
|
|
/**
|
|
|
* Clearfix
|
|
|
*
|
|
|
* 1. The use of `table` rather than `block` is only necessary if using
|
|
|
* `:before` to contain the top-margins of child elements.
|
|
|
* 2. The space content is one way to avoid an Opera bug when the
|
|
|
* `contenteditable` attribute is included anywhere else in the document.
|
|
|
* Otherwise it causes space to appear at the top and bottom of elements
|
|
|
* that are clearfixed.
|
|
|
*
|
|
|
* @link http://cbrac.co/1FT6aqC
|
|
|
*/
|
|
|
.cf:before,
|
|
|
.cf:after {
|
|
|
display: table;
|
|
|
content: " ";
|
|
|
}
|
|
|
.cf:after {
|
|
|
clear: both;
|
|
|
}
|
|
|
/**
|
|
|
* Clear floats with an extra markup element.
|
|
|
*
|
|
|
* @link http://cbrac.co/SFv1Ua
|
|
|
*/
|
|
|
.clear {
|
|
|
display: block;
|
|
|
visibility: hidden;
|
|
|
clear: both;
|
|
|
overflow: hidden;
|
|
|
width: 0;
|
|
|
height: 0;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Margins ($utilities-margins)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Hat tip to @csswizardry for the +/- technique.
|
|
|
*
|
|
|
* @link http://cbrac.co/1Pd1ZKl
|
|
|
*/
|
|
|
.m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.xs-mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.xs-mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.xs-mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xs-ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.xs-mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.xs-mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xs-m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.xs-mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.xs-mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.xs-mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xs-ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.xs-mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.xs-mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xs-m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.xs-mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.xs-mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.xs-mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xs-ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.xs-mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.xs-mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xs-m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.xs-mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.xs-mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.xs-mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.xs-ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.xs-mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.xs-mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.xs-m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.xs-mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.xs-mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.xs-mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.xs-ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.xs-mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.xs-mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.xs-m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.xs-mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.xs-mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.xs-mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.xs-ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.xs-mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.xs-mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.sm-mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.sm-mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.sm-mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.sm-ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.sm-mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.sm-mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.sm-m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.sm-mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.sm-mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.sm-mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.sm-ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.sm-mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.sm-mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.sm-m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.sm-mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.sm-mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.sm-mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.sm-ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.sm-mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.sm-mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.sm-m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.sm-mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.sm-mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.sm-mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.sm-ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.sm-mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.sm-mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.sm-m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.sm-mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.sm-mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.sm-mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.sm-ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.sm-mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.sm-mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.sm-m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.sm-mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.sm-mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.sm-mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.sm-ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.sm-mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.sm-mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.md-mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.md-mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.md-mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.md-ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.md-mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.md-mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.md-m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.md-mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.md-mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.md-mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.md-ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.md-mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.md-mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.md-m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.md-mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.md-mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.md-mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.md-ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.md-mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.md-mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.md-m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.md-mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.md-mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.md-mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.md-ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.md-mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.md-mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.md-m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.md-mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.md-mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.md-mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.md-ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.md-mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.md-mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.md-m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.md-mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.md-mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.md-mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.md-ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.md-mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.md-mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.lg-mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.lg-mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.lg-mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.lg-ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.lg-mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.lg-mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.lg-m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.lg-mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.lg-mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.lg-mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.lg-ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.lg-mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.lg-mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.lg-m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.lg-mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.lg-mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.lg-mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.lg-ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.lg-mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.lg-mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.lg-m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.lg-mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.lg-mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.lg-mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.lg-ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.lg-mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.lg-mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.lg-m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.lg-mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.lg-mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.lg-mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.lg-ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.lg-mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.lg-mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.lg-m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.lg-mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.lg-mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.lg-mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.lg-ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.lg-mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.lg-mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.xl-mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.xl-mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.xl-mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xl-ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.xl-mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.xl-mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xl-m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.xl-mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.xl-mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.xl-mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xl-ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.xl-mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.xl-mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xl-m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.xl-mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.xl-mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.xl-mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xl-ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.xl-mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.xl-mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xl-m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.xl-mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.xl-mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.xl-mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.xl-ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.xl-mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.xl-mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.xl-m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.xl-mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.xl-mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.xl-mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.xl-ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.xl-mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.xl-mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.xl-m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.xl-mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.xl-mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.xl-mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.xl-ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.xl-mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.xl-mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-m {
|
|
|
/*px*/ margin: 24px !important;
|
|
|
/*rem*/ margin: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-mt {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-mr {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-mb {
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-ml {
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-mh {
|
|
|
/*px*/ margin-right: 24px !important;
|
|
|
/*rem*/ margin-right: 1.5rem !important;
|
|
|
/*px*/ margin-left: 24px !important;
|
|
|
/*rem*/ margin-left: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-mv {
|
|
|
/*px*/ margin-top: 24px !important;
|
|
|
/*rem*/ margin-top: 1.5rem !important;
|
|
|
/*px*/ margin-bottom: 24px !important;
|
|
|
/*rem*/ margin-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-m-- {
|
|
|
/*px*/ margin: 6px !important;
|
|
|
/*rem*/ margin: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-mt-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-mr-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-mb-- {
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-ml-- {
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-mh-- {
|
|
|
/*px*/ margin-right: 6px !important;
|
|
|
/*rem*/ margin-right: 0.375rem !important;
|
|
|
/*px*/ margin-left: 6px !important;
|
|
|
/*rem*/ margin-left: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-mv-- {
|
|
|
/*px*/ margin-top: 6px !important;
|
|
|
/*rem*/ margin-top: 0.375rem !important;
|
|
|
/*px*/ margin-bottom: 6px !important;
|
|
|
/*rem*/ margin-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-m- {
|
|
|
/*px*/ margin: 12px !important;
|
|
|
/*rem*/ margin: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-mt- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-mr- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-mb- {
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-ml- {
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-mh- {
|
|
|
/*px*/ margin-right: 12px !important;
|
|
|
/*rem*/ margin-right: 0.75rem !important;
|
|
|
/*px*/ margin-left: 12px !important;
|
|
|
/*rem*/ margin-left: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-mv- {
|
|
|
/*px*/ margin-top: 12px !important;
|
|
|
/*rem*/ margin-top: 0.75rem !important;
|
|
|
/*px*/ margin-bottom: 12px !important;
|
|
|
/*rem*/ margin-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-m\+ {
|
|
|
/*px*/ margin: 48px !important;
|
|
|
/*rem*/ margin: 3rem !important;
|
|
|
}
|
|
|
.xxl-mt\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
}
|
|
|
.xxl-mr\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
}
|
|
|
.xxl-mb\+ {
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.xxl-ml\+ {
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.xxl-mh\+ {
|
|
|
/*px*/ margin-right: 48px !important;
|
|
|
/*rem*/ margin-right: 3rem !important;
|
|
|
/*px*/ margin-left: 48px !important;
|
|
|
/*rem*/ margin-left: 3rem !important;
|
|
|
}
|
|
|
.xxl-mv\+ {
|
|
|
/*px*/ margin-top: 48px !important;
|
|
|
/*rem*/ margin-top: 3rem !important;
|
|
|
/*px*/ margin-bottom: 48px !important;
|
|
|
/*rem*/ margin-bottom: 3rem !important;
|
|
|
}
|
|
|
.xxl-m\+\+ {
|
|
|
/*px*/ margin: 96px !important;
|
|
|
/*rem*/ margin: 6rem !important;
|
|
|
}
|
|
|
.xxl-mt\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
}
|
|
|
.xxl-mr\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
}
|
|
|
.xxl-mb\+\+ {
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.xxl-ml\+\+ {
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.xxl-mh\+\+ {
|
|
|
/*px*/ margin-right: 96px !important;
|
|
|
/*rem*/ margin-right: 6rem !important;
|
|
|
/*px*/ margin-left: 96px !important;
|
|
|
/*rem*/ margin-left: 6rem !important;
|
|
|
}
|
|
|
.xxl-mv\+\+ {
|
|
|
/*px*/ margin-top: 96px !important;
|
|
|
/*rem*/ margin-top: 6rem !important;
|
|
|
/*px*/ margin-bottom: 96px !important;
|
|
|
/*rem*/ margin-bottom: 6rem !important;
|
|
|
}
|
|
|
.xxl-m0 {
|
|
|
/*px*/ margin: 0 !important;
|
|
|
/*rem*/ margin: 0 !important;
|
|
|
}
|
|
|
.xxl-mt0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
}
|
|
|
.xxl-mr0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
}
|
|
|
.xxl-mb0 {
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
.xxl-ml0 {
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.xxl-mh0 {
|
|
|
/*px*/ margin-right: 0 !important;
|
|
|
/*rem*/ margin-right: 0 !important;
|
|
|
/*px*/ margin-left: 0 !important;
|
|
|
/*rem*/ margin-left: 0 !important;
|
|
|
}
|
|
|
.xxl-mv0 {
|
|
|
/*px*/ margin-top: 0 !important;
|
|
|
/*rem*/ margin-top: 0 !important;
|
|
|
/*px*/ margin-bottom: 0 !important;
|
|
|
/*rem*/ margin-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Paddings ($utilities-paddings)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Hat tip to @csswizardry for the +/- technique.
|
|
|
*
|
|
|
* @link http://cbrac.co/1Pd1ZKl
|
|
|
*/
|
|
|
.p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.xs-pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.xs-pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.xs-pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xs-pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.xs-ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.xs-pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xs-p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.xs-pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.xs-pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.xs-pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xs-pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.xs-ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.xs-pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xs-p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.xs-pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.xs-pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.xs-pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xs-pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.xs-ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.xs-pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xs-p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.xs-pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.xs-pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.xs-pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.xs-pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.xs-ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.xs-pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.xs-p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.xs-pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.xs-pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.xs-pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.xs-pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.xs-ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.xs-pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.xs-p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.xs-pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.xs-pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.xs-pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.xs-pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.xs-ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.xs-pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.sm-pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.sm-pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.sm-pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.sm-pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.sm-ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.sm-pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.sm-p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.sm-pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.sm-pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.sm-pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.sm-pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.sm-ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.sm-pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.sm-p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.sm-pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.sm-pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.sm-pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.sm-pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.sm-ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.sm-pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.sm-p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.sm-pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.sm-pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.sm-pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.sm-pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.sm-ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.sm-pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.sm-p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.sm-pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.sm-pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.sm-pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.sm-pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.sm-ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.sm-pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.sm-p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.sm-pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.sm-pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.sm-pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.sm-pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.sm-ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.sm-pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.md-pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.md-pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.md-pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.md-pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.md-ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.md-pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.md-p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.md-pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.md-pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.md-pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.md-pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.md-ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.md-pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.md-p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.md-pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.md-pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.md-pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.md-pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.md-ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.md-pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.md-p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.md-pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.md-pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.md-pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.md-pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.md-ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.md-pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.md-p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.md-pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.md-pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.md-pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.md-pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.md-ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.md-pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.md-p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.md-pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.md-pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.md-pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.md-pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.md-ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.md-pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.lg-pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.lg-pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.lg-pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.lg-pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.lg-ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.lg-pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.lg-p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.lg-pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.lg-pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.lg-pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.lg-pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.lg-ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.lg-pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.lg-p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.lg-pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.lg-pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.lg-pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.lg-pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.lg-ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.lg-pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.lg-p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.lg-pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.lg-pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.lg-pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.lg-pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.lg-ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.lg-pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.lg-p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.lg-pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.lg-pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.lg-pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.lg-pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.lg-ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.lg-pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.lg-p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.lg-pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.lg-pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.lg-pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.lg-pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.lg-ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.lg-pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.xl-pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.xl-pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.xl-pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xl-pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.xl-ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.xl-pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xl-p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.xl-pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.xl-pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.xl-pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xl-pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.xl-ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.xl-pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xl-p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.xl-pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.xl-pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.xl-pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xl-pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.xl-ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.xl-pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xl-p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.xl-pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.xl-pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.xl-pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.xl-pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.xl-ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.xl-pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.xl-p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.xl-pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.xl-pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.xl-pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.xl-pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.xl-ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.xl-pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.xl-p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.xl-pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.xl-pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.xl-pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.xl-pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.xl-ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.xl-pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-p {
|
|
|
/*px*/ padding: 24px !important;
|
|
|
/*rem*/ padding: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-pt {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-pr {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-pb {
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-pl {
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-ph {
|
|
|
/*px*/ padding-right: 24px !important;
|
|
|
/*rem*/ padding-right: 1.5rem !important;
|
|
|
/*px*/ padding-left: 24px !important;
|
|
|
/*rem*/ padding-left: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-pv {
|
|
|
/*px*/ padding-top: 24px !important;
|
|
|
/*rem*/ padding-top: 1.5rem !important;
|
|
|
/*px*/ padding-bottom: 24px !important;
|
|
|
/*rem*/ padding-bottom: 1.5rem !important;
|
|
|
}
|
|
|
.xxl-p-- {
|
|
|
/*px*/ padding: 6px !important;
|
|
|
/*rem*/ padding: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-pt-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-pr-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-pb-- {
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-pl-- {
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-ph-- {
|
|
|
/*px*/ padding-right: 6px !important;
|
|
|
/*rem*/ padding-right: 0.375rem !important;
|
|
|
/*px*/ padding-left: 6px !important;
|
|
|
/*rem*/ padding-left: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-pv-- {
|
|
|
/*px*/ padding-top: 6px !important;
|
|
|
/*rem*/ padding-top: 0.375rem !important;
|
|
|
/*px*/ padding-bottom: 6px !important;
|
|
|
/*rem*/ padding-bottom: 0.375rem !important;
|
|
|
}
|
|
|
.xxl-p- {
|
|
|
/*px*/ padding: 12px !important;
|
|
|
/*rem*/ padding: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-pt- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-pr- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-pb- {
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-pl- {
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-ph- {
|
|
|
/*px*/ padding-right: 12px !important;
|
|
|
/*rem*/ padding-right: 0.75rem !important;
|
|
|
/*px*/ padding-left: 12px !important;
|
|
|
/*rem*/ padding-left: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-pv- {
|
|
|
/*px*/ padding-top: 12px !important;
|
|
|
/*rem*/ padding-top: 0.75rem !important;
|
|
|
/*px*/ padding-bottom: 12px !important;
|
|
|
/*rem*/ padding-bottom: 0.75rem !important;
|
|
|
}
|
|
|
.xxl-p\+ {
|
|
|
/*px*/ padding: 48px !important;
|
|
|
/*rem*/ padding: 3rem !important;
|
|
|
}
|
|
|
.xxl-pt\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
}
|
|
|
.xxl-pr\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
}
|
|
|
.xxl-pb\+ {
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.xxl-pl\+ {
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.xxl-ph\+ {
|
|
|
/*px*/ padding-right: 48px !important;
|
|
|
/*rem*/ padding-right: 3rem !important;
|
|
|
/*px*/ padding-left: 48px !important;
|
|
|
/*rem*/ padding-left: 3rem !important;
|
|
|
}
|
|
|
.xxl-pv\+ {
|
|
|
/*px*/ padding-top: 48px !important;
|
|
|
/*rem*/ padding-top: 3rem !important;
|
|
|
/*px*/ padding-bottom: 48px !important;
|
|
|
/*rem*/ padding-bottom: 3rem !important;
|
|
|
}
|
|
|
.xxl-p\+\+ {
|
|
|
/*px*/ padding: 96px !important;
|
|
|
/*rem*/ padding: 6rem !important;
|
|
|
}
|
|
|
.xxl-pt\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
}
|
|
|
.xxl-pr\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
}
|
|
|
.xxl-pb\+\+ {
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.xxl-pl\+\+ {
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.xxl-ph\+\+ {
|
|
|
/*px*/ padding-right: 96px !important;
|
|
|
/*rem*/ padding-right: 6rem !important;
|
|
|
/*px*/ padding-left: 96px !important;
|
|
|
/*rem*/ padding-left: 6rem !important;
|
|
|
}
|
|
|
.xxl-pv\+\+ {
|
|
|
/*px*/ padding-top: 96px !important;
|
|
|
/*rem*/ padding-top: 6rem !important;
|
|
|
/*px*/ padding-bottom: 96px !important;
|
|
|
/*rem*/ padding-bottom: 6rem !important;
|
|
|
}
|
|
|
.xxl-p0 {
|
|
|
/*px*/ padding: 0 !important;
|
|
|
/*rem*/ padding: 0 !important;
|
|
|
}
|
|
|
.xxl-pt0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
}
|
|
|
.xxl-pr0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
}
|
|
|
.xxl-pb0 {
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
.xxl-pl0 {
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.xxl-ph0 {
|
|
|
/*px*/ padding-right: 0 !important;
|
|
|
/*rem*/ padding-right: 0 !important;
|
|
|
/*px*/ padding-left: 0 !important;
|
|
|
/*rem*/ padding-left: 0 !important;
|
|
|
}
|
|
|
.xxl-pv0 {
|
|
|
/*px*/ padding-top: 0 !important;
|
|
|
/*rem*/ padding-top: 0 !important;
|
|
|
/*px*/ padding-bottom: 0 !important;
|
|
|
/*rem*/ padding-bottom: 0 !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Positions ($utilities-positions)
|
|
|
\* ========================================================================== */
|
|
|
.posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.xs-posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.xs-posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.xs-poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.sm-posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.sm-posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sm-poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.md-posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.md-posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.md-poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.lg-posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.lg-posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.lg-poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.xl-posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.xl-posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.xl-poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-posa {
|
|
|
position: absolute !important;
|
|
|
}
|
|
|
.xxl-posf {
|
|
|
position: fixed !important;
|
|
|
}
|
|
|
.xxl-posr {
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.xxl-poss {
|
|
|
position: static !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Text Alignment ($utilities-text-alignment)
|
|
|
\* ========================================================================== */
|
|
|
.tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.xs-tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.xs-tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.xs-tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.sm-tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.sm-tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.sm-tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.md-tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.md-tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.md-tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.lg-tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.lg-tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.lg-tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.xl-tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.xl-tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.xl-tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-tl {
|
|
|
text-align: left !important;
|
|
|
}
|
|
|
.xxl-tr {
|
|
|
text-align: right !important;
|
|
|
}
|
|
|
.xxl-tc {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.xxl-tj {
|
|
|
text-align: justify !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Vertical Alignment ($utilities-vertical-alignment)
|
|
|
\* ========================================================================== */
|
|
|
.vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.xs-vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.xs-vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.sm-vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.sm-vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.md-vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.md-vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.lg-vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.lg-vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.xl-vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.xl-vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-vat {
|
|
|
vertical-align: top !important;
|
|
|
}
|
|
|
.xxl-vab {
|
|
|
vertical-align: bottom !important;
|
|
|
}
|
|
|
.xxl-vam {
|
|
|
vertical-align: middle !important;
|
|
|
}
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Visually Hidden ($utilities-visually-hidden)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Hide only visually, but have it available for screenreaders.
|
|
|
*
|
|
|
* @link http://cbrac.co/TUcUgH
|
|
|
*/
|
|
|
.vh {
|
|
|
position: absolute;
|
|
|
overflow: hidden;
|
|
|
clip: rect(0 0 0 0);
|
|
|
margin: -1px;
|
|
|
padding: 0;
|
|
|
width: 1px;
|
|
|
height: 1px;
|
|
|
border: 0;
|
|
|
}
|
|
|
/**
|
|
|
* Extends the `.vh` class to allow the element to be focusable when navigated
|
|
|
* to via the keyboard.
|
|
|
*
|
|
|
* @link http://cbrac.co/RR8gO6
|
|
|
*/
|
|
|
.vh.focusable:active,
|
|
|
.vh.focusable:focus {
|
|
|
position: static;
|
|
|
overflow: visible;
|
|
|
clip: auto;
|
|
|
margin: 0;
|
|
|
width: auto;
|
|
|
height: auto;
|
|
|
}
|
|
|
/* ========================================================================== *\
|
|
|
Utilities -> Widths ($utilities-widths)
|
|
|
\* ========================================================================== */
|
|
|
/**
|
|
|
* Hat tip to @csswizardry for the fraction classes technique.
|
|
|
*
|
|
|
* @link http://cbrac.co/1RvQXmS
|
|
|
*/
|
|
|
.width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="1/1"],
|
|
|
.one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="1/2"],
|
|
|
.one-half,
|
|
|
[class~="2/4"],
|
|
|
.two-fourths,
|
|
|
[class~="3/6"],
|
|
|
.three-sixths,
|
|
|
[class~="4/8"],
|
|
|
.four-eighths,
|
|
|
[class~="5/10"],
|
|
|
.five-tenths,
|
|
|
[class~="6/12"],
|
|
|
.six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="1/3"],
|
|
|
.one-third,
|
|
|
[class~="2/6"],
|
|
|
.two-sixths,
|
|
|
[class~="3/9"],
|
|
|
.three-ninths,
|
|
|
[class~="4/12"],
|
|
|
.four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="2/3"],
|
|
|
.two-thirds,
|
|
|
[class~="4/6"],
|
|
|
.four-sixths,
|
|
|
[class~="6/9"],
|
|
|
.six-ninths,
|
|
|
[class~="8/12"],
|
|
|
.eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="1/4"],
|
|
|
.one-fourth,
|
|
|
[class~="2/8"],
|
|
|
.two-eighths,
|
|
|
[class~="3/12"],
|
|
|
.three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="3/4"],
|
|
|
.three-fourths,
|
|
|
[class~="6/8"],
|
|
|
.six-eighths,
|
|
|
[class~="9/12"],
|
|
|
.nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="1/5"],
|
|
|
.one-fifth,
|
|
|
[class~="2/10"],
|
|
|
.two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="2/5"],
|
|
|
.two-fifths,
|
|
|
[class~="4/10"],
|
|
|
.four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="3/5"],
|
|
|
.three-fifths,
|
|
|
[class~="6/10"],
|
|
|
.six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="4/5"],
|
|
|
.four-fifths,
|
|
|
[class~="8/10"],
|
|
|
.eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="1/6"],
|
|
|
.one-sixth,
|
|
|
[class~="2/12"],
|
|
|
.two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="5/6"],
|
|
|
.five-sixths,
|
|
|
[class~="10/12"],
|
|
|
.ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="1/8"],
|
|
|
.one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="3/8"],
|
|
|
.three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="5/8"],
|
|
|
.five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="7/8"],
|
|
|
.seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="1/9"],
|
|
|
.one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="2/9"],
|
|
|
.two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="4/9"],
|
|
|
.four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="5/9"],
|
|
|
.five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="7/9"],
|
|
|
.seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="8/9"],
|
|
|
.eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="1/10"],
|
|
|
.one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="3/10"],
|
|
|
.three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="7/10"],
|
|
|
.seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="9/10"],
|
|
|
.nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="1/12"],
|
|
|
.one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="5/12"],
|
|
|
.five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="7/12"],
|
|
|
.seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="11/12"],
|
|
|
.eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
@media (min-width: 480px) {
|
|
|
.xs-width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="xs-1/1"],
|
|
|
.xs-one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="xs-1/2"],
|
|
|
.xs-one-half,
|
|
|
[class~="xs-2/4"],
|
|
|
.xs-two-fourths,
|
|
|
[class~="xs-3/6"],
|
|
|
.xs-three-sixths,
|
|
|
[class~="xs-4/8"],
|
|
|
.xs-four-eighths,
|
|
|
[class~="xs-5/10"],
|
|
|
.xs-five-tenths,
|
|
|
[class~="xs-6/12"],
|
|
|
.xs-six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="xs-1/3"],
|
|
|
.xs-one-third,
|
|
|
[class~="xs-2/6"],
|
|
|
.xs-two-sixths,
|
|
|
[class~="xs-3/9"],
|
|
|
.xs-three-ninths,
|
|
|
[class~="xs-4/12"],
|
|
|
.xs-four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="xs-2/3"],
|
|
|
.xs-two-thirds,
|
|
|
[class~="xs-4/6"],
|
|
|
.xs-four-sixths,
|
|
|
[class~="xs-6/9"],
|
|
|
.xs-six-ninths,
|
|
|
[class~="xs-8/12"],
|
|
|
.xs-eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="xs-1/4"],
|
|
|
.xs-one-fourth,
|
|
|
[class~="xs-2/8"],
|
|
|
.xs-two-eighths,
|
|
|
[class~="xs-3/12"],
|
|
|
.xs-three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="xs-3/4"],
|
|
|
.xs-three-fourths,
|
|
|
[class~="xs-6/8"],
|
|
|
.xs-six-eighths,
|
|
|
[class~="xs-9/12"],
|
|
|
.xs-nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="xs-1/5"],
|
|
|
.xs-one-fifth,
|
|
|
[class~="xs-2/10"],
|
|
|
.xs-two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="xs-2/5"],
|
|
|
.xs-two-fifths,
|
|
|
[class~="xs-4/10"],
|
|
|
.xs-four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="xs-3/5"],
|
|
|
.xs-three-fifths,
|
|
|
[class~="xs-6/10"],
|
|
|
.xs-six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="xs-4/5"],
|
|
|
.xs-four-fifths,
|
|
|
[class~="xs-8/10"],
|
|
|
.xs-eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="xs-1/6"],
|
|
|
.xs-one-sixth,
|
|
|
[class~="xs-2/12"],
|
|
|
.xs-two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="xs-5/6"],
|
|
|
.xs-five-sixths,
|
|
|
[class~="xs-10/12"],
|
|
|
.xs-ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="xs-1/8"],
|
|
|
.xs-one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="xs-3/8"],
|
|
|
.xs-three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="xs-5/8"],
|
|
|
.xs-five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="xs-7/8"],
|
|
|
.xs-seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="xs-1/9"],
|
|
|
.xs-one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="xs-2/9"],
|
|
|
.xs-two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="xs-4/9"],
|
|
|
.xs-four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="xs-5/9"],
|
|
|
.xs-five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="xs-7/9"],
|
|
|
.xs-seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="xs-8/9"],
|
|
|
.xs-eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="xs-1/10"],
|
|
|
.xs-one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="xs-3/10"],
|
|
|
.xs-three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="xs-7/10"],
|
|
|
.xs-seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="xs-9/10"],
|
|
|
.xs-nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="xs-1/12"],
|
|
|
.xs-one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="xs-5/12"],
|
|
|
.xs-five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="xs-7/12"],
|
|
|
.xs-seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="xs-11/12"],
|
|
|
.xs-eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px) {
|
|
|
.sm-width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="sm-1/1"],
|
|
|
.sm-one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="sm-1/2"],
|
|
|
.sm-one-half,
|
|
|
[class~="sm-2/4"],
|
|
|
.sm-two-fourths,
|
|
|
[class~="sm-3/6"],
|
|
|
.sm-three-sixths,
|
|
|
[class~="sm-4/8"],
|
|
|
.sm-four-eighths,
|
|
|
[class~="sm-5/10"],
|
|
|
.sm-five-tenths,
|
|
|
[class~="sm-6/12"],
|
|
|
.sm-six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="sm-1/3"],
|
|
|
.sm-one-third,
|
|
|
[class~="sm-2/6"],
|
|
|
.sm-two-sixths,
|
|
|
[class~="sm-3/9"],
|
|
|
.sm-three-ninths,
|
|
|
[class~="sm-4/12"],
|
|
|
.sm-four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="sm-2/3"],
|
|
|
.sm-two-thirds,
|
|
|
[class~="sm-4/6"],
|
|
|
.sm-four-sixths,
|
|
|
[class~="sm-6/9"],
|
|
|
.sm-six-ninths,
|
|
|
[class~="sm-8/12"],
|
|
|
.sm-eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="sm-1/4"],
|
|
|
.sm-one-fourth,
|
|
|
[class~="sm-2/8"],
|
|
|
.sm-two-eighths,
|
|
|
[class~="sm-3/12"],
|
|
|
.sm-three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="sm-3/4"],
|
|
|
.sm-three-fourths,
|
|
|
[class~="sm-6/8"],
|
|
|
.sm-six-eighths,
|
|
|
[class~="sm-9/12"],
|
|
|
.sm-nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="sm-1/5"],
|
|
|
.sm-one-fifth,
|
|
|
[class~="sm-2/10"],
|
|
|
.sm-two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="sm-2/5"],
|
|
|
.sm-two-fifths,
|
|
|
[class~="sm-4/10"],
|
|
|
.sm-four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="sm-3/5"],
|
|
|
.sm-three-fifths,
|
|
|
[class~="sm-6/10"],
|
|
|
.sm-six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="sm-4/5"],
|
|
|
.sm-four-fifths,
|
|
|
[class~="sm-8/10"],
|
|
|
.sm-eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="sm-1/6"],
|
|
|
.sm-one-sixth,
|
|
|
[class~="sm-2/12"],
|
|
|
.sm-two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="sm-5/6"],
|
|
|
.sm-five-sixths,
|
|
|
[class~="sm-10/12"],
|
|
|
.sm-ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="sm-1/8"],
|
|
|
.sm-one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="sm-3/8"],
|
|
|
.sm-three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="sm-5/8"],
|
|
|
.sm-five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="sm-7/8"],
|
|
|
.sm-seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="sm-1/9"],
|
|
|
.sm-one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="sm-2/9"],
|
|
|
.sm-two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="sm-4/9"],
|
|
|
.sm-four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="sm-5/9"],
|
|
|
.sm-five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="sm-7/9"],
|
|
|
.sm-seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="sm-8/9"],
|
|
|
.sm-eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="sm-1/10"],
|
|
|
.sm-one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="sm-3/10"],
|
|
|
.sm-three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="sm-7/10"],
|
|
|
.sm-seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="sm-9/10"],
|
|
|
.sm-nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="sm-1/12"],
|
|
|
.sm-one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="sm-5/12"],
|
|
|
.sm-five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="sm-7/12"],
|
|
|
.sm-seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="sm-11/12"],
|
|
|
.sm-eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.md-width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="md-1/1"],
|
|
|
.md-one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="md-1/2"],
|
|
|
.md-one-half,
|
|
|
[class~="md-2/4"],
|
|
|
.md-two-fourths,
|
|
|
[class~="md-3/6"],
|
|
|
.md-three-sixths,
|
|
|
[class~="md-4/8"],
|
|
|
.md-four-eighths,
|
|
|
[class~="md-5/10"],
|
|
|
.md-five-tenths,
|
|
|
[class~="md-6/12"],
|
|
|
.md-six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="md-1/3"],
|
|
|
.md-one-third,
|
|
|
[class~="md-2/6"],
|
|
|
.md-two-sixths,
|
|
|
[class~="md-3/9"],
|
|
|
.md-three-ninths,
|
|
|
[class~="md-4/12"],
|
|
|
.md-four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="md-2/3"],
|
|
|
.md-two-thirds,
|
|
|
[class~="md-4/6"],
|
|
|
.md-four-sixths,
|
|
|
[class~="md-6/9"],
|
|
|
.md-six-ninths,
|
|
|
[class~="md-8/12"],
|
|
|
.md-eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="md-1/4"],
|
|
|
.md-one-fourth,
|
|
|
[class~="md-2/8"],
|
|
|
.md-two-eighths,
|
|
|
[class~="md-3/12"],
|
|
|
.md-three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="md-3/4"],
|
|
|
.md-three-fourths,
|
|
|
[class~="md-6/8"],
|
|
|
.md-six-eighths,
|
|
|
[class~="md-9/12"],
|
|
|
.md-nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="md-1/5"],
|
|
|
.md-one-fifth,
|
|
|
[class~="md-2/10"],
|
|
|
.md-two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="md-2/5"],
|
|
|
.md-two-fifths,
|
|
|
[class~="md-4/10"],
|
|
|
.md-four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="md-3/5"],
|
|
|
.md-three-fifths,
|
|
|
[class~="md-6/10"],
|
|
|
.md-six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="md-4/5"],
|
|
|
.md-four-fifths,
|
|
|
[class~="md-8/10"],
|
|
|
.md-eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="md-1/6"],
|
|
|
.md-one-sixth,
|
|
|
[class~="md-2/12"],
|
|
|
.md-two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="md-5/6"],
|
|
|
.md-five-sixths,
|
|
|
[class~="md-10/12"],
|
|
|
.md-ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="md-1/8"],
|
|
|
.md-one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="md-3/8"],
|
|
|
.md-three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="md-5/8"],
|
|
|
.md-five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="md-7/8"],
|
|
|
.md-seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="md-1/9"],
|
|
|
.md-one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="md-2/9"],
|
|
|
.md-two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="md-4/9"],
|
|
|
.md-four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="md-5/9"],
|
|
|
.md-five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="md-7/9"],
|
|
|
.md-seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="md-8/9"],
|
|
|
.md-eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="md-1/10"],
|
|
|
.md-one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="md-3/10"],
|
|
|
.md-three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="md-7/10"],
|
|
|
.md-seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="md-9/10"],
|
|
|
.md-nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="md-1/12"],
|
|
|
.md-one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="md-5/12"],
|
|
|
.md-five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="md-7/12"],
|
|
|
.md-seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="md-11/12"],
|
|
|
.md-eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 960px) {
|
|
|
.lg-width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="lg-1/1"],
|
|
|
.lg-one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="lg-1/2"],
|
|
|
.lg-one-half,
|
|
|
[class~="lg-2/4"],
|
|
|
.lg-two-fourths,
|
|
|
[class~="lg-3/6"],
|
|
|
.lg-three-sixths,
|
|
|
[class~="lg-4/8"],
|
|
|
.lg-four-eighths,
|
|
|
[class~="lg-5/10"],
|
|
|
.lg-five-tenths,
|
|
|
[class~="lg-6/12"],
|
|
|
.lg-six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="lg-1/3"],
|
|
|
.lg-one-third,
|
|
|
[class~="lg-2/6"],
|
|
|
.lg-two-sixths,
|
|
|
[class~="lg-3/9"],
|
|
|
.lg-three-ninths,
|
|
|
[class~="lg-4/12"],
|
|
|
.lg-four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="lg-2/3"],
|
|
|
.lg-two-thirds,
|
|
|
[class~="lg-4/6"],
|
|
|
.lg-four-sixths,
|
|
|
[class~="lg-6/9"],
|
|
|
.lg-six-ninths,
|
|
|
[class~="lg-8/12"],
|
|
|
.lg-eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="lg-1/4"],
|
|
|
.lg-one-fourth,
|
|
|
[class~="lg-2/8"],
|
|
|
.lg-two-eighths,
|
|
|
[class~="lg-3/12"],
|
|
|
.lg-three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="lg-3/4"],
|
|
|
.lg-three-fourths,
|
|
|
[class~="lg-6/8"],
|
|
|
.lg-six-eighths,
|
|
|
[class~="lg-9/12"],
|
|
|
.lg-nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="lg-1/5"],
|
|
|
.lg-one-fifth,
|
|
|
[class~="lg-2/10"],
|
|
|
.lg-two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="lg-2/5"],
|
|
|
.lg-two-fifths,
|
|
|
[class~="lg-4/10"],
|
|
|
.lg-four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="lg-3/5"],
|
|
|
.lg-three-fifths,
|
|
|
[class~="lg-6/10"],
|
|
|
.lg-six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="lg-4/5"],
|
|
|
.lg-four-fifths,
|
|
|
[class~="lg-8/10"],
|
|
|
.lg-eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="lg-1/6"],
|
|
|
.lg-one-sixth,
|
|
|
[class~="lg-2/12"],
|
|
|
.lg-two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="lg-5/6"],
|
|
|
.lg-five-sixths,
|
|
|
[class~="lg-10/12"],
|
|
|
.lg-ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="lg-1/8"],
|
|
|
.lg-one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="lg-3/8"],
|
|
|
.lg-three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="lg-5/8"],
|
|
|
.lg-five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="lg-7/8"],
|
|
|
.lg-seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="lg-1/9"],
|
|
|
.lg-one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="lg-2/9"],
|
|
|
.lg-two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="lg-4/9"],
|
|
|
.lg-four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="lg-5/9"],
|
|
|
.lg-five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="lg-7/9"],
|
|
|
.lg-seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="lg-8/9"],
|
|
|
.lg-eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="lg-1/10"],
|
|
|
.lg-one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="lg-3/10"],
|
|
|
.lg-three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="lg-7/10"],
|
|
|
.lg-seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="lg-9/10"],
|
|
|
.lg-nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="lg-1/12"],
|
|
|
.lg-one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="lg-5/12"],
|
|
|
.lg-five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="lg-7/12"],
|
|
|
.lg-seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="lg-11/12"],
|
|
|
.lg-eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1140px) {
|
|
|
.xl-width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="xl-1/1"],
|
|
|
.xl-one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="xl-1/2"],
|
|
|
.xl-one-half,
|
|
|
[class~="xl-2/4"],
|
|
|
.xl-two-fourths,
|
|
|
[class~="xl-3/6"],
|
|
|
.xl-three-sixths,
|
|
|
[class~="xl-4/8"],
|
|
|
.xl-four-eighths,
|
|
|
[class~="xl-5/10"],
|
|
|
.xl-five-tenths,
|
|
|
[class~="xl-6/12"],
|
|
|
.xl-six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="xl-1/3"],
|
|
|
.xl-one-third,
|
|
|
[class~="xl-2/6"],
|
|
|
.xl-two-sixths,
|
|
|
[class~="xl-3/9"],
|
|
|
.xl-three-ninths,
|
|
|
[class~="xl-4/12"],
|
|
|
.xl-four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="xl-2/3"],
|
|
|
.xl-two-thirds,
|
|
|
[class~="xl-4/6"],
|
|
|
.xl-four-sixths,
|
|
|
[class~="xl-6/9"],
|
|
|
.xl-six-ninths,
|
|
|
[class~="xl-8/12"],
|
|
|
.xl-eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="xl-1/4"],
|
|
|
.xl-one-fourth,
|
|
|
[class~="xl-2/8"],
|
|
|
.xl-two-eighths,
|
|
|
[class~="xl-3/12"],
|
|
|
.xl-three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="xl-3/4"],
|
|
|
.xl-three-fourths,
|
|
|
[class~="xl-6/8"],
|
|
|
.xl-six-eighths,
|
|
|
[class~="xl-9/12"],
|
|
|
.xl-nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="xl-1/5"],
|
|
|
.xl-one-fifth,
|
|
|
[class~="xl-2/10"],
|
|
|
.xl-two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="xl-2/5"],
|
|
|
.xl-two-fifths,
|
|
|
[class~="xl-4/10"],
|
|
|
.xl-four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="xl-3/5"],
|
|
|
.xl-three-fifths,
|
|
|
[class~="xl-6/10"],
|
|
|
.xl-six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="xl-4/5"],
|
|
|
.xl-four-fifths,
|
|
|
[class~="xl-8/10"],
|
|
|
.xl-eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="xl-1/6"],
|
|
|
.xl-one-sixth,
|
|
|
[class~="xl-2/12"],
|
|
|
.xl-two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="xl-5/6"],
|
|
|
.xl-five-sixths,
|
|
|
[class~="xl-10/12"],
|
|
|
.xl-ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="xl-1/8"],
|
|
|
.xl-one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="xl-3/8"],
|
|
|
.xl-three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="xl-5/8"],
|
|
|
.xl-five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="xl-7/8"],
|
|
|
.xl-seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="xl-1/9"],
|
|
|
.xl-one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="xl-2/9"],
|
|
|
.xl-two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="xl-4/9"],
|
|
|
.xl-four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="xl-5/9"],
|
|
|
.xl-five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="xl-7/9"],
|
|
|
.xl-seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="xl-8/9"],
|
|
|
.xl-eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="xl-1/10"],
|
|
|
.xl-one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="xl-3/10"],
|
|
|
.xl-three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="xl-7/10"],
|
|
|
.xl-seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="xl-9/10"],
|
|
|
.xl-nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="xl-1/12"],
|
|
|
.xl-one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="xl-5/12"],
|
|
|
.xl-five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="xl-7/12"],
|
|
|
.xl-seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="xl-11/12"],
|
|
|
.xl-eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 1380px) {
|
|
|
.xxl-width-auto {
|
|
|
width: auto !important;
|
|
|
}
|
|
|
[class~="xxl-1/1"],
|
|
|
.xxl-one-whole {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
[class~="xxl-1/2"],
|
|
|
.xxl-one-half,
|
|
|
[class~="xxl-2/4"],
|
|
|
.xxl-two-fourths,
|
|
|
[class~="xxl-3/6"],
|
|
|
.xxl-three-sixths,
|
|
|
[class~="xxl-4/8"],
|
|
|
.xxl-four-eighths,
|
|
|
[class~="xxl-5/10"],
|
|
|
.xxl-five-tenths,
|
|
|
[class~="xxl-6/12"],
|
|
|
.xxl-six-twelfths {
|
|
|
width: 50% !important;
|
|
|
}
|
|
|
[class~="xxl-1/3"],
|
|
|
.xxl-one-third,
|
|
|
[class~="xxl-2/6"],
|
|
|
.xxl-two-sixths,
|
|
|
[class~="xxl-3/9"],
|
|
|
.xxl-three-ninths,
|
|
|
[class~="xxl-4/12"],
|
|
|
.xxl-four-twelfths {
|
|
|
width: 33.3333333% !important;
|
|
|
}
|
|
|
[class~="xxl-2/3"],
|
|
|
.xxl-two-thirds,
|
|
|
[class~="xxl-4/6"],
|
|
|
.xxl-four-sixths,
|
|
|
[class~="xxl-6/9"],
|
|
|
.xxl-six-ninths,
|
|
|
[class~="xxl-8/12"],
|
|
|
.xxl-eight-twelfths {
|
|
|
width: 66.6666666% !important;
|
|
|
}
|
|
|
[class~="xxl-1/4"],
|
|
|
.xxl-one-fourth,
|
|
|
[class~="xxl-2/8"],
|
|
|
.xxl-two-eighths,
|
|
|
[class~="xxl-3/12"],
|
|
|
.xxl-three-twelfths {
|
|
|
width: 25% !important;
|
|
|
}
|
|
|
[class~="xxl-3/4"],
|
|
|
.xxl-three-fourths,
|
|
|
[class~="xxl-6/8"],
|
|
|
.xxl-six-eighths,
|
|
|
[class~="xxl-9/12"],
|
|
|
.xxl-nine-twelfths {
|
|
|
width: 75% !important;
|
|
|
}
|
|
|
[class~="xxl-1/5"],
|
|
|
.xxl-one-fifth,
|
|
|
[class~="xxl-2/10"],
|
|
|
.xxl-two-tenths {
|
|
|
width: 20% !important;
|
|
|
}
|
|
|
[class~="xxl-2/5"],
|
|
|
.xxl-two-fifths,
|
|
|
[class~="xxl-4/10"],
|
|
|
.xxl-four-tenths {
|
|
|
width: 40% !important;
|
|
|
}
|
|
|
[class~="xxl-3/5"],
|
|
|
.xxl-three-fifths,
|
|
|
[class~="xxl-6/10"],
|
|
|
.xxl-six-tenths {
|
|
|
width: 60% !important;
|
|
|
}
|
|
|
[class~="xxl-4/5"],
|
|
|
.xxl-four-fifths,
|
|
|
[class~="xxl-8/10"],
|
|
|
.xxl-eight-tenths {
|
|
|
width: 80% !important;
|
|
|
}
|
|
|
[class~="xxl-1/6"],
|
|
|
.xxl-one-sixth,
|
|
|
[class~="xxl-2/12"],
|
|
|
.xxl-two-twelfths {
|
|
|
width: 16.6666666% !important;
|
|
|
}
|
|
|
[class~="xxl-5/6"],
|
|
|
.xxl-five-sixths,
|
|
|
[class~="xxl-10/12"],
|
|
|
.xxl-ten-twelfths {
|
|
|
width: 83.3333333% !important;
|
|
|
}
|
|
|
[class~="xxl-1/8"],
|
|
|
.xxl-one-eighth {
|
|
|
width: 12.5% !important;
|
|
|
}
|
|
|
[class~="xxl-3/8"],
|
|
|
.xxl-three-eighths {
|
|
|
width: 37.5% !important;
|
|
|
}
|
|
|
[class~="xxl-5/8"],
|
|
|
.xxl-five-eighths {
|
|
|
width: 62.5% !important;
|
|
|
}
|
|
|
[class~="xxl-7/8"],
|
|
|
.xxl-seven-eighths {
|
|
|
width: 87.5% !important;
|
|
|
}
|
|
|
[class~="xxl-1/9"],
|
|
|
.xxl-one-ninth {
|
|
|
width: 11.1111111% !important;
|
|
|
}
|
|
|
[class~="xxl-2/9"],
|
|
|
.xxl-two-ninths {
|
|
|
width: 22.2222222% !important;
|
|
|
}
|
|
|
[class~="xxl-4/9"],
|
|
|
.xxl-four-ninths {
|
|
|
width: 44.4444444% !important;
|
|
|
}
|
|
|
[class~="xxl-5/9"],
|
|
|
.xxl-five-ninths {
|
|
|
width: 55.5555555% !important;
|
|
|
}
|
|
|
[class~="xxl-7/9"],
|
|
|
.xxl-seven-ninths {
|
|
|
width: 77.7777777% !important;
|
|
|
}
|
|
|
[class~="xxl-8/9"],
|
|
|
.xxl-eight-ninths {
|
|
|
width: 88.8888888% !important;
|
|
|
}
|
|
|
[class~="xxl-1/10"],
|
|
|
.xxl-one-tenth {
|
|
|
width: 10% !important;
|
|
|
}
|
|
|
[class~="xxl-3/10"],
|
|
|
.xxl-three-tenths {
|
|
|
width: 30% !important;
|
|
|
}
|
|
|
[class~="xxl-7/10"],
|
|
|
.xxl-seven-tenths {
|
|
|
width: 70% !important;
|
|
|
}
|
|
|
[class~="xxl-9/10"],
|
|
|
.xxl-nine-tenths {
|
|
|
width: 90% !important;
|
|
|
}
|
|
|
[class~="xxl-1/12"],
|
|
|
.xxl-one-twelfth {
|
|
|
width: 8.3333333% !important;
|
|
|
}
|
|
|
[class~="xxl-5/12"],
|
|
|
.xxl-five-twelfths {
|
|
|
width: 41.6666666% !important;
|
|
|
}
|
|
|
[class~="xxl-7/12"],
|
|
|
.xxl-seven-twelfths {
|
|
|
width: 58.3333333% !important;
|
|
|
}
|
|
|
[class~="xxl-11/12"],
|
|
|
.xxl-eleven-twelfths {
|
|
|
width: 91.6666666% !important;
|
|
|
}
|
|
|
} |