@penskemediacorp/larva-css 0.4.1 → 0.5.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/build/css/algorithms.common.async.css +2 -2
- package/build/css/algorithms.common.inline.css +3 -3
- package/build/css/generic.common.inline.css +1 -1
- package/build/css/utilities.common.inline.css +1 -1
- package/package.json +4 -4
- package/src/01-generic/typography.common.inline.scss +0 -5
- package/src/02-algorithms/a-crop/a-crop.common.inline.scss +3 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
|
+
.lrv-a-hover-effect{transition:var(--a-hover-effect-property, 300ms cubic-bezier(0.19, 1, 0.22, 1))}.lrv-a-hover-effect--fade{transform:translate3d(0px, 0px, 0px)}.lrv-a-hover-effect--fade:hover{--a-hover-effect-property: opacity;opacity:.5}.lrv-a-hover-effect--underline{transform:translate3d(0px, 0px, 0px)}.lrv-a-hover-effect--underline:hover{--a-hover-effect-property: border-bottom;border-bottom:1px solid currentColor}
|
|
1
2
|
@media(min-width: 48rem){.lrv-a-hover-dropup\@tablet{position:relative;min-width:14rem}.lrv-a-hover-dropup-trigger\@tablet{cursor:pointer}.lrv-a-hover-dropup-target\@tablet{width:100%;visibility:hidden;opacity:0;position:absolute;width:100%;z-index:2;bottom:100%;left:0;overflow-y:scroll;max-height:8.438rem}.lrv-a-hover-dropup\@tablet:hover .lrv-a-hover-dropup-target\@tablet,.lrv-a-hover-dropup\@tablet:focus .lrv-a-hover-dropup-target\@tablet{visibility:visible;opacity:1}.lrv-a-hover-dropup\@tablet:hover .lrv-a-icon-arrow-down::after,.lrv-a-hover-dropup\@tablet:focus .lrv-a-icon-arrow-down{--a-icon-transform: rotate(180deg)}}
|
|
2
|
-
@media(min-width: 48rem){.lrv-a-icon-after-remove\@tablet::after{display:none}}.lrv-a-icon-invert{--a-icon-filter: invert(1)}.lrv-a-icon-arrow-left,.lrv-a-icon-arrow-right,.lrv-a-icon-arrow-down,.lrv-a-icon-arrow-up{--a-icon-url: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M13.7 1.7l-6 6c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-6-6C-.1 1.3-.1.7.3.3s1-.4 1.4 0L7 5.6 12.3.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4z'/%3E%3C/svg%3E" );--a-icon-height: 0.75rem}.lrv-a-icon-arrow-right{--a-icon-transform: rotate(-90deg)}.lrv-a-icon-arrow-left{--a-icon-transform: rotate(90deg)}.lrv-a-icon-envelope{--a-icon-url: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M.77.945C.636.875.406.752.356.605.269.357.362.258.731.258h12.723c.37 0 .462.096.376.349-.05.143-.28.27-.416.34-.366.192-5.45 2.964-5.64 3.064-.19.1-.382.146-.681.146-.3 0-.493-.047-.683-.146C6.22 3.91 1.137 1.138.77.945zm12.934.15c.296-.15.276.023.276.163v6.82c0 .307-.39.696-.716.696H.921c-.326 0-.782-.386-.782-.695V1.258c0-.136.016-.313.31-.163.272.14 2.747 1.883 4.368 2.931L2.085 7.104c-.066.066-.096.15-.056.186.04.04.13.02.196-.046l3.28-2.769c.496.32.842.54.905.573.257.13.436.146.683.146.246 0 .425-.017.682-.146.06-.034.409-.253.905-.573l3.28 2.769c.07.063.156.083.196.046.037-.04.007-.12-.06-.186L9.363 4.026c1.62-1.048 4.069-2.791 4.342-2.931z'/%3E%3C/svg%3E" );--a-icon-height: 0.625rem}.lrv-a-icon-search{--a-icon-url: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='M5.228 11.335h.79l.28-.27a6.471 6.471 0 01-1.57-4.23 6.5 6.5 0 116.5 6.5c-1.61 0-3.09-.59-4.23-1.57l-.27.28v.79l-5 4.99-1.49-1.49 4.99-5zm6 0c2.49 0 4.5-2.01 4.5-4.5s-2.01-4.5-4.5-4.5-4.5 2.01-4.5 4.5 2.01 4.5 4.5 4.5z' fill-rule='evenodd'/%3E%3C/svg%3E" )}
|
|
3
|
-
.lrv-a-hover-effect{transition:var(--a-hover-effect-property, 300ms cubic-bezier(0.19, 1, 0.22, 1))}.lrv-a-hover-effect--fade{transform:translate3d(0px, 0px, 0px)}.lrv-a-hover-effect--fade:hover{--a-hover-effect-property: opacity;opacity:.5}.lrv-a-hover-effect--underline{transform:translate3d(0px, 0px, 0px)}.lrv-a-hover-effect--underline:hover{--a-hover-effect-property: border-bottom;border-bottom:1px solid currentColor}
|
|
3
|
+
@media(min-width: 48rem){.lrv-a-icon-after-remove\@tablet::after{display:none}}.lrv-a-icon-invert{--a-icon-filter: invert(1)}.lrv-a-icon-arrow-left,.lrv-a-icon-arrow-right,.lrv-a-icon-arrow-down,.lrv-a-icon-arrow-up{--a-icon-url: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M13.7 1.7l-6 6c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-6-6C-.1 1.3-.1.7.3.3s1-.4 1.4 0L7 5.6 12.3.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4z'/%3E%3C/svg%3E" );--a-icon-height: 0.75rem}.lrv-a-icon-arrow-right{--a-icon-transform: rotate(-90deg)}.lrv-a-icon-arrow-left{--a-icon-transform: rotate(90deg)}.lrv-a-icon-envelope{--a-icon-url: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M.77.945C.636.875.406.752.356.605.269.357.362.258.731.258h12.723c.37 0 .462.096.376.349-.05.143-.28.27-.416.34-.366.192-5.45 2.964-5.64 3.064-.19.1-.382.146-.681.146-.3 0-.493-.047-.683-.146C6.22 3.91 1.137 1.138.77.945zm12.934.15c.296-.15.276.023.276.163v6.82c0 .307-.39.696-.716.696H.921c-.326 0-.782-.386-.782-.695V1.258c0-.136.016-.313.31-.163.272.14 2.747 1.883 4.368 2.931L2.085 7.104c-.066.066-.096.15-.056.186.04.04.13.02.196-.046l3.28-2.769c.496.32.842.54.905.573.257.13.436.146.683.146.246 0 .425-.017.682-.146.06-.034.409-.253.905-.573l3.28 2.769c.07.063.156.083.196.046.037-.04.007-.12-.06-.186L9.363 4.026c1.62-1.048 4.069-2.791 4.342-2.931z'/%3E%3C/svg%3E" );--a-icon-height: 0.625rem}.lrv-a-icon-search{--a-icon-url: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='M5.228 11.335h.79l.28-.27a6.471 6.471 0 01-1.57-4.23 6.5 6.5 0 116.5 6.5c-1.61 0-3.09-.59-4.23-1.57l-.27.28v.79l-5 4.99-1.49-1.49 4.99-5zm6 0c2.49 0 4.5-2.01 4.5-4.5s-2.01-4.5-4.5-4.5-4.5 2.01-4.5 4.5 2.01 4.5 4.5 4.5z' fill-rule='evenodd'/%3E%3C/svg%3E" )}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
.lrv-a-carousel-grid{--grid-overlay: initial;display:grid;grid-template-columns:1fr}@media(min-width: 48rem){.lrv-a-carousel-grid{grid-gap:var(--spacing-050);grid-template-columns:2fr 1fr}}.lrv-a-carousel-grid__overlay{--grid-overlay: grid}@media(min-width: 48rem){.lrv-a-carousel-grid__overlay{grid-template-columns:1fr}}@media(min-width: 62.5rem){.lrv-a-carousel-grid__overlay--primary{display:var(--grid-overlay);grid-template-columns:1fr 1.5rem 2fr;align-items:center;grid-auto-flow:column;height:100%}}@media(min-width: 62.5rem){.lrv-a-carousel-grid__overlay--primary-img{grid-column:2/4;grid-row:1}}@media(min-width: 62.5rem){.lrv-a-carousel-grid__overlay--primary-content{grid-column:1/3;grid-row:1;padding:1.875rem;z-index:1;background-color:#fff}}@media(min-width: 62.5rem){.lrv-a-carousel-grid__overlay--secondary{display:var(--grid-overlay);grid-template-columns:repeat(3, 1fr);grid-gap:var(--spacing-125)}}.lrv-a-carousel-grid__overlay--secondary-card{display:var(--grid-overlay);grid-template-columns:6.25rem 1fr;grid-gap:var(--spacing-1)}
|
|
2
|
+
.lrv-a-crop-1x1{position:relative;padding-bottom:calc( ( 1 / 1 ) * 100% )}.lrv-a-crop-1x1 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-2x1{position:relative;padding-bottom:calc( ( 1 / 2 ) * 100% )}.lrv-a-crop-2x1 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-2x3{position:relative;padding-bottom:calc( ( 3 / 2 ) * 100% )}.lrv-a-crop-2x3 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-3x2{position:relative;padding-bottom:calc( ( 2 / 3 ) * 100% )}.lrv-a-crop-3x2 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-4x3{position:relative;padding-bottom:calc( ( 3 / 4 ) * 100% )}.lrv-a-crop-4x3 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-16x9{position:relative;padding-bottom:calc( ( 9 / 16 ) * 100% )}.lrv-a-crop-16x9 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-5x1{position:relative;padding-bottom:calc( ( 1 / 5 ) * 100% )}.lrv-a-crop-5x1 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-5x2{position:relative;padding-bottom:calc( ( 2 / 5 ) * 100% )}.lrv-a-crop-5x2 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-3x4{position:relative;padding-bottom:calc( ( 4 / 3 ) * 100% )}.lrv-a-crop-3x4 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-contain img{object-fit:contain}
|
|
2
3
|
.lrv-a-floated-parent::before,.lrv-a-floated-parent::after{content:"";display:table}.lrv-a-floated-parent::after{clear:both}.lrv-a-floated-parent{zoom:1}.lrv-a-floated-left{float:left}@media(min-width: 48rem){.lrv-a-floated-left\@tablet{float:left}}
|
|
3
|
-
.lrv-a-crop-1x1{position:relative;padding-bottom:calc( ( 1 / 1 ) * 100% )}.lrv-a-crop-1x1 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-2x1{position:relative;padding-bottom:calc( ( 2 / 2 ) * 100% )}.lrv-a-crop-2x1 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-2x3{position:relative;padding-bottom:calc( ( 2 / 3 ) * 100% )}.lrv-a-crop-2x3 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-4x3{position:relative;padding-bottom:calc( ( 3 / 4 ) * 100% )}.lrv-a-crop-4x3 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-16x9{position:relative;padding-bottom:calc( ( 9 / 16 ) * 100% )}.lrv-a-crop-16x9 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-5x1{position:relative;padding-bottom:calc( ( 1 / 5 ) * 100% )}.lrv-a-crop-5x1 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-5x2{position:relative;padding-bottom:calc( ( 2 / 5 ) * 100% )}.lrv-a-crop-5x2 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-3x4{position:relative;padding-bottom:calc( ( 4 / 3 ) * 100% )}.lrv-a-crop-3x4 img{position:absolute;width:100%;height:100%;object-fit:cover}.lrv-a-crop-contain img{object-fit:contain}
|
|
4
4
|
.lrv-a-font-primary-xl{--font-size-desktop: var( --primary-xl-font-size-desktop, var( --primary-xl-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-xl-font-size-mobile);--line-height-desktop: var( --primary-xl-line-height-desktop, var( --primary-xl-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-xl-line-height-mobile);--letter-spacing-desktop: var( --primary-xl-letter-spacing-desktop, var( --primary-xl-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-xl-letter-spacing-mobile);--font-weight-desktop: var( --primary-xl-font-weight-desktop, var( --primary-xl-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-xl-font-weight-mobile);--font-style-desktop: var( --primary-xl-font-style-desktop, var( --primary-xl-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-xl-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-primary-l{--font-size-desktop: var( --primary-l-font-size-desktop, var( --primary-l-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-l-font-size-mobile);--line-height-desktop: var( --primary-l-line-height-desktop, var( --primary-l-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-l-line-height-mobile);--letter-spacing-desktop: var( --primary-l-letter-spacing-desktop, var( --primary-l-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-l-letter-spacing-mobile);--font-weight-desktop: var( --primary-l-font-weight-desktop, var( --primary-l-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-l-font-weight-mobile);--font-style-desktop: var( --primary-l-font-style-desktop, var( --primary-l-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-l-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-primary-m{--font-size-desktop: var( --primary-m-font-size-desktop, var( --primary-m-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-m-font-size-mobile);--line-height-desktop: var( --primary-m-line-height-desktop, var( --primary-m-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-m-line-height-mobile);--letter-spacing-desktop: var( --primary-m-letter-spacing-desktop, var( --primary-m-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-m-letter-spacing-mobile);--font-weight-desktop: var( --primary-m-font-weight-desktop, var( --primary-m-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-m-font-weight-mobile);--font-style-desktop: var( --primary-m-font-style-desktop, var( --primary-m-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-m-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-primary-s{--font-size-desktop: var( --primary-s-font-size-desktop, var( --primary-s-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-s-font-size-mobile);--line-height-desktop: var( --primary-s-line-height-desktop, var( --primary-s-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-s-line-height-mobile);--letter-spacing-desktop: var( --primary-s-letter-spacing-desktop, var( --primary-s-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-s-letter-spacing-mobile);--font-weight-desktop: var( --primary-s-font-weight-desktop, var( --primary-s-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-s-font-weight-mobile);--font-style-desktop: var( --primary-s-font-style-desktop, var( --primary-s-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-s-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-primary-xs{--font-size-desktop: var( --primary-xs-font-size-desktop, var( --primary-xs-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-xs-font-size-mobile);--line-height-desktop: var( --primary-xs-line-height-desktop, var( --primary-xs-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-xs-line-height-mobile);--letter-spacing-desktop: var( --primary-xs-letter-spacing-desktop, var( --primary-xs-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-xs-letter-spacing-mobile);--font-weight-desktop: var( --primary-xs-font-weight-desktop, var( --primary-xs-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-xs-font-weight-mobile);--font-style-desktop: var( --primary-xs-font-style-desktop, var( --primary-xs-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-xs-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-primary-xxs{--font-size-desktop: var( --primary-xxs-font-size-desktop, var( --primary-xxs-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-xxs-font-size-mobile);--line-height-desktop: var( --primary-xxs-line-height-desktop, var( --primary-xxs-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-xxs-line-height-mobile);--letter-spacing-desktop: var( --primary-xxs-letter-spacing-desktop, var( --primary-xxs-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-xxs-letter-spacing-mobile);--font-weight-desktop: var( --primary-xxs-font-weight-desktop, var( --primary-xxs-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-xxs-font-weight-mobile);--font-style-desktop: var( --primary-xxs-font-style-desktop, var( --primary-xxs-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-xxs-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-primary-xxxs{--font-size-desktop: var( --primary-xxxs-font-size-desktop, var( --primary-xxxs-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --primary-xxxs-font-size-mobile);--line-height-desktop: var( --primary-xxxs-line-height-desktop, var( --primary-xxxs-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --primary-xxxs-line-height-mobile);--letter-spacing-desktop: var( --primary-xxxs-letter-spacing-desktop, var( --primary-xxxs-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --primary-xxxs-letter-spacing-mobile);--font-weight-desktop: var( --primary-xxxs-font-weight-desktop, var( --primary-xxxs-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --primary-xxxs-font-weight-mobile);--font-style-desktop: var( --primary-xxxs-font-style-desktop, var( --primary-xxxs-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --primary-xxxs-font-style-mobile);--font-family: var( --font-family-primary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-secondary-l{--font-size-desktop: var( --secondary-l-font-size-desktop, var( --secondary-l-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --secondary-l-font-size-mobile);--line-height-desktop: var( --secondary-l-line-height-desktop, var( --secondary-l-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --secondary-l-line-height-mobile);--letter-spacing-desktop: var( --secondary-l-letter-spacing-desktop, var( --secondary-l-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --secondary-l-letter-spacing-mobile);--font-weight-desktop: var( --secondary-l-font-weight-desktop, var( --secondary-l-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --secondary-l-font-weight-mobile);--font-style-desktop: var( --secondary-l-font-style-desktop, var( --secondary-l-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --secondary-l-font-style-mobile);--font-family: var( --font-family-secondary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-secondary-m{--font-size-desktop: var( --secondary-m-font-size-desktop, var( --secondary-m-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --secondary-m-font-size-mobile);--line-height-desktop: var( --secondary-m-line-height-desktop, var( --secondary-m-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --secondary-m-line-height-mobile);--letter-spacing-desktop: var( --secondary-m-letter-spacing-desktop, var( --secondary-m-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --secondary-m-letter-spacing-mobile);--font-weight-desktop: var( --secondary-m-font-weight-desktop, var( --secondary-m-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --secondary-m-font-weight-mobile);--font-style-desktop: var( --secondary-m-font-style-desktop, var( --secondary-m-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --secondary-m-font-style-mobile);--font-family: var( --font-family-secondary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-secondary-s{--font-size-desktop: var( --secondary-s-font-size-desktop, var( --secondary-s-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --secondary-s-font-size-mobile);--line-height-desktop: var( --secondary-s-line-height-desktop, var( --secondary-s-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --secondary-s-line-height-mobile);--letter-spacing-desktop: var( --secondary-s-letter-spacing-desktop, var( --secondary-s-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --secondary-s-letter-spacing-mobile);--font-weight-desktop: var( --secondary-s-font-weight-desktop, var( --secondary-s-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --secondary-s-font-weight-mobile);--font-style-desktop: var( --secondary-s-font-style-desktop, var( --secondary-s-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --secondary-s-font-style-mobile);--font-family: var( --font-family-secondary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-secondary-regular-m{--font-size-desktop: var( --secondary-regular-m-font-size-desktop, var( --secondary-regular-m-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --secondary-regular-m-font-size-mobile);--line-height-desktop: var( --secondary-regular-m-line-height-desktop, var( --secondary-regular-m-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --secondary-regular-m-line-height-mobile);--letter-spacing-desktop: var( --secondary-regular-m-letter-spacing-desktop, var( --secondary-regular-m-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --secondary-regular-m-letter-spacing-mobile);--font-weight-desktop: var( --secondary-regular-m-font-weight-desktop, var( --secondary-regular-m-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --secondary-regular-m-font-weight-mobile);--font-style-desktop: var( --secondary-regular-m-font-style-desktop, var( --secondary-regular-m-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --secondary-regular-m-font-style-mobile);--font-family: var( --font-family-secondary );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-accent-l{--font-size-desktop: var( --accent-l-font-size-desktop, var( --accent-l-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --accent-l-font-size-mobile);--line-height-desktop: var( --accent-l-line-height-desktop, var( --accent-l-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --accent-l-line-height-mobile);--letter-spacing-desktop: var( --accent-l-letter-spacing-desktop, var( --accent-l-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --accent-l-letter-spacing-mobile);--font-weight-desktop: var( --accent-l-font-weight-desktop, var( --accent-l-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --accent-l-font-weight-mobile);--font-style-desktop: var( --accent-l-font-style-desktop, var( --accent-l-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --accent-l-font-style-mobile);--font-family: var( --font-family-accent );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-accent-m{--font-size-desktop: var( --accent-m-font-size-desktop, var( --accent-m-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --accent-m-font-size-mobile);--line-height-desktop: var( --accent-m-line-height-desktop, var( --accent-m-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --accent-m-line-height-mobile);--letter-spacing-desktop: var( --accent-m-letter-spacing-desktop, var( --accent-m-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --accent-m-letter-spacing-mobile);--font-weight-desktop: var( --accent-m-font-weight-desktop, var( --accent-m-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --accent-m-font-weight-mobile);--font-style-desktop: var( --accent-m-font-style-desktop, var( --accent-m-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --accent-m-font-style-mobile);--font-family: var( --font-family-accent );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-accent-s{--font-size-desktop: var( --accent-s-font-size-desktop, var( --accent-s-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --accent-s-font-size-mobile);--line-height-desktop: var( --accent-s-line-height-desktop, var( --accent-s-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --accent-s-line-height-mobile);--letter-spacing-desktop: var( --accent-s-letter-spacing-desktop, var( --accent-s-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --accent-s-letter-spacing-mobile);--font-weight-desktop: var( --accent-s-font-weight-desktop, var( --accent-s-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --accent-s-font-weight-mobile);--font-style-desktop: var( --accent-s-font-style-desktop, var( --accent-s-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --accent-s-font-style-mobile);--font-family: var( --font-family-accent );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-accent-xs{--font-size-desktop: var( --accent-xs-font-size-desktop, var( --accent-xs-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --accent-xs-font-size-mobile);--line-height-desktop: var( --accent-xs-line-height-desktop, var( --accent-xs-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --accent-xs-line-height-mobile);--letter-spacing-desktop: var( --accent-xs-letter-spacing-desktop, var( --accent-xs-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --accent-xs-letter-spacing-mobile);--font-weight-desktop: var( --accent-xs-font-weight-desktop, var( --accent-xs-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --accent-xs-font-weight-mobile);--font-style-desktop: var( --accent-xs-font-style-desktop, var( --accent-xs-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --accent-xs-font-style-mobile);--font-family: var( --font-family-accent );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-accent-xxs{--font-size-desktop: var( --accent-xxs-font-size-desktop, var( --accent-xxs-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --accent-xxs-font-size-mobile);--line-height-desktop: var( --accent-xxs-line-height-desktop, var( --accent-xxs-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --accent-xxs-line-height-mobile);--letter-spacing-desktop: var( --accent-xxs-letter-spacing-desktop, var( --accent-xxs-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --accent-xxs-letter-spacing-mobile);--font-weight-desktop: var( --accent-xxs-font-weight-desktop, var( --accent-xxs-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --accent-xxs-font-weight-mobile);--font-style-desktop: var( --accent-xxs-font-style-desktop, var( --accent-xxs-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --accent-xxs-font-style-mobile);--font-family: var( --font-family-accent );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-accent-regular-xxs{--font-size-desktop: var( --accent-regular-xxs-font-size-desktop, var( --accent-regular-xxs-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --accent-regular-xxs-font-size-mobile);--line-height-desktop: var( --accent-regular-xxs-line-height-desktop, var( --accent-regular-xxs-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --accent-regular-xxs-line-height-mobile);--letter-spacing-desktop: var( --accent-regular-xxs-letter-spacing-desktop, var( --accent-regular-xxs-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --accent-regular-xxs-letter-spacing-mobile);--font-weight-desktop: var( --accent-regular-xxs-font-weight-desktop, var( --accent-regular-xxs-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --accent-regular-xxs-font-weight-mobile);--font-style-desktop: var( --accent-regular-xxs-font-style-desktop, var( --accent-regular-xxs-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --accent-regular-xxs-font-style-mobile);--font-family: var( --font-family-accent );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-body-m{--font-size-desktop: var( --body-m-font-size-desktop, var( --body-m-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --body-m-font-size-mobile);--line-height-desktop: var( --body-m-line-height-desktop, var( --body-m-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --body-m-line-height-mobile);--letter-spacing-desktop: var( --body-m-letter-spacing-desktop, var( --body-m-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --body-m-letter-spacing-mobile);--font-weight-desktop: var( --body-m-font-weight-desktop, var( --body-m-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --body-m-font-weight-mobile);--font-style-desktop: var( --body-m-font-style-desktop, var( --body-m-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --body-m-font-style-mobile);--font-family: var( --font-family-body );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}.lrv-a-font-body-s{--font-size-desktop: var( --body-s-font-size-desktop, var( --body-s-font-size-mobile ) );--font-size-mobile: var(--is-desktop) var( --body-s-font-size-mobile);--line-height-desktop: var( --body-s-line-height-desktop, var( --body-s-line-height-mobile ) );--line-height-mobile: var(--is-desktop) var( --body-s-line-height-mobile);--letter-spacing-desktop: var( --body-s-letter-spacing-desktop, var( --body-s-letter-spacing-mobile ) );--letter-spacing-mobile: var(--is-desktop) var( --body-s-letter-spacing-mobile);--font-weight-desktop: var( --body-s-font-weight-desktop, var( --body-s-font-weight-mobile ) );--font-weight-mobile: var(--is-desktop) var( --body-s-font-weight-mobile);--font-style-desktop: var( --body-s-font-style-desktop, var( --body-s-font-style-mobile ) );--font-style-mobile: var(--is-desktop) var( --body-s-font-style-mobile);--font-family: var( --font-family-body );font-family:var(--font-family);font-size:var(--font-size-mobile, var(--font-size-desktop));line-height:var(--line-height-mobile, var(--line-height-desktop));letter-spacing:var(--letter-spacing-mobile, var(--letter-spacing-desktop));font-weight:var(--font-weight-mobile, var(--font-weight-desktop));font-style:var(--font-style-mobile, var(--font-style-desktop))}
|
|
5
5
|
.lrv-a-glue-parent{position:relative}.lrv-a-glue{top:0;left:0;position:absolute;z-index:2;top:var(--a-glue-top, initial);bottom:var(--a-glue-bottom, initial);right:var(--a-glue-right, initial);left:var(--a-glue-left, initial)}@media(min-width: 48rem){.lrv-a-glue\@tablet{top:0;left:0;position:absolute;z-index:2;top:var(--a-glue-top, initial);bottom:var(--a-glue-bottom, initial);right:var(--a-glue-right, initial);left:var(--a-glue-left, initial)}}.lrv-a-glue--l-0{--a-glue-left: 0}.lrv-a-glue--r-0{--a-glue-right: 0}.lrv-a-glue--t-0{--a-glue-top: 0}.lrv-a-glue--b-0{--a-glue-bottom: 0}
|
|
6
|
-
.lrv-a-hidden{display:none !important;height:0;width:0}@media(max-width: 47.999rem){.lrv-a-hidden\@mobile-max{display:none !important;height:0;width:0}}@media(max-width: 62.499rem){.lrv-a-hidden\@desktop-max{display:none !important;height:0;width:0}}
|
|
7
6
|
.lrv-a-grid{display:flex;flex-wrap:wrap;align-items:start}@supports(display: grid){.lrv-a-grid{--cols: 1;display:grid;grid-gap:1.25rem;grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}.lrv-a-grid-item{flex:none;padding:.625rem}@supports(display: grid){.lrv-a-grid-item{padding:0}}.lrv-a-cols2{--cols: 2}.lrv-a-cols2>*{flex-basis:50%}.lrv-a-cols3{--cols: 3}.lrv-a-cols3>*{flex-basis:33.3333333333%}@supports(display: grid){.lrv-a-span2{grid-column:span 2}}.lrv-a-cols3>.lrv-a-span2{flex-basis:66.6666666667%}@media(min-width: 48rem){.lrv-a-cols2\@tablet{--cols: 2}.lrv-a-cols2\@tablet>*{flex-basis:50%}}@media(min-width: 48rem){.lrv-a-cols3\@tablet{--cols: 3}.lrv-a-cols3\@tablet>*{flex-basis:33.3333333333%}}@media(min-width: 48rem){@supports(display: grid){.lrv-a-span2\@tablet{grid-column:span 2}}.lrv-a-cols3\@tablet>.lrv-a-span2\@tablet{flex-basis:66.6666666667%}}@media(min-width: 48rem){.lrv-a-cols4\@tablet{--cols: 4}.lrv-a-cols4\@tablet>*{flex-basis:25%}}@media(min-width: 48rem){@supports(display: grid){.lrv-a-span2\@tablet{grid-column:span 2}}.lrv-a-cols4\@tablet>.lrv-a-span2\@tablet{flex-basis:50%}}@media(min-width: 48rem){@supports(display: grid){.lrv-a-span3\@tablet{grid-column:span 3}}.lrv-a-cols4\@tablet>.lrv-a-span3\@tablet{flex-basis:75%}}@media(min-width: 62.5rem){.lrv-a-cols3\@desktop{--cols: 3}.lrv-a-cols3\@desktop>*{flex-basis:33.3333333333%}}@media(min-width: 62.5rem){.lrv-a-cols2\@desktop{--cols: 2}.lrv-a-cols2\@desktop>*{flex-basis:50%}}@media(min-width: 62.5rem){.lrv-a-cols4\@desktop{--cols: 4}.lrv-a-cols4\@desktop>*{flex-basis:25%}}@media(min-width: 62.5rem){@supports(display: grid){.lrv-a-span2\@desktop{grid-column:span 2}}.lrv-a-cols4\@desktop>.lrv-a-span2\@desktop{flex-basis:50%}}@media(min-width: 62.5rem){.lrv-a-cols5\@desktop{--cols: 5}.lrv-a-cols5\@desktop>*{flex-basis:20%}}@media(max-width: 47.999rem){@supports(display: grid){.lrv-a-grid-first-child-span-all\@mobile-max>*:first-child{grid-column:1/-1}}}
|
|
7
|
+
.lrv-a-hidden{display:none !important;height:0;width:0}@media(max-width: 47.999rem){.lrv-a-hidden\@mobile-max{display:none !important;height:0;width:0}}@media(max-width: 62.499rem){.lrv-a-hidden\@desktop-max{display:none !important;height:0;width:0}}
|
|
8
8
|
.lrv-a-icon{content:var(--a-icon-content, "");filter:var(--a-icon-filter, none);background-image:var(--a-icon-url, "");background-repeat:no-repeat;background-size:contain;height:var(--a-icon-height, 1rem);width:var(--a-icon-width, 1rem);transform:var(--a-icon-transform, none);flex-shrink:0}.lrv-a-icon-before{display:inline-flex;align-items:center;flex-wrap:nowrap}.lrv-a-icon-before::before{content:var(--a-icon-content, "");filter:var(--a-icon-filter, none);background-image:var(--a-icon-url, "");background-repeat:no-repeat;background-size:contain;height:var(--a-icon-height, 1rem);width:var(--a-icon-width, 1rem);transform:var(--a-icon-transform, none);flex-shrink:0;margin-right:.5rem}.lrv-a-icon-after{display:inline-flex;align-items:center;flex-wrap:nowrap}.lrv-a-icon-after::after{content:var(--a-icon-content, "");filter:var(--a-icon-filter, none);background-image:var(--a-icon-url, "");background-repeat:no-repeat;background-size:contain;height:var(--a-icon-height, 1rem);width:var(--a-icon-width, 1rem);transform:var(--a-icon-transform, none);flex-shrink:0;margin-left:.5rem}.lrv-a-icon-after\:margin-l-auto::after{margin-left:auto}.lrv-a-icon-forward-slash::before,.lrv-a-icon-bullet::before{height:initial;width:initial;background:initial;font-size:inherit;color:currentColor;margin:0;padding-right:.5rem}.lrv-a-icon-forward-slash::after,.lrv-a-icon-bullet::after{height:initial;width:initial;background:initial;font-size:inherit;color:currentColor;margin:0;padding-left:.25rem}.lrv-a-icon-forward-slash{--a-icon-content: "/"}.lrv-a-icon-bullet{--a-icon-content: "•"}
|
|
9
9
|
.lrv-a-screen-reader-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}@media(max-width: 47.999rem){.lrv-a-screen-reader-only\@mobile-max{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}}
|
|
10
10
|
:root{--scrollable-grid-column-size: calc( 5vw + 13.75rem )}@media(max-width: 62.499rem){.lrv-a-scrollable-grid\@desktop-max{overflow-x:scroll}}@media(max-width: 62.499rem){.lrv-a-scrollable-grid\@desktop-max,.lrv-a-scrollable-grid__nested\@desktop-max{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap}.lrv-a-scrollable-grid\@desktop-max>*,.lrv-a-scrollable-grid__nested\@desktop-max>*{width:100%;min-width:calc( 1vw + 16.25rem );margin-right:1.5rem}@supports(display: grid){.lrv-a-scrollable-grid\@desktop-max,.lrv-a-scrollable-grid__nested\@desktop-max{display:grid;grid-auto-flow:column;grid-template-columns:unset;grid-auto-columns:var(--scrollable-grid-column-size)}.lrv-a-scrollable-grid\@desktop-max>*,.lrv-a-scrollable-grid__nested\@desktop-max>*{width:unset;min-width:unset;margin-right:unset}}}
|
|
11
11
|
.lrv-a-show-on-hover{opacity:0;visibility:hidden;position:absolute;top:100%;left:0;transition:opacity 300ms cubic-bezier(0.19, 1, 0.22, 1)}.lrv-a-show-on-hover-parent:hover .lrv-a-show-on-hover,.lrv-a-show-on-hover-parent:focus-within .lrv-a-show-on-hover{opacity:1;visibility:visible}
|
|
12
12
|
:root{--a-space-children-spacer: 0}.lrv-a-space-children-horizontal>*+*{margin-left:.5rem;margin-left:calc( var( --a-space-children-spacer ) * 1rem )}@media(max-width: 47.999rem){.lrv-a-space-children-horizontal\@mobile-max>*+*{margin-left:.5rem;margin-left:calc( var( --a-space-children-spacer ) * 1rem )}}@media(min-width: 48rem){.lrv-a-space-children-horizontal\@tablet>*+*{margin-left:.5rem;margin-left:calc( var( --a-space-children-spacer ) * 1rem )}}@media(max-width: 62.499rem){.lrv-a-space-children-horizontal\@desktop-max>*+*{margin-left:.5rem;margin-left:calc( var( --a-space-children-spacer ) * 1rem )}}.lrv-a-space-children-vertical>*+*{margin-top:.5rem;margin-top:calc( var( --a-space-children-spacer ) * 1rem )}@media(max-width: 47.999rem){.lrv-a-space-children-vertical\@mobile-max>*+*{margin-top:.5rem;margin-top:calc( var( --a-space-children-spacer ) * 1rem )}}@media(min-width: 48rem){.lrv-a-space-children-vertical\@tablet>*+*{margin-top:.5rem;margin-top:calc( var( --a-space-children-spacer ) * 1rem )}}@media(min-width: 62.5rem){.lrv-a-space-children-vertical\@desktop>*+*{margin-top:.5rem;margin-top:calc( var( --a-space-children-spacer ) * 1rem )}}.lrv-a-space-children--050{--a-space-children-spacer: 0.50}.lrv-a-space-children--1{--a-space-children-spacer: 1}.lrv-a-space-children--150{--a-space-children-spacer: 1.5}.lrv-a-space-children--2{--a-space-children-spacer: 2}.lrv-a-space-children--3{--a-space-children-spacer: 3}@media(min-width: 62.5rem){.lrv-a-space-children--4\@desktop{--a-space-children-spacer: 4}}@media(min-width: 62.5rem){.lrv-a-space-children--5\@desktop{--a-space-children-spacer: 5}}
|
|
13
|
-
.lrv-a-unstyle-link,.lrv-a-unstyle-link:hover{color:currentColor;text-decoration:none}
|
|
14
13
|
.lrv-a-unstyle-button{border-width:0;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit}
|
|
14
|
+
.lrv-a-unstyle-link,.lrv-a-unstyle-link:hover{color:currentColor;text-decoration:none}
|
|
15
15
|
.lrv-a-unstyle-list{list-style-type:none;padding-left:0;margin-top:0;margin-bottom:0}
|
|
16
16
|
.lrv-a-wrapper{max-width:78.75rem;max-width:var(--site-max-width, 78.75rem);margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
html{--ON: initial;--OFF: /*! whitespace toggle */;--is-desktop: var( --OFF );--is-desktopxl: var( --OFF )}@media(min-width: 62.5rem){html{--is-desktop: var( --ON )}}@media(min-width: 78.75rem){html{--is-desktopxl: var( --ON )}}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid}img{max-width:100%;height:auto}figure{margin:0}[hidden]{display:none;width:0;height:0}#icon-sprite{display:none}svg{fill:currentColor}cite{font-style:normal}
|
|
2
2
|
::placeholder{color:#e6e6e6}button{padding-left:0;padding-right:0}
|
|
3
3
|
.has-side-skins{max-width:62.5rem;margin-left:auto;margin-right:auto}
|
|
4
|
-
body{font-family:
|
|
4
|
+
body{font-family:Arial,sans-serif;font-family:var(--font-family-basic, Arial, sans-serif);margin:0;line-height:1.35}.wf-active body{--font-family-primary: var( --font-family-primary-fancy );--font-family-secondary: var( --font-family-secondary-fancy );--font-family-body: var( --font-family-body-fancy );--font-family-basic: var( --font-family-basic-fancy );--font-family-accent: var( --font-family-accent-fancy )}strong{font-weight:700}a{color:var(--color-brand-primary, #ec1c24);text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-weight:700}ol,ul{margin-top:0}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
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
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-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(max-width: 47.999rem){.lrv-u-display-none\@mobile-max{display:none}}
|
|
6
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(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}}
|
|
7
|
-
.lrv-u-font-family-primary{font-family:
|
|
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
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-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-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}}
|
|
9
9
|
.lrv-u-font-style-italic{font-style:italic}.lrv-u-font-style-normal{font-style:normal}
|
|
10
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}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-css",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.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",
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
"url": "https://github.com/penske-media-corp/pmc-larva/issues"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@penskemediacorp/larva-scss": "^0.
|
|
26
|
-
"@penskemediacorp/larva-tokens": "^0.
|
|
25
|
+
"@penskemediacorp/larva-scss": "^0.5.0",
|
|
26
|
+
"@penskemediacorp/larva-tokens": "^0.5.0",
|
|
27
27
|
"del": "^6.0.0",
|
|
28
28
|
"fibers": "^5.0.0",
|
|
29
29
|
"fs-extra": "^9.1.0",
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"gulp-stylelint": "^13.0.0",
|
|
34
34
|
"sass": "^1.32.8"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "ae579c2215c1e32f409cc2901eb5c95b60904bb7"
|
|
37
37
|
}
|
|
@@ -35,11 +35,6 @@ a {
|
|
|
35
35
|
color: map-get( $TOKENS-MAP, brand-primary );
|
|
36
36
|
color: var( --color-brand-primary, #{map-get( $TOKENS-MAP, color-brand-primary )} );
|
|
37
37
|
text-decoration: none;
|
|
38
|
-
|
|
39
|
-
&:hover {
|
|
40
|
-
color: map-get( $TOKENS-MAP, brand-primary );
|
|
41
|
-
color: var( --color-brand-primary, #{map-get( $TOKENS-MAP, color-brand-primary )} );
|
|
42
|
-
}
|
|
43
38
|
}
|
|
44
39
|
|
|
45
40
|
h1,
|