themes-wordpress/redhill/style-editor.css
2019-10-16 13:18:41 +02:00

1000 lines
22 KiB
CSS

/**
* These styles should be loaded by the Block Editor only
*/
/**
* Abstracts
* - Mixins, variables and functions
*/
/**
* Abstracts
* - Mixins, variables and functions
*/
/* Sass Functions go here */
/**
* Map deep get
* @author Hugo Giraudel
* @access public
* @param {Map} $map - Map
* @param {Arglist} $keys - Key chain
* @return {*} - Desired value
*
* Example:
* $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
*/
/**
* Deep set function to set a value in nested maps
* @author Hugo Giraudel
* @access public
* @param {Map} $map - Map
* @param {List} $keys - Key chaine
* @param {*} $value - Value to assign
* @return {Map}
*
* Example:
* $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
*/
/**
* jQuery-style extend function
* - Child themes can use this function to `reset` the values in
* config maps without editing the `master` Sass files.
* - src: https://www.sitepoint.com/extra-map-functions-sass/
* - About `map-merge()`:
* - - only takes 2 arguments
* - - is not recursive
* @param {Map} $map - first map
* @param {ArgList} $maps - other maps
* @param {Bool} $deep - recursive mode
* @return {Map}
*
* Examples:
$grid-configuration-default: (
'columns': 12,
'layouts': (
'small': 800px,
'medium': 1000px,
'large': 1200px,
),
);
$grid-configuration-custom: (
'layouts': (
'large': 1300px,
'huge': 1500px
),
);
$grid-configuration-user: (
'direction': 'ltr',
'columns': 16,
'layouts': (
'large': 1300px,
'huge': 1500px
),
);
// $deep: false
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
// $deep: true
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
*/
/**
* Button
*/
/**
* Cover
*/
/**
* Heading
*/
/**
* List
*/
/**
* Pullquote
*/
/**
* Quote
*/
/**
* Separator
*/
/**
* Responsive breakpoints
* - breakpoints values are defined in _config-global.scss
*/
/**
* Align wide widths
* - Sets .alignwide widths
*/
/**
* Crop Text Boundry
* - Sets a fixed-width on content within alignwide and alignfull blocks
*/
/**
* Child Theme Deep
*/
/**
* Redefine Sass map values for child theme output.
* - See: style-child-theme.scss
*/
/**
* Global
*/
/**
* Elements
*/
/**
* Button
*/
/**
* Cover
*/
/**
* Heading
*/
/**
* List
*/
/**
* Pullquote
*/
/**
* Quote
*/
/**
* Separator
*/
/**
* Header
*/
/**
* Footer
*/
/**
* Base
* - Reset the browser
*/
body {
color: #222222;
background-color: white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: 20px;
font-weight: normal;
line-height: 1.6;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.editor-post-title__block {
font-size: 20px;
}
p {
font-size: 1em;
line-height: 1.6;
}
a {
color: #CA2017;
}
a:hover {
color: #222222;
}
button,
a {
cursor: pointer;
}
html {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
font-family: var(--font-base, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
}
.editor-post-title .editor-post-title__block .editor-post-title__input {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
font-size: 2.48832rem;
text-align: center;
}
/**
* Elements
* - Styles for basic HTML elemants
*/
/**
* Elements
* - Styles for basic HTML elemants
*/
blockquote {
padding-left: 16px;
}
blockquote p {
font-size: 1.44rem;
letter-spacing: normal;
line-height: 1.125;
}
blockquote cite,
blockquote footer {
font-size: 0.83333rem;
letter-spacing: normal;
}
blockquote > * {
margin-top: 16px;
margin-bottom: 16px;
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
blockquote.alignleft, blockquote.alignright {
padding-left: inherit;
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.2rem;
max-width: inherit;
width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: 0.69444rem;
letter-spacing: normal;
}
figcaption {
color: #666666;
font-size: 0.69444rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
}
.alignleft figcaption,
.alignright figcaption {
margin-bottom: 0;
}
/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/**
* Blocks
* - These styles replace key Gutenberg Block styles for fonts, colors, and
* spacing with CSS-variables overrides
*/
/**
* Block Styles for the Editor
*
* - These styles replace key Gutenberg Block styles for fonts, colors, and
* spacing with CSS-variables overrides in the Block Editor
* - In the future the Block styles may get compiled to individual .css
* files and conditionally loaded
*/
.wp-block-button {
/* Default Style */
/* Outline Style */
/* Squared Style */
}
.wp-block-button .wp-block-button__link {
color: white;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: 1em;
line-height: 1;
background-color: #CA2017;
border-radius: 4px;
padding: 16px 24px;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
color: white;
background-color: #222222;
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: #CA2017;
background: transparent;
border: 2px solid currentcolor;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #222222;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-cover,
.wp-block-cover-image {
background-color: #222222;
color: white;
min-height: 576px;
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover .block-editor-block-list__block,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image .block-editor-block-list__block {
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container a,
.wp-block-cover .wp-block-cover-image-text a,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .block-editor-block-list__block a,
.wp-block-cover-image .wp-block-cover__inner-container a,
.wp-block-cover-image .wp-block-cover-image-text a,
.wp-block-cover-image .wp-block-cover-text a,
.wp-block-cover-image .block-editor-block-list__block a {
color: currentColor;
}
.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
.wp-block-cover:not([class*='background-color']) .block-editor-block-list__block,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text,
.wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
color: white;
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 2.0736em;
letter-spacing: normal;
line-height: 1.125;
padding: 0;
max-width: inherit;
text-align: inherit;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: right;
}
.wp-block-heading h1, h1, .h1,
.wp-block-heading h2, h2, .h2,
.wp-block-heading h3, h3, .h3,
.wp-block-heading h4, h4, .h4,
.wp-block-heading h5, h5, .h5,
.wp-block-heading h6, h6, .h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-weight: bold;
clear: both;
}
.wp-block-heading h1, h1, .h1 {
font-size: 2.48832em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h2, h2, .h2 {
font-size: 2.0736em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h3, h3, .h3 {
font-size: 1.728em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h4, h4, .h4 {
font-size: 1.44em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h5, h5, .h5 {
font-size: 1.2em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h6, h6, .h6 {
font-size: 1em;
letter-spacing: normal;
line-height: 1.125;
}
/* Center image block by default in the editor */
.wp-block-image > div {
text-align: center;
}
[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
margin: 0 auto;
}
.wp-block-gallery figcaption {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-group.has-background {
padding: 32px;
}
}
.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
margin: 0;
width: 100%;
}
.wp-block-latest-comments {
margin-left: 0;
}
.wp-block-latest-posts {
padding-left: 0;
}
.wp-block-latest-posts > li > a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: 1.44rem;
font-weight: bold;
line-height: 1.125;
}
.wp-block-latest-posts:not(.is-grid) > li {
/* Vertical margins logic */
margin-top: 32px;
margin-bottom: 32px;
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #666666;
font-size: 0.83333rem;
line-height: 1.6;
}
[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.83333rem;
line-height: 1.6;
margin: 0;
}
.block-library-list ul,
.block-library-list ol {
margin: 32px 0;
padding-left: 32px;
}
.block-library-list li > ul,
.block-library-list li > ol {
margin: 0;
}
.wp-block-media-text .block-editor-inner-blocks {
padding-right: 16px;
padding-left: 16px;
}
@media only screen and (min-width: 640px) {
.wp-block-media-text .block-editor-inner-blocks {
padding-right: 32px;
padding-left: 32px;
}
}
.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a {
color: currentColor;
}
.a8c-posts-list {
padding-left: 0;
}
p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.wp-block-pullquote {
padding: calc( 3 * 16px) 0;
margin-left: 0;
margin-right: 0;
text-align: center;
border-top-color: #DDDDDD;
border-top-width: 4px;
border-bottom-color: #DDDDDD;
border-bottom-width: 4px;
color: #222222;
/**
* Block Options
*/
}
.wp-block-pullquote blockquote {
padding-left: 0;
}
.wp-block-pullquote p {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
font-size: 1.44em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #666666;
font-size: 0.83333em;
letter-spacing: normal;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-solid-color {
background-color: #CA2017;
color: white;
}
.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
padding-left: 16px;
padding-right: 16px;
max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote {
padding-left: 0;
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote {
margin-left: auto;
margin-right: auto;
}
.wp-block-quote {
border-left-color: #CA2017;
margin: 32px 0;
padding-left: 16px;
}
.wp-block-quote p {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
font-size: 1.44em;
letter-spacing: normal;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
border: none;
padding: 0;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
font-size: 1.728em;
letter-spacing: normal;
line-height: 1.125;
}
.has-background:not(.has-background-background-color) .wp-block-quote,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
[style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
.wp-block-cover[style*="background-image"] .wp-block-quote {
border-color: currentColor;
}
.wp-block-quote .wp-block-quote__citation {
color: #666666;
font-size: 0.83333em;
letter-spacing: normal;
}
.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
color: currentColor;
}
.wp-block-separator,
hr {
border-bottom: 2px solid #DDDDDD;
clear: both;
}
.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
hr[style*="text-align:right"],
hr[style*="text-align: right"] {
border-right-color: #DDDDDD;
}
.wp-block-separator.is-style-wide,
hr.is-style-wide {
border-bottom-width: 2px;
}
.wp-block-separator.is-style-dots,
hr.is-style-dots {
border-bottom: none;
}
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #DDDDDD;
}
.has-background:not(.has-background-background-color) .wp-block-separator,
[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
hr,
[class*="background-color"]:not(.has-background-background-color)
hr,
[style*="background-color"]:not(.has-background-background-color)
hr,
.wp-block-cover[style*="background-image"]
hr {
border-color: currentColor;
}
table th,
.wp-block-table th {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
padding: calc( 0.5 * 16px);
}
/**
* Editor Post Title
* - Needs a special styles
*/
.editor-post-title__block .editor-post-title__input {
color: #222222;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-weight: bold;
font-size: 2.0736em;
letter-spacing: normal;
line-height: 1.125;
}
.has-primary-color[class] {
color: #CA2017 !important;
}
.has-secondary-color[class] {
color: #007FDB !important;
}
.has-foreground-color[class] {
color: #222222 !important;
}
.has-foreground-light-color[class] {
color: #666666 !important;
}
.has-foreground-dark-color[class] {
color: #111111 !important;
}
.has-background-light-color[class] {
color: #FAFAFA !important;
}
.has-background-dark-color[class] {
color: #DDDDDD !important;
}
.has-background-color[class] {
color: white !important;
}
.has-background:not(.has-background-background-color) a,
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: #CA2017 !important;
color: white;
}
.has-primary-background-color[class] {
background-color: #CA2017 !important;
color: white;
}
.has-secondary-background-color[class] {
background-color: #007FDB !important;
color: white;
}
.has-foreground-background-color[class] {
background-color: #222222 !important;
color: white;
}
.has-foreground-light-background-color[class] {
background-color: #666666 !important;
color: white;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
color: white;
}
.has-background-light-background-color[class] {
background-color: #FAFAFA !important;
color: #222222;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #222222;
}
.has-background-background-color[class] {
background-color: white !important;
color: #222222;
}
.is-small-text,
.has-small-font-size {
font-size: 0.83333em;
}
.is-regular-text,
.has-regular-font-size,
.has-normal-font-size,
.has-medium-font-size {
font-size: 1.2em;
}
.is-large-text,
.has-large-font-size {
font-size: 1.44em;
line-height: 1.125;
}
.is-larger-text,
.has-larger-font-size,
.has-huge-font-size {
font-size: 1.728em;
line-height: 1.125;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: calc(2 * 2.48832em);
font-weight: bold;
}
/**
* Spacing Overrides
*/
[data-block] {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
[data-block] {
margin-top: 32px;
margin-bottom: 32px;
}
}
/*
* Margins
*/
.margin-top-none {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: 16px !important;
}
.margin-top-default {
margin-top: 32px !important;
}
.margin-right-none {
/*rtl:ignore*/
margin-right: 0 !important;
}
.margin-right-half {
/*rtl:ignore*/
margin-right: 16px !important;
}
.margin-right-default {
/*rtl:ignore*/
margin-right: 32px !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: 16px !important;
}
.margin-bottom-default {
margin-bottom: 32px !important;
}
.margin-left-none {
/*rtl:ignore*/
margin-left: 0 !important;
}
.margin-left-half {
/*rtl:ignore*/
margin-left: 16px !important;
}
.margin-left-default {
/*rtl:ignore*/
margin-left: 32px !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: 16px !important;
}
.padding-top-default {
padding-top: 32px !important;
}
.padding-right-none {
/*rtl:ignore*/
padding-right: 0 !important;
}
.padding-right-half {
/*rtl:ignore*/
padding-right: 16px !important;
}
.padding-right-default {
/*rtl:ignore*/
padding-right: 32px !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: 16px !important;
}
.padding-bottom-default {
padding-bottom: 32px !important;
}
.padding-left-none {
/*rtl:ignore*/
padding-left: 0 !important;
}
.padding-left-half {
/*rtl:ignore*/
padding-left: 16px !important;
}
.padding-left-default {
/*rtl:ignore*/
padding-left: 32px !important;
}