@penskemediacorp/larva-css 1.27.1 → 1.28.1-alpha.141
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/__tests__/fixtures/expected.js +5 -8
- package/build/css/algorithms.common.async.css +1 -1
- package/build/css/algorithms.common.inline.css +12 -11
- package/build/css/generic.common.inline.css +2 -2
- package/build/css/js.common.async.css +2 -2
- package/build/css/js.common.inline.css +2 -2
- package/build/css/utilities.common.async.css +3 -3
- package/build/css/utilities.common.inline.css +5 -5
- package/gulpfile.js +1 -3
- package/lib/generators.js +2 -4
- package/package.json +12 -12
- package/src/02-algorithms/a-crop/a-crop.common.inline.scss +0 -7
- package/src/02-algorithms/a-grid/a-grid.common.inline.scss +40 -8
- package/src/02-algorithms/a-scrollable-grid/a-scrollable-grid.common.inline.scss +0 -2
- package/src/02-algorithms/a-term-content-grid/a-term-content-grid.common.inline.scss +68 -0
- package/src/03-utilities/u-border.common.inline.scss +2 -2
- package/src/03-utilities/u-overflow.common.inline.scss +4 -0
- package/src/03-utilities/u-text-decoration.common.inline.scss +5 -0
- package/src/_generated/_a-font.scss +190 -304
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
.lrv-u-background-attachment-fixed{background-attachment:fixed}
|
|
2
|
-
.lrv-u-background-color-grey-light{background-color:#ccc;background-color:var(--background-color-grey-light,
|
|
2
|
+
.lrv-u-background-color-grey-light{background-color:#ccc;background-color:var(--background-color-grey-light, rgb(204, 204, 204))}.lrv-u-background-color-grey-lightest{background-color:#f7f7f7;background-color:var(--background-color-grey-lightest, rgb(247, 247, 247))}.lrv-u-background-color-brand-secondary-dark{background-color:#000;background-color:var(--background-color-brand-secondary-dark, rgb(0, 0, 0))}.lrv-u-background-color-brand-secondary-light{background-color:#000;background-color:var(--background-color-brand-secondary-light, rgb(0, 0, 0))}.lrv-u-background-color-grey-dark{background-color:#6a6a6a;background-color:var(--background-color-grey-dark, rgb(106, 106, 106))}.lrv-u-background-color-grey{background-color:#8c8c8c;background-color:var(--background-color-grey, rgb(140, 140, 140))}.lrv-u-background-color-body{background-color:#fff;background-color:var(--background-color-body, rgb(255, 255, 255))}.lrv-u-background-color-brand-secondary{background-color:#000;background-color:var(--background-color-brand-secondary, rgb(0, 0, 0))}.lrv-u-background-color-black{background-color:#000;background-color:var(--background-color-black, rgb(0, 0, 0))}.lrv-u-background-color-brand-primary-light{background-color:#ec1c24;background-color:var(--background-color-brand-primary-light, rgb(236, 28, 36))}.lrv-u-background-color-brand-primary-dark{background-color:#ec1c24;background-color:var(--background-color-brand-primary-dark, rgb(236, 28, 36))}.lrv-u-background-color-white{background-color:#fff;background-color:var(--background-color-white, rgb(255, 255, 255))}.lrv-u-background-color-brand-primary{background-color:#ec1c24;background-color:var(--background-color-brand-primary, rgb(236, 28, 36))}.lrv-u-background-color-grey-darkest{background-color:#323232;background-color:var(--background-color-grey-darkest, rgb(50, 50, 50))}.lrv-u-background-color-transparent{background-color:rgba(0,0,0,0)}@media(min-width: 62.5rem){.lrv-u-background-color-grey-light\@desktop{background-color:#ccc;background-color:var(--background-color-grey-light, rgb(204, 204, 204))}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-lightest\@desktop{background-color:#f7f7f7;background-color:var(--background-color-grey-lightest, rgb(247, 247, 247))}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary-dark\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary-dark, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary-light\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary-light, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-dark\@desktop{background-color:#6a6a6a;background-color:var(--background-color-grey-dark, rgb(106, 106, 106))}}@media(min-width: 62.5rem){.lrv-u-background-color-grey\@desktop{background-color:#8c8c8c;background-color:var(--background-color-grey, rgb(140, 140, 140))}}@media(min-width: 62.5rem){.lrv-u-background-color-body\@desktop{background-color:#fff;background-color:var(--background-color-body, rgb(255, 255, 255))}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-background-color-black\@desktop{background-color:#000;background-color:var(--background-color-black, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary-light\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary-light, rgb(236, 28, 36))}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary-dark\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary-dark, rgb(236, 28, 36))}}@media(min-width: 62.5rem){.lrv-u-background-color-white\@desktop{background-color:#fff;background-color:var(--background-color-white, rgb(255, 255, 255))}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary, rgb(236, 28, 36))}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-darkest\@desktop{background-color:#323232;background-color:var(--background-color-grey-darkest, rgb(50, 50, 50))}}
|
|
3
3
|
.lrv-u-background-position-50p{background-position:50%}
|
|
4
4
|
.lrv-u-background-repeat-repeat{background-repeat:repeat}
|
|
5
5
|
.lrv-u-background-size-cover{background-size:cover}
|
|
6
|
-
.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}.lrv-u-border-collapse{border-collapse:collapse}@media(max-width: 47.999rem){.lrv-u-border-l-00\@mobile-max{border-left-width:0}}@media(
|
|
6
|
+
.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}.lrv-u-border-collapse{border-collapse:collapse}@media(max-width: 47.999rem){.lrv-u-border-l-00\@mobile-max{border-left-width:0}}@media(min-width: 62.5rem){.lrv-u-border-a-1\@desktop{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}}.lrv-u-border-t-20{border-top-width:1.25rem}
|
|
7
7
|
.lrv-u-bottom-0{bottom:0}
|
|
8
8
|
.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-end}.lrv-u-align-items-stretch{align-items:stretch}.lrv-u-align-items-normal{align-items:normal}@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}}
|
|
9
|
-
.lrv-u-color-brand-secondary{color:#000;color:var(--color-brand-secondary,
|
|
9
|
+
.lrv-u-color-brand-secondary{color:#000;color:var(--color-brand-secondary, rgb(0, 0, 0))}.lrv-u-color-black{color:#000;color:var(--color-black, rgb(0, 0, 0))}.lrv-u-color-brand-primary-light{color:#ec1c24;color:var(--color-brand-primary-light, rgb(236, 28, 36))}.lrv-u-color-brand-primary-dark{color:#ec1c24;color:var(--color-brand-primary-dark, rgb(236, 28, 36))}.lrv-u-color-white{color:#fff;color:var(--color-white, rgb(255, 255, 255))}.lrv-u-color-brand-primary{color:#ec1c24;color:var(--color-brand-primary, rgb(236, 28, 36))}.lrv-u-color-grey-light{color:#e6e6e6;color:var(--color-grey-light, rgb(230, 230, 230))}.lrv-u-color-brand-secondary-dark{color:#000;color:var(--color-brand-secondary-dark, rgb(0, 0, 0))}.lrv-u-color-brand-secondary-light{color:#000;color:var(--color-brand-secondary-light, rgb(0, 0, 0))}.lrv-u-color-grey-dark{color:#6a6a6a;color:var(--color-grey-dark, rgb(106, 106, 106))}.lrv-u-color-grey{color:#8c8c8c;color:var(--color-grey, rgb(140, 140, 140))}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary\@desktop{color:#000;color:var(--color-brand-secondary, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-color-black\@desktop{color:#000;color:var(--color-black, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary-light\@desktop{color:#ec1c24;color:var(--color-brand-primary-light, rgb(236, 28, 36))}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary-dark\@desktop{color:#ec1c24;color:var(--color-brand-primary-dark, rgb(236, 28, 36))}}@media(min-width: 62.5rem){.lrv-u-color-white\@desktop{color:#fff;color:var(--color-white, rgb(255, 255, 255))}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary\@desktop{color:#ec1c24;color:var(--color-brand-primary, rgb(236, 28, 36))}}@media(min-width: 62.5rem){.lrv-u-color-grey-light\@desktop{color:#e6e6e6;color:var(--color-grey-light, rgb(230, 230, 230))}}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary-dark\@desktop{color:#000;color:var(--color-brand-secondary-dark, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary-light\@desktop{color:#000;color:var(--color-brand-secondary-light, rgb(0, 0, 0))}}@media(min-width: 62.5rem){.lrv-u-color-grey-dark\@desktop{color:#6a6a6a;color:var(--color-grey-dark, rgb(106, 106, 106))}}@media(min-width: 62.5rem){.lrv-u-color-grey\@desktop{color:#8c8c8c;color:var(--color-grey, rgb(140, 140, 140))}}
|
|
10
10
|
.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}}
|
|
11
11
|
.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%}}
|
|
12
12
|
.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)}
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
.lrv-u-opacity-0{opacity:0}.lrv-u-opacity-1{opacity:.1}.lrv-u-opacity-2{opacity:.2}.lrv-u-opacity-3{opacity:.3}.lrv-u-opacity-4{opacity:.4}.lrv-u-opacity-5{opacity:.5}.lrv-u-opacity-6{opacity:.6}.lrv-u-opacity-7{opacity:.7}.lrv-u-opacity-8{opacity:.8}.lrv-u-opacity-9{opacity:.9}.lrv-u-opacity-10{opacity:1}
|
|
26
26
|
.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}}
|
|
27
27
|
.lrv-u-outline-none{outline:none}
|
|
28
|
-
.lrv-u-overflow-auto{overflow:auto}.lrv-u-overflow-x-auto{overflow-x:auto}.lrv-u-overflow-y-auto{overflow-y:auto}.lrv-u-overflow-hidden{overflow:hidden}@media(max-width: 47.999rem){.lrv-u-overflow-auto\@mobile-max{overflow:auto}}
|
|
28
|
+
.lrv-u-overflow-auto{overflow:auto}.lrv-u-overflow-x-auto{overflow-x:auto}.lrv-u-overflow-y-auto{overflow-y:auto}.lrv-u-overflow-hidden{overflow:hidden}@media(max-width: 47.999rem){.lrv-u-overflow-auto\@mobile-max{overflow:auto}}.lrv-u-overflow-wrap-break-word{overflow-wrap:break-word}
|
|
29
29
|
@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}}
|
|
30
30
|
.lrv-u-position-relative{position:relative}.lrv-u-position-absolute{position:absolute}@media(min-width: 62.5rem){.lrv-u-position-absolute\@desktop{position:absolute}}@media(min-width: 48rem){.lrv-u-position-absolute\@tablet{position:absolute}}
|
|
31
31
|
.lrv-u-right-0{right:0}
|
|
32
32
|
.lrv-u-table-layout-fixed{table-layout:fixed}.lrv-u-table-layout-auto{table-layout:auto}.lrv-u-table-layout-unset{table-layout:unset}
|
|
33
33
|
.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}}
|
|
34
|
-
.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}
|
|
34
|
+
.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}.lrv-u-text-decoration-line-through{text-decoration:line-through;text-decoration-color:currentColor}
|
|
35
35
|
.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}
|
|
36
36
|
.lrv-u-top-0{top:0}@media(min-width: 62.5rem){.lrv-u-top-n33\@desktop{top:-2.0625rem}}
|
|
37
37
|
.lrv-u-transform-translateY-n50p{transform:translateY(-50%)}@media(min-width: 62.5rem){.lrv-u-transform-translateX-n50p\@desktop{transform:translateX(-50%)}}
|
package/gulpfile.js
CHANGED
|
@@ -8,10 +8,9 @@
|
|
|
8
8
|
* dest file according to the changed file.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
-
const Fiber = require( 'fibers' );
|
|
12
11
|
const gulp = require( 'gulp' );
|
|
13
12
|
const path = require( 'path' );
|
|
14
|
-
const sass = require( 'gulp-sass' );
|
|
13
|
+
const sass = require( 'gulp-sass' )( require( 'sass' ) );
|
|
15
14
|
const concat = require( 'gulp-concat' );
|
|
16
15
|
const gulpStylelint = require( 'gulp-stylelint' );
|
|
17
16
|
const del = require( 'del' );
|
|
@@ -24,7 +23,6 @@ sass.compiler = require( 'sass' );
|
|
|
24
23
|
const sassOpts = {
|
|
25
24
|
includePaths: [ path.resolve( './node_modules' ), path.resolve( './src' ) ],
|
|
26
25
|
outputStyle: 'compressed',
|
|
27
|
-
fiber: Fiber,
|
|
28
26
|
};
|
|
29
27
|
|
|
30
28
|
const cssDest = './build/css/';
|
package/lib/generators.js
CHANGED
|
@@ -48,14 +48,12 @@ const ruleset = ( selector ) => {
|
|
|
48
48
|
css += `\t\t${ property }: var( --${ tokenBase }-${ property }-desktop );\n`;
|
|
49
49
|
} );
|
|
50
50
|
css += '\t}\n';
|
|
51
|
-
css += '\
|
|
52
|
-
css += '\t\thtml:not(.has-side-skins) & {';
|
|
51
|
+
css += '\t@media (min-width: $screen-desktop-xl) {';
|
|
53
52
|
css += '\n';
|
|
54
53
|
|
|
55
54
|
properties.forEach( ( property ) => {
|
|
56
|
-
css += `\t\t
|
|
55
|
+
css += `\t\t${ property }: var( --${ tokenBase }-${ property }-desktop-xl );\n`;
|
|
57
56
|
} );
|
|
58
|
-
css += '\t\t}\n';
|
|
59
57
|
css += '\t}';
|
|
60
58
|
|
|
61
59
|
return css;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-css",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.28.1-alpha.141+22ee9bc5",
|
|
4
4
|
"description": "Larva CSS.",
|
|
5
5
|
"author": "laras126 <laras126@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
|
|
@@ -21,17 +21,17 @@
|
|
|
21
21
|
"bugs": {
|
|
22
22
|
"url": "https://github.com/penske-media-corp/pmc-larva/issues"
|
|
23
23
|
},
|
|
24
|
+
"//": "DEPENDENCIES NOTES: Do not upgrade 'del' past 6 unless migrating entire app to module 'type'",
|
|
24
25
|
"devDependencies": {
|
|
25
|
-
"@penskemediacorp/larva-scss": "^1.
|
|
26
|
-
"@penskemediacorp/larva-tokens": "^1.
|
|
27
|
-
"del": "^6
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"gulp": "^
|
|
31
|
-
"gulp-
|
|
32
|
-
"gulp-
|
|
33
|
-
"
|
|
34
|
-
"sass": "^1.32.8"
|
|
26
|
+
"@penskemediacorp/larva-scss": "^1.28.1-alpha.141+22ee9bc5",
|
|
27
|
+
"@penskemediacorp/larva-tokens": "^1.28.1-alpha.141+22ee9bc5",
|
|
28
|
+
"del": "^6",
|
|
29
|
+
"fs-extra": "^11",
|
|
30
|
+
"gulp": "^4",
|
|
31
|
+
"gulp-concat": "^2",
|
|
32
|
+
"gulp-sass": "^5",
|
|
33
|
+
"gulp-stylelint": "^13",
|
|
34
|
+
"sass": "^1"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "22ee9bc5c5a423890ac6029ff1cd8da825f83fd9"
|
|
37
37
|
}
|
|
@@ -20,7 +20,6 @@ $aspect-ratios: (
|
|
|
20
20
|
|
|
21
21
|
.lrv-a-crop-1x1\@mobile-max {
|
|
22
22
|
@include pmc-breakpoint( mobile-max ) {
|
|
23
|
-
|
|
24
23
|
position: relative;
|
|
25
24
|
padding-bottom: 100%;
|
|
26
25
|
|
|
@@ -30,13 +29,11 @@ $aspect-ratios: (
|
|
|
30
29
|
height: 100%;
|
|
31
30
|
object-fit: cover;
|
|
32
31
|
}
|
|
33
|
-
|
|
34
32
|
}
|
|
35
33
|
}
|
|
36
34
|
|
|
37
35
|
.lrv-a-crop-3x2\@desktop-xl {
|
|
38
36
|
@include pmc-breakpoint( desktop-xl ) {
|
|
39
|
-
|
|
40
37
|
position: relative;
|
|
41
38
|
padding-bottom: calc( ( 2 / 3 ) * 100% );
|
|
42
39
|
|
|
@@ -51,7 +48,6 @@ $aspect-ratios: (
|
|
|
51
48
|
|
|
52
49
|
.lrv-a-crop-1x1\@tablet {
|
|
53
50
|
@include pmc-breakpoint( tablet ) {
|
|
54
|
-
|
|
55
51
|
position: relative;
|
|
56
52
|
padding-bottom: 100%;
|
|
57
53
|
|
|
@@ -61,13 +57,11 @@ $aspect-ratios: (
|
|
|
61
57
|
height: 100%;
|
|
62
58
|
object-fit: cover;
|
|
63
59
|
}
|
|
64
|
-
|
|
65
60
|
}
|
|
66
61
|
}
|
|
67
62
|
|
|
68
63
|
.lrv-a-crop-1x1\@desktop-xl-max {
|
|
69
64
|
@include pmc-breakpoint( desktop-xl-max ) {
|
|
70
|
-
|
|
71
65
|
position: relative;
|
|
72
66
|
padding-bottom: 100%;
|
|
73
67
|
|
|
@@ -82,7 +76,6 @@ $aspect-ratios: (
|
|
|
82
76
|
|
|
83
77
|
.lrv-a-crop-3x2\@mobile-max {
|
|
84
78
|
@include pmc-breakpoint( mobile-max ) {
|
|
85
|
-
|
|
86
79
|
position: relative;
|
|
87
80
|
padding-bottom: calc( ( 2 / 3 ) * 100% );
|
|
88
81
|
|
|
@@ -47,16 +47,30 @@ $grids: (
|
|
|
47
47
|
breakpoint: tablet,
|
|
48
48
|
),
|
|
49
49
|
(
|
|
50
|
-
columns:
|
|
51
|
-
breakpoint:
|
|
50
|
+
columns: 5,
|
|
51
|
+
breakpoint: tablet,
|
|
52
52
|
),
|
|
53
53
|
(
|
|
54
|
-
columns:
|
|
54
|
+
columns: 7,
|
|
55
|
+
breakpoint: tablet,
|
|
56
|
+
),
|
|
57
|
+
(
|
|
58
|
+
columns: 10,
|
|
59
|
+
spans: ( 5, 6, 7, 8, 9 ),
|
|
60
|
+
breakpoint: tablet,
|
|
61
|
+
),
|
|
62
|
+
(
|
|
63
|
+
columns: 20,
|
|
64
|
+
spans: ( 4, 12, 14, 16, 18 ),
|
|
65
|
+
breakpoint: tablet,
|
|
66
|
+
),
|
|
67
|
+
(
|
|
68
|
+
columns: 3,
|
|
55
69
|
breakpoint: desktop,
|
|
56
70
|
),
|
|
57
71
|
(
|
|
58
72
|
columns: 2,
|
|
59
|
-
breakpoint: desktop
|
|
73
|
+
breakpoint: desktop,
|
|
60
74
|
),
|
|
61
75
|
(
|
|
62
76
|
columns: 4,
|
|
@@ -69,14 +83,32 @@ $grids: (
|
|
|
69
83
|
breakpoint: desktop,
|
|
70
84
|
),
|
|
71
85
|
(
|
|
72
|
-
columns:
|
|
73
|
-
|
|
74
|
-
breakpoint: desktop-xl,
|
|
86
|
+
columns: 5,
|
|
87
|
+
breakpoint: desktop,
|
|
75
88
|
),
|
|
76
89
|
(
|
|
77
|
-
columns:
|
|
90
|
+
columns: 7,
|
|
91
|
+
breakpoint: desktop,
|
|
92
|
+
),
|
|
93
|
+
(
|
|
94
|
+
columns: 10,
|
|
95
|
+
spans: ( 5, 6, 7, 8, 9 ),
|
|
96
|
+
breakpoint: desktop,
|
|
97
|
+
),
|
|
98
|
+
(
|
|
99
|
+
columns: 20,
|
|
100
|
+
spans: ( 4, 12, 14, 16, 18 ),
|
|
78
101
|
breakpoint: desktop,
|
|
79
102
|
),
|
|
103
|
+
(
|
|
104
|
+
columns: 2,
|
|
105
|
+
breakpoint: desktop-xl,
|
|
106
|
+
),
|
|
107
|
+
(
|
|
108
|
+
columns: 4,
|
|
109
|
+
spans: ( 3 ),
|
|
110
|
+
breakpoint: desktop-xl,
|
|
111
|
+
),
|
|
80
112
|
);
|
|
81
113
|
|
|
82
114
|
@include a-grid( $grids, $NAMESPACE: 'lrv-' );
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
@import 'setup';
|
|
2
|
+
|
|
3
|
+
.lrv-a-term-content-grid {
|
|
4
|
+
display: grid;
|
|
5
|
+
grid-template-columns: 1fr;
|
|
6
|
+
grid-template-rows: repeat(2, auto);
|
|
7
|
+
gap: 0 1em;
|
|
8
|
+
grid-template-areas:
|
|
9
|
+
'col1'
|
|
10
|
+
'col2'
|
|
11
|
+
'full';
|
|
12
|
+
|
|
13
|
+
@include pmc-breakpoint( desktop ) {
|
|
14
|
+
gap: 0 2em;
|
|
15
|
+
grid-template-columns: 40% 1fr;
|
|
16
|
+
grid-template-areas:
|
|
17
|
+
'col1 col2'
|
|
18
|
+
'full full';
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.lrv-a-term-content-grid__primary,
|
|
23
|
+
.lrv-a-term-content-grid__secondary {
|
|
24
|
+
grid-area: col1;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.lrv-a-term-content-grid__primary + .lrv-a-term-content-grid__secondary {
|
|
28
|
+
grid-area: col2;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.lrv-a-term-content-grid__tertiary {
|
|
32
|
+
grid-area: full;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.lrv-a-term-content-grid__fact-list-menu {
|
|
36
|
+
grid-gap: 8px 1em;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.lrv-a-term-content-grid__fact-list-item {
|
|
40
|
+
display: grid;
|
|
41
|
+
grid-template-columns: 40% 1fr;
|
|
42
|
+
grid-gap: 8px;
|
|
43
|
+
|
|
44
|
+
@include pmc-breakpoint( mobile-max ) {
|
|
45
|
+
grid-template-columns: 1fr;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@include pmc-breakpoint( tablet ) {
|
|
49
|
+
grid-gap: 1em;
|
|
50
|
+
grid-template-columns: 20% 1fr;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.lrv-a-term-content-grid__fact-list-item:last-child {
|
|
55
|
+
border-bottom: 0;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.lrv-a-term-content-grid__fact-list-dt {
|
|
59
|
+
@include pmc-breakpoint( tablet ) {
|
|
60
|
+
grid-column-start: 1;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.lrv-a-term-content-grid__fact-list-dd {
|
|
65
|
+
@include pmc-breakpoint( tablet ) {
|
|
66
|
+
grid-column-start: 2;
|
|
67
|
+
}
|
|
68
|
+
}
|