@penskemediacorp/larva-css 1.8.0-alpha.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +199 -22
- package/__tests__/fixtures/expected.js +29 -0
- package/__tests__/lib/generators.test.js +11 -0
- package/build/css/algorithms.common.async.css +4 -0
- package/build/css/algorithms.common.inline.css +21 -0
- package/build/css/generic.common.inline.css +4 -0
- package/build/css/js.common.async.css +3 -0
- package/build/css/js.common.inline.css +6 -0
- package/build/css/utilities.common.async.css +8 -0
- package/build/css/utilities.common.inline.css +29 -0
- package/gulpfile.js +110 -82
- package/lib/generators.js +93 -0
- package/package.json +14 -6
- package/src/01-generic/elements.common.inline.scss +33 -1
- package/src/01-generic/forms.common.inline.scss +10 -0
- package/src/01-generic/side-skins.common.inline.scss +10 -0
- package/src/01-generic/typography.common.inline.scss +23 -15
- package/src/02-algorithms/a-buy-now/a-buy-now.common.inline.scss +112 -0
- package/src/02-algorithms/a-carousel-grid/a-carousel-grid.common.inline.scss +66 -0
- package/src/02-algorithms/a-children-border/a-children-border.common.inline.scss +43 -0
- package/src/02-algorithms/a-children-link-color/a-children-link-color.common.inline.scss +15 -0
- package/src/02-algorithms/a-children-link-decoration/a-children-link-decoration.common.inline.scss +13 -0
- package/src/02-algorithms/a-counter/a-counter.common.inline.scss +26 -0
- package/src/02-algorithms/a-crop/README.md +17 -13
- package/src/02-algorithms/a-crop/a-crop.common.inline.scss +96 -12
- package/src/02-algorithms/a-crop/a-crop.html +2 -2
- package/src/02-algorithms/a-floated/a-floated.common.inline.scss +32 -0
- package/src/02-algorithms/a-font/a-font.common.inline.scss +3 -0
- package/src/02-algorithms/a-glue/a-glue.common.inline.scss +63 -6
- package/src/02-algorithms/a-glue/a-glue.html +2 -2
- package/src/02-algorithms/a-grid/README.md +141 -14
- package/src/02-algorithms/a-grid/a-grid.common.inline.scss +53 -5
- package/src/02-algorithms/a-grid/a-grid.html +4 -4
- package/src/02-algorithms/a-hidden/a-hidden.common.inline.scss +43 -0
- package/src/02-algorithms/a-hover-dropup/a-hover-dropup.common.async.scss +7 -7
- package/src/02-algorithms/a-hover-dropup/a-hover-dropup.html +3 -3
- package/src/02-algorithms/a-hover-effect/a-hover-effect.common.async.scss +25 -0
- package/src/02-algorithms/a-hover-effect/a-hover-effect.html +16 -0
- package/src/02-algorithms/a-icon/a-icon.common.async.scss +28 -3
- package/src/02-algorithms/a-icon/a-icon.common.inline.scss +51 -73
- package/src/02-algorithms/a-screen-reader-only/a-screen-reader-only.common.inline.scss +30 -0
- package/src/02-algorithms/a-scrollable-grid/a-scrollable-grid.common.inline.scss +52 -0
- package/src/02-algorithms/a-show-on-hover/a-show-on-hover.common.inline.scss +16 -0
- package/src/02-algorithms/a-space-children/a-space-children.common.inline.scss +88 -17
- package/src/02-algorithms/a-truncate-ellipsis/a-truncate-ellipsis.common.async.scss +71 -0
- package/src/02-algorithms/a-unstyle-button/a-unstyle-button.common.inline.scss +2 -3
- package/src/02-algorithms/a-unstyle-link/a-unstyle-link.common.inline.scss +7 -0
- package/src/02-algorithms/a-unstyle-list/a-unstyle-list.common.inline.scss +1 -1
- package/src/02-algorithms/a-wrapper/a-wrapper.common.inline.scss +14 -2
- package/src/03-utilities/u-background-color.common.async.scss +15 -0
- package/src/03-utilities/u-background-color.common.inline.scss +37 -0
- package/src/03-utilities/u-border-color.common.async.scss +36 -8
- package/src/03-utilities/u-border-radius.common.async.scss +26 -2
- package/src/03-utilities/u-border.common.inline.scss +215 -4
- package/src/03-utilities/u-box-alignment.common.inline.scss +64 -4
- package/src/03-utilities/u-box-shadow.common.async.scss +34 -3
- package/src/03-utilities/u-color.common.async.scss +19 -21
- package/src/03-utilities/u-color.common.inline.scss +39 -0
- package/src/03-utilities/u-cursor.common.async.scss +1 -1
- package/src/03-utilities/u-display.common.inline.scss +87 -4
- package/src/03-utilities/u-filter.common.async.scss +5 -0
- package/src/03-utilities/u-flex.common.inline.scss +151 -9
- package/src/03-utilities/u-font-family.common.inline.scss +41 -17
- package/src/03-utilities/u-font-size.common.inline.scss +58 -5
- package/src/03-utilities/u-font-style.common.inline.scss +9 -0
- package/src/03-utilities/u-font-weight.common.inline.scss +50 -12
- package/src/03-utilities/u-height.common.inline.scss +38 -8
- package/src/03-utilities/u-left.common.inline.scss +7 -0
- package/src/03-utilities/u-letter-spacing.common.inline.scss +11 -0
- package/src/03-utilities/u-line-height.common.inline.scss +49 -13
- package/src/03-utilities/u-list-style.common.async.scss +3 -0
- package/src/03-utilities/u-margin.common.inline.scss +182 -47
- package/src/03-utilities/u-max-width.common.inline.scss +25 -0
- package/src/03-utilities/u-opacity.common.inline.scss +3 -0
- package/src/03-utilities/u-order.common.inline.scss +29 -2
- package/src/03-utilities/u-overflow.common.inline.scss +14 -2
- package/src/03-utilities/u-padding.common.inline.scss +157 -52
- package/src/03-utilities/u-position.common.inline.scss +11 -0
- package/src/03-utilities/u-text-align.common.inline.scss +27 -4
- package/src/03-utilities/u-text-decoration.common.inline.scss +11 -0
- package/src/03-utilities/u-text-transform.common.inline.scss +14 -2
- package/src/03-utilities/u-top.common.inline.scss +7 -0
- package/src/03-utilities/u-transform.common.inline.scss +12 -0
- package/src/03-utilities/u-vertical-align.common.inline.scss +7 -0
- package/src/03-utilities/u-whitespace.common.inline.scss +1 -1
- package/src/03-utilities/u-width.common.inline.scss +198 -12
- package/src/04-js/README.md +5 -0
- package/src/04-js/js-Collapsible.common.inline.scss +15 -0
- package/src/04-js/js-ExpandableSearch.common.async.scss +33 -0
- package/src/04-js/js-Flickity.common.async.scss +91 -0
- package/src/04-js/js-Header.common.inline.scss +73 -0
- package/src/04-js/js-MegaMenu.common.inline.scss +50 -0
- package/src/04-js/js-MobileHeightToggle.common.inline.scss +7 -5
- package/src/04-js/js-PopOver.common.async.scss +13 -0
- package/src/04-js/js-Tooltip.common.inline.scss +17 -0
- package/src/04-js/js-VideoShowcase.common.inline.scss +33 -0
- package/src/04-js/partials/expandable-search.scss +202 -0
- package/src/04-js/partials/flickity.scss +149 -0
- package/src/_generated/_a-font.scss +1027 -0
- package/src/larva-ui/prism.scss +127 -0
- package/src/setup.scss +7 -0
- package/stylelint.config.js +10 -11
- package/build/css/algorithms.common.async.scss +0 -36
- package/build/css/algorithms.common.inline.scss +0 -274
- package/build/css/generic.common.inline.scss +0 -66
- package/build/css/js.common.inline.scss +0 -9
- package/build/css/utilities.common.async.scss +0 -57
- package/build/css/utilities.common.inline.scss +0 -473
- package/holding/a-truncate-children/README.md +0 -3
- package/holding/a-truncate-children/a-truncate-children.browser-test.js +0 -104
- package/holding/a-truncate-children/a-truncate-children.css +0 -4
- package/holding/a-truncate-children/a-truncate-children.html +0 -15
- package/holding/a-truncate-children/a-truncate-children.scss +0 -5
- package/src/01-generic/config.common.inline.scss +0 -18
- package/src/02-algorithms/.DS_Store +0 -0
- package/src/02-algorithms/a-glue/index.js +0 -1
- package/src/02-algorithms/a-icon/a-icon.html +0 -20
- package/src/02-algorithms/a-unstyle-link/a-unstyle-link.common.async.scss +0 -5
- package/src/03-utilities/u-background.common.async.scss +0 -28
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.lrv-u-background-color-grey-light{background-color:#ccc;background-color:var(--background-color-grey-light, #cccccc)}.lrv-u-background-color-grey-lightest{background-color:#f7f7f7;background-color:var(--background-color-grey-lightest, #f7f7f7)}.lrv-u-background-color-brand-secondary-dark{background-color:#000;background-color:var(--background-color-brand-secondary-dark, black)}.lrv-u-background-color-brand-secondary-light{background-color:#000;background-color:var(--background-color-brand-secondary-light, black)}.lrv-u-background-color-grey-dark{background-color:#6a6a6a;background-color:var(--background-color-grey-dark, #6a6a6a)}.lrv-u-background-color-grey{background-color:#8c8c8c;background-color:var(--background-color-grey, #8c8c8c)}.lrv-u-background-color-body{background-color:#fff;background-color:var(--background-color-body, white)}.lrv-u-background-color-brand-secondary{background-color:#000;background-color:var(--background-color-brand-secondary, black)}.lrv-u-background-color-black{background-color:#000;background-color:var(--background-color-black, black)}.lrv-u-background-color-brand-primary-light{background-color:#ec1c24;background-color:var(--background-color-brand-primary-light, #ec1c24)}.lrv-u-background-color-brand-primary-dark{background-color:#ec1c24;background-color:var(--background-color-brand-primary-dark, #ec1c24)}.lrv-u-background-color-white{background-color:#fff;background-color:var(--background-color-white, white)}.lrv-u-background-color-brand-primary{background-color:#ec1c24;background-color:var(--background-color-brand-primary, #ec1c24)}.lrv-u-background-color-grey-darkest{background-color:#323232;background-color:var(--background-color-grey-darkest, #323232)}.lrv-u-background-color-transparent{background-color:transparent}@media(min-width: 62.5rem){.lrv-u-background-color-grey-light\@desktop{background-color:#ccc;background-color:var(--background-color-grey-light, #cccccc)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-lightest\@desktop{background-color:#f7f7f7;background-color:var(--background-color-grey-lightest, #f7f7f7)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary-dark\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary-dark, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary-light\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary-light, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-dark\@desktop{background-color:#6a6a6a;background-color:var(--background-color-grey-dark, #6a6a6a)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey\@desktop{background-color:#8c8c8c;background-color:var(--background-color-grey, #8c8c8c)}}@media(min-width: 62.5rem){.lrv-u-background-color-body\@desktop{background-color:#fff;background-color:var(--background-color-body, white)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-black\@desktop{background-color:#000;background-color:var(--background-color-black, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary-light\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary-light, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary-dark\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary-dark, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-background-color-white\@desktop{background-color:#fff;background-color:var(--background-color-white, white)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-darkest\@desktop{background-color:#323232;background-color:var(--background-color-grey-darkest, #323232)}}
|
|
2
|
+
.lrv-u-border-b-1{border-bottom-width:1px}.lrv-u-border-t-1{border-top-width:1px}.lrv-u-border-l-1{border-left-width:0.0625rem}.lrv-u-border-r-1{border-right-width:0.0625rem}.lrv-u-border-t-2{border-top-width:2px}.lrv-u-border-t-3{border-top-width:3px}.lrv-u-border-b-3{border-bottom-width:3px}.lrv-u-border-t-5{border-top-width:0.3125rem}.lrv-u-border-a-1{border-width:1px}.lrv-u-border-a-2{border-width:0.125rem}.lrv-u-border-a-3{border-width:3px}.lrv-u-border-a-0{border-width:0}.lrv-u-border-a-5{border-width:0.3125rem}.lrv-u-border-t-6{border-top-width:0.375rem}.lrv-u-border-b-6{border-bottom-width:0.375rem}.lrv-u-border-r-6{border-right-width:0.375rem}.lrv-u-border-r-2{border-right-width:0.125rem}.lrv-u-border-b-2{border-bottom-width:0.125rem}.lrv-u-border-l-2{border-left-width:0.125rem}@media(max-width: 47.999rem){.lrv-u-border-l-00\@mobile-max{border-left-width:0}}@media(max-width: 47.999rem){.lrv-u-border-a-1\@mobile-max{border-width:1px}}@media(max-width: 47.999rem){.lrv-u-border-a-1\@mobile-max{border-width:1px}.lrv-u-border-l-00\@mobile-max{border-left-width:0px}.lrv-u-border-r-00\@mobile-max{border-right-width:0px}.lrv-u-border-t-1\@mobile-max{border-top-width:1px}.lrv-u-border-b-00\@mobile-max{border-bottom-width:0px}.lrv-u-border-b-1\@mobile-max{border-bottom-width:1px}}@media(max-width: 47.999rem){.lrv-u-border-t-1\@mobile-max{border-top-width:1px}}@media(min-width: 62.5rem){.lrv-u-border-t-0\@desktop{border-top-width:0px}}@media(min-width: 62.5rem){.lrv-u-border-a-0\@desktop{border-width:0}.lrv-u-border-t-3\@desktop{border-top-width:3px}.lrv-u-border-b-3\@desktop{border-bottom-width:3px}}@media(min-width: 62.5rem){.lrv-u-border-l-1\@desktop{border-left-width:1px}}@media(min-width: 62.5rem){.lrv-u-border-r-1\@desktop{border-right-width:1px}}@media(min-width: 48rem){.lrv-u-border-r-1\@tablet{border-right-width:1px}}@media(min-width: 62.5rem){.lrv-u-border-b-1\@desktop{border-bottom-width:1px}}@media(min-width: 78.75rem){.lrv-u-border-l-1\@desktop-xl{border-left-width:1px}}@media(min-width: 78.75rem){.lrv-u-border-r-1\@desktop-xl{border-right-width:1px}}@media(max-width: 78.7499rem){.lrv-u-border-t-1\@desktop-xl-max{border-top-width:0.0625rem}}@media(max-width: 78.7499rem){.lrv-u-border-t-050\@desktop-xl-max{border-top-width:0.0625rem}}@media(max-width: 47.999rem){.lrv-u-border-b-2\@mobile-max{border-bottom-width:0.125rem}}@media(min-width: 48rem){.lrv-u-border-t-1\@tablet{border-top-width:0.0625rem}}@media(min-width: 78.75rem){.lrv-u-border-t-0\@desktop-xl{border-top-width:0rem}}@media(min-width: 78.75rem){.lrv-u-border-t-1\@desktop-xl{border-top-width:0.0625rem}}@media(min-width: 48rem){.lrv-u-border-b-1\@tablet{border-bottom-width:0.0625rem}}
|
|
3
|
+
.lrv-u-align-items-center{align-items:center}.lrv-u-justify-content-center{justify-content:center}.lrv-u-justify-content-space-evenly{justify-content:space-evenly}.lrv-u-justify-content-space-between{justify-content:space-between}.lrv-u-align-items-start{align-items:flex-start}.lrv-u-justify-content-start{justify-content:flex-start}.lrv-u-justify-content-end{justify-content:flex-end}.lrv-u-align-items-end{align-items:flex-start}.lrv-u-align-items-stretch{align-items:stretch}@media(min-width: 62.5rem){.lrv-u-align-items-center\@desktop{align-items:center}.lrv-u-justify-content-center\@desktop{justify-content:center}.lrv-u-justify-content-space-evenly\@desktop{justify-content:space-evenly}.lrv-u-justify-content-space-between\@desktop{justify-content:space-between}.lrv-u-align-items-start\@desktop{align-items:flex-start}.lrv-u-justify-content-start\@desktop{justify-content:flex-start}.lrv-u-justify-content-end\@desktop{justify-content:flex-end}.lrv-u-align-items-end\@desktop{align-items:flex-start}}@media(min-width: 48rem){.lrv-u-justify-content-center\@tablet{justify-content:center}}
|
|
4
|
+
.lrv-u-color-brand-secondary{color:#000;color:var(--color-brand-secondary, black)}.lrv-u-color-black{color:#000;color:var(--color-black, black)}.lrv-u-color-brand-primary-light{color:#ec1c24;color:var(--color-brand-primary-light, #ec1c24)}.lrv-u-color-brand-primary-dark{color:#ec1c24;color:var(--color-brand-primary-dark, #ec1c24)}.lrv-u-color-white{color:#fff;color:var(--color-white, white)}.lrv-u-color-brand-primary{color:#ec1c24;color:var(--color-brand-primary, #ec1c24)}.lrv-u-color-grey-light{color:#e6e6e6;color:var(--color-grey-light, #e6e6e6)}.lrv-u-color-brand-secondary-dark{color:#000;color:var(--color-brand-secondary-dark, black)}.lrv-u-color-brand-secondary-light{color:#000;color:var(--color-brand-secondary-light, black)}.lrv-u-color-grey-dark{color:#6a6a6a;color:var(--color-grey-dark, #6a6a6a)}.lrv-u-color-grey{color:#8c8c8c;color:var(--color-grey, #8c8c8c)}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary\@desktop{color:#000;color:var(--color-brand-secondary, black)}}@media(min-width: 62.5rem){.lrv-u-color-black\@desktop{color:#000;color:var(--color-black, black)}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary-light\@desktop{color:#ec1c24;color:var(--color-brand-primary-light, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary-dark\@desktop{color:#ec1c24;color:var(--color-brand-primary-dark, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-color-white\@desktop{color:#fff;color:var(--color-white, white)}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary\@desktop{color:#ec1c24;color:var(--color-brand-primary, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-color-grey-light\@desktop{color:#e6e6e6;color:var(--color-grey-light, #e6e6e6)}}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary-dark\@desktop{color:#000;color:var(--color-brand-secondary-dark, black)}}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary-light\@desktop{color:#000;color:var(--color-brand-secondary-light, black)}}@media(min-width: 62.5rem){.lrv-u-color-grey-dark\@desktop{color:#6a6a6a;color:var(--color-grey-dark, #6a6a6a)}}@media(min-width: 62.5rem){.lrv-u-color-grey\@desktop{color:#8c8c8c;color:var(--color-grey, #8c8c8c)}}
|
|
5
|
+
.lrv-u-display-block{display:block}.lrv-u-display-contents{display:contents}.lrv-u-display-inline{display:inline}.lrv-u-display-inline-block{display:inline-block}.lrv-u-display-none{display:none}.lrv-u-display-table{display:table}.lrv-u-display-inline-flex{display:inline-flex}@media(min-width: 62.5rem){.lrv-u-display-table\@desktop{display:table}.lrv-u-display-block\@desktop{display:block}.lrv-u-display-contents\@desktop{display:contents}.lrv-u-display-inline\@desktop{display:inline}.lrv-u-display-inline-block\@desktop{display:inline-block}.lrv-u-display-none\@desktop{display:none}.lrv-u-display-inline-flex\@desktop{display:inline-flex}}@media(min-width: 78.75rem){.lrv-u-display-none\@desktop-xl{display:none}.lrv-u-display-block\@desktop-xl{display:block}}@media(max-width: 47.999rem){.lrv-u-display-none\@mobile-max{display:none}}@media(max-width: 62.499rem){.lrv-u-display-none\:first-child\@desktop-max>*:first-child{display:none}}@media(max-width: 47.999rem){.lrv-u-display-inline-block\@mobile-max{display:inline-block}}@media(max-width: 47.999rem){.lrv-u-display-block\@mobile-max{display:block}}
|
|
6
|
+
.lrv-u-flex{display:flex}.lrv-u-flex-grow-1{flex-grow:1}.lrv-u-flex-shrink-0{flex-shrink:0}.lrv-u-flex-wrap-wrap{flex-wrap:wrap}.lrv-u-flex-direction-column{flex-direction:column}@media(min-width: 62.5rem){.lrv-u-flex\@desktop{display:flex}.lrv-u-flex-grow-1\@desktop{flex-grow:1}.lrv-u-flex-shrink-0\@desktop{flex-shrink:0}.lrv-u-flex-wrap-wrap\@desktop{flex-wrap:wrap}.lrv-u-flex-direction-column\@desktop{flex-direction:column}}@media(min-width: 48rem){.lrv-u-flex\@tablet{display:flex}}@media(max-width: 62.499rem){.lrv-u-flex\@desktop-max{display:flex}}@media(max-width: 78.7499rem){.lrv-u-flex\@desktop-xl-max{display:flex}}@media(max-width: 78.7499rem){.lrv-u-flex-direction-row-reverse\@desktop-xl-max{flex-direction:row-reverse}}.lrv-u-flex-direction-row-reverse{flex-direction:row-reverse}@media(min-width: 78.75rem){.lrv-u-flex-direction-row\@desktop-xl{flex-direction:row}}@media(min-width: 48rem){.lrv-u-flex-direction-column\@tablet{flex-direction:column}}@media(max-width: 47.999rem){.lrv-u-flex-direction-column\@mobile-max{flex-direction:column}}@media(max-width: 62.499rem){.lrv-u-flex-direction-column\@desktop-max{flex-direction:column}}@media(min-width: 78.75rem){.lrv-u-flex-direction-column\@desktop-xl{flex-direction:column}}@media(max-width: 78.7499rem){.lrv-u-flex-direction-column\@desktop-xl-max{flex-direction:column}}@media(max-width: 47.999rem){.lrv-u-flex-wrap-wrap\@mobile-max{flex-wrap:wrap}}@media(max-width: 47.999rem){.lrv-u-flex-direction-column-reverse\@mobile-max{flex-direction:column-reverse}}@media(max-width: 78.7499rem){.lrv-u-flex-basis-100p\@desktop-xl-max{flex-basis:100%}}@media(max-width: 47.999rem){.lrv-u-flex-shrink-0\@mobile-max{flex-shrink:0}}.lrv-u-flex-basis-5p{flex-basis:5%}.lrv-u-flex-basis-10p{flex-basis:10%}.lrv-u-flex-basis-15p{flex-basis:15%}.lrv-u-flex-basis-20p{flex-basis:20%}.lrv-u-flex-basis-25p{flex-basis:25%}.lrv-u-flex-basis-30p{flex-basis:30%}.lrv-u-flex-basis-35p{flex-basis:35%}.lrv-u-flex-basis-40p{flex-basis:40%}.lrv-u-flex-basis-45p{flex-basis:45%}.lrv-u-flex-basis-50p{flex-basis:50%}.lrv-u-flex-basis-55p{flex-basis:55%}.lrv-u-flex-basis-60p{flex-basis:60%}.lrv-u-flex-basis-65p{flex-basis:65%}.lrv-u-flex-basis-70p{flex-basis:70%}.lrv-u-flex-basis-75p{flex-basis:75%}.lrv-u-flex-basis-80p{flex-basis:80%}.lrv-u-flex-basis-85p{flex-basis:85%}.lrv-u-flex-basis-90p{flex-basis:90%}.lrv-u-flex-basis-95p{flex-basis:95%}.lrv-u-flex-basis-100p{flex-basis:100%}@media(max-width: 47.999rem){.lrv-u-flex-basis-5p\@mobile-max{flex-basis:5%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-10p\@mobile-max{flex-basis:10%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-15p\@mobile-max{flex-basis:15%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-20p\@mobile-max{flex-basis:20%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-25p\@mobile-max{flex-basis:25%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-30p\@mobile-max{flex-basis:30%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-35p\@mobile-max{flex-basis:35%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-40p\@mobile-max{flex-basis:40%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-45p\@mobile-max{flex-basis:45%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-50p\@mobile-max{flex-basis:50%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-55p\@mobile-max{flex-basis:55%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-60p\@mobile-max{flex-basis:60%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-65p\@mobile-max{flex-basis:65%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-70p\@mobile-max{flex-basis:70%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-75p\@mobile-max{flex-basis:75%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-80p\@mobile-max{flex-basis:80%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-85p\@mobile-max{flex-basis:85%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-90p\@mobile-max{flex-basis:90%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-95p\@mobile-max{flex-basis:95%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-100p\@mobile-max{flex-basis:100%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-5p\@desktop{flex-basis:5%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-10p\@desktop{flex-basis:10%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-15p\@desktop{flex-basis:15%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-20p\@desktop{flex-basis:20%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-25p\@desktop{flex-basis:25%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-30p\@desktop{flex-basis:30%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-35p\@desktop{flex-basis:35%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-40p\@desktop{flex-basis:40%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-45p\@desktop{flex-basis:45%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-50p\@desktop{flex-basis:50%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-55p\@desktop{flex-basis:55%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-60p\@desktop{flex-basis:60%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-65p\@desktop{flex-basis:65%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-70p\@desktop{flex-basis:70%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-75p\@desktop{flex-basis:75%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-80p\@desktop{flex-basis:80%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-85p\@desktop{flex-basis:85%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-90p\@desktop{flex-basis:90%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-95p\@desktop{flex-basis:95%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-100p\@desktop{flex-basis:100%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-5p\@desktop-xl{flex-basis:5%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-10p\@desktop-xl{flex-basis:10%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-15p\@desktop-xl{flex-basis:15%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-20p\@desktop-xl{flex-basis:20%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-25p\@desktop-xl{flex-basis:25%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-30p\@desktop-xl{flex-basis:30%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-35p\@desktop-xl{flex-basis:35%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-40p\@desktop-xl{flex-basis:40%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-45p\@desktop-xl{flex-basis:45%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-50p\@desktop-xl{flex-basis:50%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-55p\@desktop-xl{flex-basis:55%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-60p\@desktop-xl{flex-basis:60%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-65p\@desktop-xl{flex-basis:65%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-70p\@desktop-xl{flex-basis:70%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-75p\@desktop-xl{flex-basis:75%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-80p\@desktop-xl{flex-basis:80%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-85p\@desktop-xl{flex-basis:85%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-90p\@desktop-xl{flex-basis:90%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-95p\@desktop-xl{flex-basis:95%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-100p\@desktop-xl{flex-basis:100%}}
|
|
7
|
+
.lrv-u-font-family-primary{font-family:Arial,sans-serif;font-family:var(--font-family-primary, Arial, sans-serif)}.lrv-u-font-family-secondary{font-family:Arial,sans-serif;font-family:var(--font-family-secondary, Arial, sans-serif)}.lrv-u-font-family-body{font-family:Arial,sans-serif;font-family:var(--font-family-body, Arial, sans-serif)}.lrv-u-font-family-basic{font-family:Arial,sans-serif;font-family:var(--font-family-basic, Arial, sans-serif)}.lrv-u-font-family-accent{font-family:Verdana,serif;font-family:var(--font-family-accent, Verdana, serif)}.lrv-u-font-family-primary\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-primary, Arial, sans-serif)}.lrv-u-font-family-secondary\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-secondary, Arial, sans-serif)}.lrv-u-font-family-body\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-body, Arial, sans-serif)}.lrv-u-font-family-basic\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-basic, Arial, sans-serif)}.lrv-u-font-family-accent\@desktop{font-family:Verdana,serif;font-family:var(--font-family-accent, Verdana, serif)}
|
|
8
|
+
.lrv-u-font-size-8{font-size:.5rem}.lrv-u-font-size-10{font-size:.625rem}.lrv-u-font-size-12{font-size:.75rem}.lrv-u-font-size-14{font-size:.875rem}.lrv-u-font-size-16{font-size:1rem}.lrv-u-font-size-18{font-size:1.125rem}.lrv-u-font-size-20{font-size:1.25rem}.lrv-u-font-size-24{font-size:1.5rem}.lrv-u-font-size-28{font-size:1.75rem}.lrv-u-font-size-32{font-size:2rem}.lrv-u-font-size-36{font-size:2.25rem}.lrv-u-font-size-40{font-size:2.5rem}.lrv-u-font-size-50{font-size:3.125rem}.lrv-u-font-size-86{font-size:5.375rem}@media(max-width: 47.999rem){.lrv-u-font-size-8\@mobile-max{font-size:.5rem}}@media(max-width: 47.999rem){.lrv-u-font-size-12\@mobile-max{font-size:.75rem}}@media(max-width: 47.999rem){.lrv-u-font-size-14\@mobile-max{font-size:.875rem}}@media(max-width: 47.999rem){.lrv-u-font-size-16\@mobile-max{font-size:1rem}}@media(max-width: 47.999rem){.lrv-u-font-size-18\@mobile-max{font-size:1.125rem}}@media(max-width: 47.999rem){.lrv-u-font-size-22\@mobile-max{font-size:1.375rem}}@media(max-width: 47.999rem){.lrv-u-font-size-26\@mobile-max{font-size:1.625rem}}@media(min-width: 48rem){.lrv-u-font-size-18\@tablet{font-size:1.125rem}}@media(min-width: 48rem){.lrv-u-font-size-14\@tablet{font-size:.875rem}}@media(min-width: 48rem){.lrv-u-font-size-26\@tablet{font-size:1.625rem}}@media(min-width: 48rem){.lrv-u-font-size-28\@tablet{font-size:1.75rem}}@media(min-width: 48rem){.lrv-u-font-size-38\@tablet{font-size:2.375rem}}@media(min-width: 48rem){.lrv-u-font-size-46\@tablet{font-size:2.875rem}}@media(min-width: 62.5rem){.lrv-u-font-size-14\@desktop{font-size:.875rem}}@media(min-width: 62.5rem){.lrv-u-font-size-18\@desktop{font-size:1.125rem}}@media(min-width: 62.5rem){.lrv-u-font-size-20\@desktop{font-size:1.25rem}}@media(min-width: 62.5rem){.lrv-u-font-size-24\@desktop{font-size:1.5rem}}@media(min-width: 62.5rem){.lrv-u-font-size-26\@desktop{font-size:1.625rem}}@media(min-width: 62.5rem){.lrv-u-font-size-32\@desktop{font-size:2rem}}@media(min-width: 62.5rem){.lrv-u-font-size-36\@desktop{font-size:2.25rem}}@media(min-width: 62.5rem){.lrv-u-font-size-50\@desktop{font-size:3.125rem}}@media(min-width: 78.75rem){.lrv-u-font-size-28\@desktop-xl{font-size:1.75rem}}@media(min-width: 78.75rem){.lrv-u-font-size-56\@desktop-xl{font-size:3.5rem}}@media(min-width: 78.75rem){.lrv-u-font-size-18\@desktop-xl{font-size:1.125rem}}@media(min-width: 78.75rem){.lrv-u-font-size-32\@desktop-xl{font-size:2rem}}@media(min-width: 78.75rem){.lrv-u-font-size-28\@desktop-xl{font-size:1.75rem}}@media(min-width: 78.75rem){.lrv-u-font-size-46\@desktop-xl{font-size:2.875rem}}.lrv-u-font-size-13{font-size:0.8125rem}@media(max-width: 47.999rem){.lrv-u-font-size-13\@mobile-max{font-size:0.8125rem}}
|
|
9
|
+
.lrv-u-font-style-italic{font-style:italic}.lrv-u-font-style-normal{font-style:normal}
|
|
10
|
+
.lrv-u-font-weight-light{font-weight:300}.lrv-u-font-weight-normal{font-weight:400}.lrv-u-font-weight-bold{font-weight:700}@media(min-width: 62.5rem){.lrv-u-font-weight-light\@desktop{font-weight:300}}@media(min-width: 62.5rem){.lrv-u-font-weight-normal\@desktop{font-weight:400}}@media(min-width: 62.5rem){.lrv-u-font-weight-bold\@desktop{font-weight:700}}@media(min-width: 78.75rem){.lrv-u-font-weight-light\@desktop-xl{font-weight:300}}@media(min-width: 78.75rem){.lrv-u-font-weight-normal\@desktop-xl{font-weight:400}}@media(min-width: 78.75rem){.lrv-u-font-weight-bold\@desktop-xl{font-weight:700}}
|
|
11
|
+
.lrv-u-height-auto{height:auto}.lrv-u-height-16{height:1rem}.lrv-u-height-20{height:1.25rem}.lrv-u-height-24{height:1.5rem}.lrv-u-height-30{height:1.875rem}.lrv-u-height-40{height:2.5rem}.lrv-u-height-50{height:3.125rem}.lrv-u-height-100{height:6.25rem}.lrv-u-height-150{height:9.375rem}.lrv-u-height-200{height:12.5rem}.lrv-u-height-300{height:18.75rem}.lrv-u-height-20p{height:20%}.lrv-u-height-30p{height:30%}.lrv-u-height-50p{height:50%}.lrv-u-height-75p{height:75%}.lrv-u-height-100p{height:100%}.lrv-u-max-height-50{max-height:3.125rem}
|
|
12
|
+
@media(min-width: 62.5rem){.lrv-u-left-50p\@desktop{left:50%}}
|
|
13
|
+
.lrv-u-letter-spacing-015{letter-spacing:0.15rem}@media(max-width: 47.999rem){.lrv-u-letter-spacing-012\@mobile-max{letter-spacing:0.121875rem}}
|
|
14
|
+
.lrv-u-line-height-small{line-height:1.1}.lrv-u-line-height-normal{line-height:1.35}.lrv-u-line-height-copy{line-height:1.5}.lrv-u-line-height-large{line-height:1.85}@media(min-width: 62.5rem){.lrv-u-line-height-small\@desktop{line-height:1.1}}@media(min-width: 62.5rem){.lrv-u-line-height-normal\@desktop{line-height:1.35}}@media(min-width: 62.5rem){.lrv-u-line-height-copy\@desktop{line-height:1.5}}@media(min-width: 62.5rem){.lrv-u-line-height-large\@desktop{line-height:1.85}}@media(min-width: 78.75rem){.lrv-u-line-height-small\@desktop-xl{line-height:1.1}}@media(min-width: 78.75rem){.lrv-u-line-height-normal\@desktop-xl{line-height:1.35}}@media(min-width: 78.75rem){.lrv-u-line-height-copy\@desktop-xl{line-height:1.5}}@media(min-width: 78.75rem){.lrv-u-line-height-large\@desktop-xl{line-height:1.85}}
|
|
15
|
+
@media(min-width: 48rem){.lrv-u-margin-r-175\@tablet{margin-right:1.75rem}}@media(min-width: 48rem){.lrv-u-margin-t-150\@tablet{margin-top:1.5rem}}@media(min-width: 48rem){.lrv-u-margin-r-2\@tablet{margin-right:2rem}}.lrv-u-margin-l-auto{margin-left:auto}.lrv-u-margin-r-auto{margin-right:auto}.lrv-u-margin-t-auto{margin-top:auto}.lrv-u-margin-b-auto{margin-bottom:auto}.lrv-u-margin-lr-auto{margin-left:auto;margin-right:auto}.lrv-u-margin-tb-auto{margin-top:auto;margin-bottom:auto}@media(min-width: 62.5rem){.lrv-u-margin-l-auto\@desktop{margin-left:auto}.lrv-u-margin-r-auto\@desktop{margin-right:auto}.lrv-u-margin-t-auto\@desktop{margin-top:auto}.lrv-u-margin-b-auto\@desktop{margin-bottom:auto}.lrv-u-margin-lr-auto\@desktop{margin-left:auto;margin-right:auto}.lrv-u-margin-tb-auto\@desktop{margin-top:auto;margin-bottom:auto}}.lrv-u-margin-r-00{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00{margin:0;margin:var(--spacing-00, 0)}.lrv-u-margin-r-025{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025{margin:.25rem;margin:var(--spacing-025, 0.25rem)}.lrv-u-margin-r-050{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050{margin:.5rem;margin:var(--spacing-050, 0.5rem)}.lrv-u-margin-r-075{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075{margin:.75rem;margin:var(--spacing-075, 0.75rem)}.lrv-u-margin-r-1{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1{margin:1rem;margin:var(--spacing-1, 1rem)}.lrv-u-margin-r-125{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}.lrv-u-margin-r-150{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}.lrv-u-margin-r-2{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2{margin:2rem;margin:var(--spacing-2, 2rem)}@media(max-width: 47.999rem){.lrv-u-margin-r-00\@mobile-max{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00\@mobile-max{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00\@mobile-max{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00\@mobile-max{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00\@mobile-max{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00\@mobile-max{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00\@mobile-max{margin:0;margin:var(--spacing-00, 0)}}@media(max-width: 47.999rem){.lrv-u-margin-r-025\@mobile-max{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025\@mobile-max{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025\@mobile-max{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025\@mobile-max{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025\@mobile-max{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025\@mobile-max{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025\@mobile-max{margin:.25rem;margin:var(--spacing-025, 0.25rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-050\@mobile-max{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050\@mobile-max{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050\@mobile-max{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050\@mobile-max{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050\@mobile-max{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050\@mobile-max{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050\@mobile-max{margin:.5rem;margin:var(--spacing-050, 0.5rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-075\@mobile-max{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075\@mobile-max{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075\@mobile-max{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075\@mobile-max{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075\@mobile-max{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075\@mobile-max{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075\@mobile-max{margin:.75rem;margin:var(--spacing-075, 0.75rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-1\@mobile-max{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1\@mobile-max{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1\@mobile-max{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1\@mobile-max{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1\@mobile-max{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1\@mobile-max{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1\@mobile-max{margin:1rem;margin:var(--spacing-1, 1rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-125\@mobile-max{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125\@mobile-max{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125\@mobile-max{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125\@mobile-max{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125\@mobile-max{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125\@mobile-max{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125\@mobile-max{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-150\@mobile-max{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150\@mobile-max{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150\@mobile-max{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150\@mobile-max{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150\@mobile-max{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150\@mobile-max{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150\@mobile-max{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-2\@mobile-max{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2\@mobile-max{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2\@mobile-max{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2\@mobile-max{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2\@mobile-max{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2\@mobile-max{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2\@mobile-max{margin:2rem;margin:var(--spacing-2, 2rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-00\@desktop{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00\@desktop{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00\@desktop{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00\@desktop{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00\@desktop{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00\@desktop{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00\@desktop{margin:0;margin:var(--spacing-00, 0)}}@media(min-width: 62.5rem){.lrv-u-margin-r-025\@desktop{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025\@desktop{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025\@desktop{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025\@desktop{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025\@desktop{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025\@desktop{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025\@desktop{margin:.25rem;margin:var(--spacing-025, 0.25rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-050\@desktop{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050\@desktop{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050\@desktop{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050\@desktop{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050\@desktop{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050\@desktop{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050\@desktop{margin:.5rem;margin:var(--spacing-050, 0.5rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-075\@desktop{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075\@desktop{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075\@desktop{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075\@desktop{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075\@desktop{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075\@desktop{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075\@desktop{margin:.75rem;margin:var(--spacing-075, 0.75rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-1\@desktop{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1\@desktop{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1\@desktop{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1\@desktop{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1\@desktop{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1\@desktop{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1\@desktop{margin:1rem;margin:var(--spacing-1, 1rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-125\@desktop{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125\@desktop{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125\@desktop{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125\@desktop{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125\@desktop{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125\@desktop{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125\@desktop{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-150\@desktop{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150\@desktop{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150\@desktop{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150\@desktop{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150\@desktop{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150\@desktop{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150\@desktop{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-2\@desktop{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2\@desktop{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2\@desktop{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2\@desktop{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2\@desktop{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2\@desktop{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2\@desktop{margin:2rem;margin:var(--spacing-2, 2rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-00\@desktop-xl{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00\@desktop-xl{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00\@desktop-xl{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00\@desktop-xl{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00\@desktop-xl{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00\@desktop-xl{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00\@desktop-xl{margin:0;margin:var(--spacing-00, 0)}}@media(min-width: 78.75rem){.lrv-u-margin-r-025\@desktop-xl{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025\@desktop-xl{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025\@desktop-xl{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025\@desktop-xl{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025\@desktop-xl{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025\@desktop-xl{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025\@desktop-xl{margin:.25rem;margin:var(--spacing-025, 0.25rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-050\@desktop-xl{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050\@desktop-xl{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050\@desktop-xl{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050\@desktop-xl{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050\@desktop-xl{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050\@desktop-xl{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050\@desktop-xl{margin:.5rem;margin:var(--spacing-050, 0.5rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-075\@desktop-xl{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075\@desktop-xl{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075\@desktop-xl{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075\@desktop-xl{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075\@desktop-xl{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075\@desktop-xl{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075\@desktop-xl{margin:.75rem;margin:var(--spacing-075, 0.75rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-1\@desktop-xl{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1\@desktop-xl{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1\@desktop-xl{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1\@desktop-xl{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1\@desktop-xl{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1\@desktop-xl{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1\@desktop-xl{margin:1rem;margin:var(--spacing-1, 1rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-125\@desktop-xl{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125\@desktop-xl{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125\@desktop-xl{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125\@desktop-xl{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125\@desktop-xl{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125\@desktop-xl{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125\@desktop-xl{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-150\@desktop-xl{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150\@desktop-xl{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150\@desktop-xl{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150\@desktop-xl{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150\@desktop-xl{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150\@desktop-xl{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150\@desktop-xl{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-2\@desktop-xl{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2\@desktop-xl{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2\@desktop-xl{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2\@desktop-xl{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2\@desktop-xl{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2\@desktop-xl{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2\@desktop-xl{margin:2rem;margin:var(--spacing-2, 2rem)}}@media(max-width: 47.999rem){.lrv-u-margin-a-00\@mobile-max{margin:0}}@media(max-width: 47.999rem){.lrv-u-margin-t-050\@mobile-max{margin-top:.5rem}}@media(max-width: 47.999rem){.lrv-u-margin-t-1\@mobile-max{margin-top:1rem}}@media(max-width: 47.999rem){.lrv-u-margin-t-2\@mobile-max{margin-top:2rem}}@media(max-width: 47.999rem){.lrv-u-margin-r-00\@mobile-max{margin-right:0}}@media(max-width: 47.999rem){.lrv-u-margin-b-1\@mobile-max{margin-bottom:1rem}}@media(max-width: 47.999rem){.lrv-u-margin-b-050\@mobile-max{margin-bottom:.5rem}}@media(max-width: 47.999rem){.lrv-u-margin-tb-00\@mobile-max{margin-top:0;margin-bottom:0}}@media(max-width: 47.999rem){.lrv-u-margin-tb-1\@mobile-max{margin-top:1rem;margin-bottom:1rem}}@media(min-width: 48rem){.lrv-u-margin-l-1\@tablet{margin-left:1rem}}@media(min-width: 48rem){.lrv-u-margin-r-1\@tablet{margin-right:1rem}}@media(min-width: 48rem){.lrv-u-margin-r-00\@tablet{margin-right:0}}@media(min-width: 48rem){.lrv-u-margin-b-1\@tablet{margin-bottom:1rem}}@media(min-width: 48rem){.lrv-u-margin-b-2\@tablet{margin-bottom:2rem}}@media(min-width: 78.75rem){.lrv-u-margin-t-050\@desktop-xl{margin-top:.5rem}}@media(min-width: 48rem){.lrv-u-margin-l-auto\@tablet{margin-left:auto}}@media(max-width: 47.999rem){.lrv-u-margin-b-250\@mobile-max{margin-bottom:2.5rem}}@media(min-width: 78.75rem){.lrv-u-margin-t-175\@desktop-xl{margin-top:1.75rem}}
|
|
16
|
+
.lrv-u-max-width-100p{max-width:100%}.lrv-u-max-width-100vw{max-width:100vw}.lrv-u-max-width-150{max-width:9.375rem}.lrv-u-max-width-250{max-width:15.625rem}.lrv-u-max-width-500{max-width:31.25rem}.lrv-u-max-width-1000{max-width:62.5rem}
|
|
17
|
+
.lrv-u-opacity-0{opacity:0}
|
|
18
|
+
.lrv-u-order-n1{order:-1}.lrv-u-order-100{order:100}@media(min-width: 62.5rem){.lrv-u-order-n1\@desktop{order:-1}.lrv-u-order-100\@desktop{order:100}}@media(max-width: 47.999rem){.lrv-u-order-n1\@mobile-max{order:-1}}@media(max-width: 47.999rem){.lrv-u-order-100\@mobile-max{order:100}}
|
|
19
|
+
.lrv-u-overflow-auto{overflow:auto}.lrv-u-overflow-hidden{overflow:hidden}@media(max-width: 47.999rem){.lrv-u-overflow-auto\@mobile-max{overflow:auto}}
|
|
20
|
+
@media(min-width: 48rem){.lrv-u-padding-t-150\@tablet{padding-top:1.5rem}}.lrv-u-padding-r-00{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00{padding:0;padding:var(--spacing-00, 0)}.lrv-u-padding-r-025{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025{padding:.25rem;padding:var(--spacing-025, 0.25rem)}.lrv-u-padding-r-050{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050{padding:.5rem;padding:var(--spacing-050, 0.5rem)}.lrv-u-padding-r-075{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075{padding:.75rem;padding:var(--spacing-075, 0.75rem)}.lrv-u-padding-r-1{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1{padding:1rem;padding:var(--spacing-1, 1rem)}.lrv-u-padding-r-125{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}.lrv-u-padding-r-150{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}.lrv-u-padding-r-2{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2{padding:2rem;padding:var(--spacing-2, 2rem)}@media(max-width: 47.999rem){.lrv-u-padding-r-00\@mobile-max{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00\@mobile-max{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00\@mobile-max{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00\@mobile-max{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00\@mobile-max{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00\@mobile-max{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00\@mobile-max{padding:0;padding:var(--spacing-00, 0)}}@media(max-width: 47.999rem){.lrv-u-padding-r-025\@mobile-max{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025\@mobile-max{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025\@mobile-max{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025\@mobile-max{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025\@mobile-max{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025\@mobile-max{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025\@mobile-max{padding:.25rem;padding:var(--spacing-025, 0.25rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-050\@mobile-max{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050\@mobile-max{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050\@mobile-max{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050\@mobile-max{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050\@mobile-max{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050\@mobile-max{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050\@mobile-max{padding:.5rem;padding:var(--spacing-050, 0.5rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-075\@mobile-max{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075\@mobile-max{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075\@mobile-max{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075\@mobile-max{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075\@mobile-max{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075\@mobile-max{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075\@mobile-max{padding:.75rem;padding:var(--spacing-075, 0.75rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-1\@mobile-max{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1\@mobile-max{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1\@mobile-max{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1\@mobile-max{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1\@mobile-max{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1\@mobile-max{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1\@mobile-max{padding:1rem;padding:var(--spacing-1, 1rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-125\@mobile-max{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125\@mobile-max{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125\@mobile-max{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125\@mobile-max{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125\@mobile-max{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125\@mobile-max{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125\@mobile-max{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-150\@mobile-max{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150\@mobile-max{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150\@mobile-max{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150\@mobile-max{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150\@mobile-max{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150\@mobile-max{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150\@mobile-max{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-2\@mobile-max{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2\@mobile-max{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2\@mobile-max{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2\@mobile-max{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2\@mobile-max{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2\@mobile-max{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2\@mobile-max{padding:2rem;padding:var(--spacing-2, 2rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-00\@desktop{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00\@desktop{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00\@desktop{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00\@desktop{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00\@desktop{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00\@desktop{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00\@desktop{padding:0;padding:var(--spacing-00, 0)}}@media(min-width: 62.5rem){.lrv-u-padding-r-025\@desktop{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025\@desktop{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025\@desktop{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025\@desktop{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025\@desktop{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025\@desktop{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025\@desktop{padding:.25rem;padding:var(--spacing-025, 0.25rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-050\@desktop{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050\@desktop{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050\@desktop{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050\@desktop{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050\@desktop{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050\@desktop{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050\@desktop{padding:.5rem;padding:var(--spacing-050, 0.5rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-075\@desktop{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075\@desktop{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075\@desktop{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075\@desktop{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075\@desktop{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075\@desktop{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075\@desktop{padding:.75rem;padding:var(--spacing-075, 0.75rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-1\@desktop{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1\@desktop{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1\@desktop{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1\@desktop{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1\@desktop{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1\@desktop{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1\@desktop{padding:1rem;padding:var(--spacing-1, 1rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-125\@desktop{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125\@desktop{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125\@desktop{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125\@desktop{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125\@desktop{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125\@desktop{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125\@desktop{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-150\@desktop{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150\@desktop{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150\@desktop{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150\@desktop{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150\@desktop{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150\@desktop{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150\@desktop{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-2\@desktop{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2\@desktop{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2\@desktop{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2\@desktop{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2\@desktop{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2\@desktop{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2\@desktop{padding:2rem;padding:var(--spacing-2, 2rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-00\@desktop-xl{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00\@desktop-xl{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00\@desktop-xl{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00\@desktop-xl{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00\@desktop-xl{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00\@desktop-xl{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00\@desktop-xl{padding:0;padding:var(--spacing-00, 0)}}@media(min-width: 78.75rem){.lrv-u-padding-r-025\@desktop-xl{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025\@desktop-xl{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025\@desktop-xl{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025\@desktop-xl{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025\@desktop-xl{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025\@desktop-xl{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025\@desktop-xl{padding:.25rem;padding:var(--spacing-025, 0.25rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-050\@desktop-xl{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050\@desktop-xl{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050\@desktop-xl{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050\@desktop-xl{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050\@desktop-xl{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050\@desktop-xl{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050\@desktop-xl{padding:.5rem;padding:var(--spacing-050, 0.5rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-075\@desktop-xl{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075\@desktop-xl{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075\@desktop-xl{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075\@desktop-xl{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075\@desktop-xl{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075\@desktop-xl{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075\@desktop-xl{padding:.75rem;padding:var(--spacing-075, 0.75rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-1\@desktop-xl{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1\@desktop-xl{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1\@desktop-xl{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1\@desktop-xl{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1\@desktop-xl{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1\@desktop-xl{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1\@desktop-xl{padding:1rem;padding:var(--spacing-1, 1rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-125\@desktop-xl{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125\@desktop-xl{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125\@desktop-xl{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125\@desktop-xl{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125\@desktop-xl{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125\@desktop-xl{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125\@desktop-xl{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-150\@desktop-xl{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150\@desktop-xl{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150\@desktop-xl{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150\@desktop-xl{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150\@desktop-xl{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150\@desktop-xl{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150\@desktop-xl{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-2\@desktop-xl{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2\@desktop-xl{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2\@desktop-xl{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2\@desktop-xl{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2\@desktop-xl{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2\@desktop-xl{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2\@desktop-xl{padding:2rem;padding:var(--spacing-2, 2rem)}}.lrv-u-padding-l-3{padding-left:3rem}@media(max-width: 47.999rem){.lrv-u-padding-tb-025\@mobile-max{padding-top:.25rem;padding-bottom:.25rem}}@media(max-width: 47.999rem){.lrv-u-padding-tb-1\@mobile-max{padding-top:1rem;padding-bottom:1rem}}@media(min-width: 48rem){.lrv-u-padding-t-075\@tablet{padding-top:.75rem}}@media(min-width: 48rem){.lrv-u-padding-b-075\@tablet{padding-bottom:.75rem}}@media(min-width: 48rem){.lrv-u-padding-r-1\@tablet{padding-right:1rem}}@media(min-width: 48rem){.lrv-u-padding-r-2\@tablet{padding-right:2rem}}@media(min-width: 48rem){.lrv-u-padding-l-2\@tablet{padding-left:2rem}}@media(min-width: 48rem){.lrv-u-padding-b-3\@tablet{padding-bottom:3rem}}@media(min-width: 48rem){.lrv-u-padding-t-050\@tablet{padding-top:.5rem}}@media(min-width: 48rem){.lrv-u-padding-lr-1\@tablet{padding-right:1rem;padding-left:1rem}}@media(max-width: 62.499rem){.lrv-u-padding-tb-050\@desktop-max{padding-top:.5rem;padding-bottom:.5rem}}@media(max-width: 78.7499rem){.lrv-u-padding-b-150\@desktop-xl-max{padding-bottom:1.5rem}}@media(min-width: 48rem){.lrv-u-padding-b-150\@tablet{padding-bottom:1.5rem}}@media(min-width: 48rem){.lrv-u-padding-t-175\@tablet{padding-top:1.75rem}}@media(min-width: 62.5rem){.lrv-u-padding-tb-175\@desktop{padding-top:1.75rem;padding-bottom:1.75rem}}@media(max-width: 78.7499rem){.lrv-u-padding-t-175\@desktop-xl-max{padding-top:1.75rem}}@media(max-width: 78.7499rem){.lrv-u-padding-t-150\@desktop-xl-max{padding-top:1.5rem}}@media(min-width: 78.75rem){.lrv-u-padding-b-3\@desktop-xl{padding-bottom:3rem}}@media(min-width: 78.75rem){.lrv-u-padding-t-175\@desktop-xl{padding-top:1.75rem}}@media(min-width: 78.75rem){.lrv-u-padding-tb-250\@desktop-xl{padding-top:2.5rem;padding-bottom:2.5rem}}@media(min-width: 78.75rem){.lrv-u-padding-t-250\@desktop-xl{padding-top:2.5rem}}
|
|
21
|
+
.lrv-u-position-relative{position:relative}@media(min-width: 62.5rem){.lrv-u-position-absolute\@desktop{position:absolute}}
|
|
22
|
+
.lrv-u-text-align-right{text-align:right}.lrv-u-text-align-left{text-align:left}.lrv-u-text-align-center{text-align:center}@media(min-width: 62.5rem){.lrv-u-text-align-right\@desktop{text-align:right}.lrv-u-text-align-left\@desktop{text-align:left}.lrv-u-text-align-center\@desktop{text-align:center}}@media(max-width: 47.999rem){.lrv-u-text-align-center\@mobile-max{text-align:center}}@media(min-width: 48rem){.lrv-u-text-align-center\@tablet{text-align:center}}
|
|
23
|
+
.lrv-u-text-decoration-underline{text-decoration:underline;text-decoration-color:currentColor}.lrv-u-text-decoration-underline\:hover:hover{text-decoration:underline;text-decoration-color:currentColor}
|
|
24
|
+
.lrv-u-text-transform-uppercase{text-transform:uppercase}.lrv-u-text-transform-initial{text-transform:initial}.lrv-u-text-transform-lowercase{text-transform:lowercase}.lrv-u-text-transform-capitalize{text-transform:capitalize}
|
|
25
|
+
@media(min-width: 62.5rem){.lrv-u-top-n33\@desktop{top:-2.0625rem}}
|
|
26
|
+
.lrv-u-transform-translateY-n50p{transform:translateY(-50%)}@media(min-width: 62.5rem){.lrv-u-transform-translateX-n50p\@desktop{transform:translateX(-50%)}}
|
|
27
|
+
@media(max-width: 47.999rem){.lrv-u-vertical-align-middle\@mobile-max{vertical-align:middle}}
|
|
28
|
+
.lrv-u-whitespace-nowrap{white-space:nowrap}
|
|
29
|
+
.lrv-u-width-auto{width:auto}.lrv-u-width-16{width:1rem}.lrv-u-width-24{width:1.5rem}.lrv-u-width-30{width:1.875rem}.lrv-u-width-50{width:3.125rem}.lrv-u-width-100{width:6.25rem}.lrv-u-width-150{width:9.375rem}.lrv-u-width-185{width:11.5625rem}.lrv-u-width-165{width:10.3125rem}.lrv-u-width-200{width:12.5rem}.lrv-u-width-215{width:13.4375rem}.lrv-u-width-245{width:15.3125rem}.lrv-u-width-300{width:18.75rem}.lrv-u-width-20p{width:20%}.lrv-u-width-22p{width:22%}.lrv-u-width-30p{width:30%}.lrv-u-width-50p{width:50%}.lrv-u-width-70p{width:70%}.lrv-u-width-75p{width:75%}.lrv-u-width-100p{width:100%}@media(max-width: 47.999rem){.lrv-u-width-35\@mobile-max{width:2.1875rem}}@media(max-width: 47.999rem){.lrv-u-width-100\@mobile-max{width:6.25rem}}@media(max-width: 47.999rem){.lrv-u-width-100p\@mobile-max{width:100%}}@media(min-width: 62.5rem){.lrv-u-width-150\@desktop{width:9.375rem}}@media(min-width: 62.5rem){.lrv-u-width-38p\@desktop{width:38%}}@media(min-width: 62.5rem){.lrv-u-width-50p\@desktop{width:50%}}@media(min-width: 62.5rem){.lrv-u-width-75p\@desktop{width:75%}}@media(min-width: 78.75rem){.lrv-u-width-100\@desktop-xl{width:6.25rem}}@media(min-width: 78.75rem){.lrv-u-width-154\@desktop-xl{width:9.625rem}}@media only screen and (max-width: 78.75rem)and (min-width: 48rem){.lrv-u-width-177\@tablet-and-desktop-only{width:11.0625rem}}@media(min-width: 78.75rem){.lrv-u-width-36p\@desktop-xl{width:36%}}@media(min-width: 78.75rem){.lrv-u-width-64p\@desktop-xl{width:64%}}@media(min-width: 48rem){.lrv-u-width-27p\@tablet{width:27%}}@media(min-width: 48rem){.lrv-u-width-23p\@tablet{width:23%}}@media(min-width: 48rem){.lrv-u-width-52p\@tablet{width:52%}}@media(max-width: 47.999rem){.lrv-u-width-50p\@mobile-max{width:50%}}@media(max-width: 47.999rem){.lrv-u-width-33p\@mobile-max{width:33.33%}}@media(min-width: 48rem){.lrv-u-width-55p\@tablet{width:55%}}@media(min-width: 48rem){.lrv-u-width-35p\@tablet{width:35%}}@media(max-width: 47.999rem){.lrv-u-max-width-30p\@mobile-max{max-width:30%}}@media(max-width: 47.999rem){.lrv-u-width-28\@mobile-max{width:1.75rem}}@media(max-width: 47.999rem){.lrv-u-width-22p\@mobile-max{width:22%}}@media(max-width: 47.999rem){.lrv-u-width-56p\@mobile-max{width:56%}}@media(max-width: 47.999rem){.lrv-u-width-135\@mobile-max{width:8.4375rem}}@media(min-width: 48rem){.lrv-u-width-100p\@tablet{width:100%}}.lrv-u-max-width-830{max-width:51.875rem}
|
package/gulpfile.js
CHANGED
|
@@ -1,95 +1,123 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Things that are different from AMH:
|
|
3
|
+
* - path resolved to src/ not src/scss
|
|
4
|
+
* - no need to concat
|
|
5
|
+
* - remove lrvCssDir
|
|
6
|
+
*
|
|
7
|
+
* Potential improvement: make the config object dynamic, determine the
|
|
8
|
+
* dest file according to the changed file.
|
|
9
|
+
*/
|
|
7
10
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const Fiber = require( 'fibers' );
|
|
12
|
+
const gulp = require( 'gulp' );
|
|
13
|
+
const path = require( 'path' );
|
|
14
|
+
const sass = require( 'gulp-sass' );
|
|
15
|
+
const concat = require( 'gulp-concat' );
|
|
16
|
+
const gulpStylelint = require( 'gulp-stylelint' );
|
|
17
|
+
const del = require( 'del' );
|
|
18
|
+
const { mkdirpSync, existsSync } = require( 'fs-extra' );
|
|
13
19
|
|
|
14
|
-
|
|
15
|
-
// Generic
|
|
16
|
-
src('./src/*generic/*.common.inline.scss')
|
|
17
|
-
.pipe(gulpStylelint({
|
|
18
|
-
failAfterError: false,
|
|
19
|
-
reporters: [{
|
|
20
|
-
formatter: 'string',
|
|
21
|
-
console: true,
|
|
22
|
-
}]
|
|
23
|
-
}))
|
|
24
|
-
.pipe(sass( sassOpts ).on( 'error', sass.logError) )
|
|
25
|
-
.pipe(concat('generic.common.inline.scss'))
|
|
26
|
-
.pipe(dest('./build/css/'));
|
|
20
|
+
const { generateAFontScss } = require( './lib/generators' );
|
|
27
21
|
|
|
28
|
-
|
|
29
|
-
.pipe(sass( sassOpts ).on('error', sass.logError))
|
|
30
|
-
.pipe(concat('generic.common.async.css'))
|
|
31
|
-
.pipe(dest('./build/css/'));
|
|
22
|
+
sass.compiler = require( 'sass' );
|
|
32
23
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
reporters: [{
|
|
39
|
-
formatter: 'string',
|
|
40
|
-
console: true,
|
|
41
|
-
}]
|
|
42
|
-
}))
|
|
43
|
-
.pipe(sass( sassOpts ).on('error', sass.logError))
|
|
44
|
-
.pipe(concat('algorithms.common.inline.scss'))
|
|
45
|
-
.pipe(dest('./build/css/'));
|
|
24
|
+
const sassOpts = {
|
|
25
|
+
includePaths: [ path.resolve( './node_modules' ), path.resolve( './src' ) ],
|
|
26
|
+
outputStyle: 'compressed',
|
|
27
|
+
fiber: Fiber,
|
|
28
|
+
};
|
|
46
29
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
failAfterError: false,
|
|
50
|
-
reporters: [{
|
|
51
|
-
formatter: 'string',
|
|
52
|
-
console: true,
|
|
53
|
-
}]
|
|
54
|
-
}))
|
|
55
|
-
.pipe(sass( sassOpts ).on('error', sass.logError))
|
|
56
|
-
.pipe(concat('algorithms.common.async.scss'))
|
|
57
|
-
.pipe(dest('./build/css/'));
|
|
30
|
+
const cssDest = './build/css/';
|
|
31
|
+
const scssDest = './src/_generated';
|
|
58
32
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
33
|
+
const cssFiles = {
|
|
34
|
+
generic_inline: {
|
|
35
|
+
css: {
|
|
36
|
+
orig: [ './src/01-generic/*.common.inline.scss' ],
|
|
37
|
+
file: 'generic.common.inline.css',
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
algorithms_async: {
|
|
41
|
+
css: {
|
|
42
|
+
orig: [ './src/**/a-*.common.async.scss' ],
|
|
43
|
+
file: 'algorithms.common.async.css',
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
algorithms_inline: {
|
|
47
|
+
css: {
|
|
48
|
+
orig: [ './src/**/a-*.common.inline.scss' ],
|
|
49
|
+
file: 'algorithms.common.inline.css',
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
utilities_async: {
|
|
53
|
+
css: {
|
|
54
|
+
orig: [ './src/**/u-*.common.async.scss' ],
|
|
55
|
+
file: 'utilities.common.async.css',
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
utilities_inline: {
|
|
59
|
+
css: {
|
|
60
|
+
orig: [ './src/**/u-*.common.inline.scss' ],
|
|
61
|
+
file: 'utilities.common.inline.css',
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
js_async: {
|
|
65
|
+
css: {
|
|
66
|
+
orig: [ './src/**/js-*.common.async.scss' ],
|
|
67
|
+
file: 'js.common.async.css',
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
js_inline: {
|
|
71
|
+
css: {
|
|
72
|
+
orig: [ './src/**/js-*.common.inline.scss' ],
|
|
73
|
+
file: 'js.common.inline.css',
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
};
|
|
64
77
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
78
|
+
const generateScssFromTokens = ( done ) => {
|
|
79
|
+
mkdirpSync( scssDest );
|
|
80
|
+
generateAFontScss( scssDest );
|
|
81
|
+
done();
|
|
82
|
+
};
|
|
69
83
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
.pipe(sass( sassOpts ).on('error', sass.logError))
|
|
73
|
-
.pipe(concat('js.common.inline.scss'))
|
|
74
|
-
.pipe(dest('./build/css/'));
|
|
84
|
+
const clean = ( done ) => {
|
|
85
|
+
const dirs = [ scssDest, cssDest ];
|
|
75
86
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
87
|
+
dirs.forEach( ( dir ) => {
|
|
88
|
+
if ( existsSync( dir ) ) {
|
|
89
|
+
del.sync( [ dir ] );
|
|
90
|
+
}
|
|
91
|
+
} );
|
|
80
92
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
// dirname: 'js',
|
|
87
|
-
// }))
|
|
88
|
-
// .pipe(dest('./build/css/'));
|
|
93
|
+
done();
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
const styles = ( done ) => {
|
|
97
|
+
mkdirpSync( cssDest );
|
|
89
98
|
|
|
99
|
+
Object.keys( cssFiles ).forEach( ( val ) => {
|
|
100
|
+
gulp.src( cssFiles[ val ].css.orig )
|
|
101
|
+
.pipe(
|
|
102
|
+
gulpStylelint( {
|
|
103
|
+
failAfterError: false,
|
|
104
|
+
reporters: [
|
|
105
|
+
{
|
|
106
|
+
formatter: 'string',
|
|
107
|
+
console: true,
|
|
108
|
+
},
|
|
109
|
+
],
|
|
110
|
+
} )
|
|
111
|
+
)
|
|
112
|
+
.pipe( sass( sassOpts ).on( 'error', sass.logError ) )
|
|
113
|
+
.pipe( concat( cssFiles[ val ].css.file ) )
|
|
114
|
+
.pipe( gulp.dest( cssDest ) );
|
|
115
|
+
} );
|
|
90
116
|
done();
|
|
91
|
-
}
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
exports.watch = function () {
|
|
120
|
+
gulp.watch( './src/**/*.scss', styles );
|
|
121
|
+
};
|
|
92
122
|
|
|
93
|
-
exports.default =
|
|
94
|
-
watch( './src/**/*.scss', series( styles ) );
|
|
95
|
-
}
|
|
123
|
+
exports.default = gulp.series( clean, generateScssFromTokens, styles );
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies.
|
|
3
|
+
*/
|
|
4
|
+
const fs = require( 'fs-extra' );
|
|
5
|
+
const path = require( 'path' );
|
|
6
|
+
const { kebabify } = require( '../../larva-tokens/lib/utils' );
|
|
7
|
+
const fontData = require( '../../larva-tokens/lib/font-data' );
|
|
8
|
+
|
|
9
|
+
const { allSelectors, tokenProperties } = fontData;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Transform properties into CSS-friendly format.
|
|
13
|
+
*
|
|
14
|
+
* @return Array of properties in kebab-case.
|
|
15
|
+
*/
|
|
16
|
+
const properties = tokenProperties.map( ( property ) => kebabify( property ) );
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Form a ruleset for the selector that builds custom properties
|
|
20
|
+
* that correspond to tokens for the style.
|
|
21
|
+
*
|
|
22
|
+
* @param {string} selector
|
|
23
|
+
* @return {string} CSS ruleset for the selector.
|
|
24
|
+
*/
|
|
25
|
+
const ruleset = ( selector ) => {
|
|
26
|
+
let css = '';
|
|
27
|
+
|
|
28
|
+
const nameSlugs = selector.split( '-' );
|
|
29
|
+
const family = nameSlugs[ 3 ];
|
|
30
|
+
const tokenBase = [ ...nameSlugs ].slice( 3, nameSlugs.length ).join( '-' );
|
|
31
|
+
|
|
32
|
+
css += `\n\t// Define this token locally; it can be defined via larva-tokens, if needed in the future.
|
|
33
|
+
--font-family: var( --font-family-${ family } );
|
|
34
|
+
|
|
35
|
+
font-family: var( --font-family );`;
|
|
36
|
+
|
|
37
|
+
css += '\n';
|
|
38
|
+
|
|
39
|
+
properties.forEach( ( property ) => {
|
|
40
|
+
css += `\t${ property }: var( --${ tokenBase }-${ property }-mobile );\n`;
|
|
41
|
+
} );
|
|
42
|
+
|
|
43
|
+
css += '\n';
|
|
44
|
+
css += '\t@media (min-width: $screen-desktop) {';
|
|
45
|
+
css += '\n';
|
|
46
|
+
|
|
47
|
+
properties.forEach( ( property ) => {
|
|
48
|
+
css += `\t\t${ property }: var( --${ tokenBase }-${ property }-desktop );\n`;
|
|
49
|
+
} );
|
|
50
|
+
css += '\t}\n';
|
|
51
|
+
css += '\t@media (min-width: $screen-desktop-xl) {';
|
|
52
|
+
css += '\n';
|
|
53
|
+
|
|
54
|
+
properties.forEach( ( property ) => {
|
|
55
|
+
css += `\t\t${ property }: var( --${ tokenBase }-${ property }-desktop-xl );\n`;
|
|
56
|
+
} );
|
|
57
|
+
css += '\t}';
|
|
58
|
+
|
|
59
|
+
return css;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Build the CSS string with rulesets for each selector.
|
|
64
|
+
*
|
|
65
|
+
* @param {Array} selectors
|
|
66
|
+
* @return {string} CSS to be written to a file.
|
|
67
|
+
*/
|
|
68
|
+
const generate = ( selectors ) => {
|
|
69
|
+
let css = '';
|
|
70
|
+
|
|
71
|
+
selectors.forEach( ( selector ) => {
|
|
72
|
+
css += `\n.${ selector } {`;
|
|
73
|
+
css += ruleset( selector );
|
|
74
|
+
css += `\n}\n`;
|
|
75
|
+
} );
|
|
76
|
+
|
|
77
|
+
return css;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
const generateAFontScss = ( directory ) => {
|
|
81
|
+
let css = '// Generated css from larva-tokens/lib/generators.js\n';
|
|
82
|
+
|
|
83
|
+
css += generate( allSelectors );
|
|
84
|
+
|
|
85
|
+
fs.writeFileSync( path.join( directory, `_a-font.scss` ), css );
|
|
86
|
+
console.log( 'Generated _a-font.scss.' ); // eslint-disable-line no-console
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
module.exports = {
|
|
90
|
+
generate,
|
|
91
|
+
ruleset,
|
|
92
|
+
generateAFontScss,
|
|
93
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-css",
|
|
3
|
-
"version": "1.8.0
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "Larva CSS.",
|
|
5
5
|
"author": "laras126 <laras126@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
|
|
@@ -15,15 +15,23 @@
|
|
|
15
15
|
},
|
|
16
16
|
"scripts": {
|
|
17
17
|
"test": "../../node_modules/.bin/jest",
|
|
18
|
-
"
|
|
18
|
+
"build": "./node_modules/.bin/gulp",
|
|
19
|
+
"dev": "./node_modules/.bin/gulp watch"
|
|
19
20
|
},
|
|
20
21
|
"bugs": {
|
|
21
22
|
"url": "https://github.com/penske-media-corp/pmc-larva/issues"
|
|
22
23
|
},
|
|
23
24
|
"devDependencies": {
|
|
24
|
-
"@penskemediacorp/larva-scss": "^1.
|
|
25
|
-
"
|
|
26
|
-
"
|
|
25
|
+
"@penskemediacorp/larva-scss": "^1.1.2",
|
|
26
|
+
"@penskemediacorp/larva-tokens": "^1.8.0",
|
|
27
|
+
"del": "^6.0.0",
|
|
28
|
+
"fibers": "^5.0.1",
|
|
29
|
+
"fs-extra": "^9.1.0",
|
|
30
|
+
"gulp": "^4.0.2",
|
|
31
|
+
"gulp-concat": "^2.6.1",
|
|
32
|
+
"gulp-sass": "^4.1.0",
|
|
33
|
+
"gulp-stylelint": "^13.0.0",
|
|
34
|
+
"sass": "^1.32.8"
|
|
27
35
|
},
|
|
28
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "eb52d8dbd10586e9436505dd0cd0720078ef5b77"
|
|
29
37
|
}
|
|
@@ -1,6 +1,34 @@
|
|
|
1
|
+
@import 'setup';
|
|
1
2
|
|
|
2
|
-
|
|
3
|
+
html {
|
|
4
|
+
// Use whitespace and initial in custom properties to invalidate values
|
|
5
|
+
// for simplification of media queries.
|
|
6
|
+
// Explanation::
|
|
7
|
+
// https://lea.verou.me/2020/10/the-var-space-hack-to-toggle-multiple-values-with-one-custom-property/
|
|
8
|
+
// Reduced example:
|
|
9
|
+
// https://codepen.io/laras126/pen/ExZbvPY
|
|
10
|
+
|
|
11
|
+
--ON: initial;
|
|
12
|
+
--OFF: /*! whitespace toggle */;
|
|
13
|
+
|
|
14
|
+
--is-desktop: var( --OFF );
|
|
15
|
+
--is-desktopxl: var( --OFF );
|
|
16
|
+
|
|
17
|
+
@include pmc-breakpoint( desktop ) {
|
|
18
|
+
--is-desktop: var( --ON );
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@include pmc-breakpoint( desktop-xl ) {
|
|
22
|
+
--is-desktopxl: var( --ON );
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
*,
|
|
27
|
+
::before,
|
|
28
|
+
::after {
|
|
3
29
|
box-sizing: border-box;
|
|
30
|
+
border-width: 0;
|
|
31
|
+
border-style: solid;
|
|
4
32
|
}
|
|
5
33
|
|
|
6
34
|
img {
|
|
@@ -24,4 +52,8 @@ figure {
|
|
|
24
52
|
|
|
25
53
|
svg {
|
|
26
54
|
fill: currentColor;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
cite {
|
|
58
|
+
font-style: normal;
|
|
27
59
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@import 'setup';
|
|
2
|
+
|
|
3
|
+
// For side skin ads. This is added to `body` or to `html`.
|
|
4
|
+
// If the elements inside have been build responsively, everything
|
|
5
|
+
// should automatically adjust for the skins.
|
|
6
|
+
.has-side-skins {
|
|
7
|
+
max-width: $screen-desktop;
|
|
8
|
+
margin-left: auto;
|
|
9
|
+
margin-right: auto;
|
|
10
|
+
}
|