@ilo-org/styles 1.8.1 → 1.8.2
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/css/components/link.css +1 -1
- package/css/components/richtext.css +1 -1
- package/css/components/table.css +1 -1
- package/css/global.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +2 -2
- package/css/index.css.map +1 -1
- package/css/monorepo.css +2 -2
- package/css/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/_mixins.scss +39 -88
- package/scss/components/_link.scss +7 -1
- package/scss/components/_richtext.scss +8 -10
- package/scss/theme/_foundation.scss +27 -1
package/css/components/link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--
|
|
1
|
+
.ilo--link__theme__light{background:0 0;color:var(--ilo-link-color-default-light);font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--link__theme__light:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--link__theme__light:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--link__theme__light:active,.ilo--link__theme__light:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--link__theme__dark{background:0 0;color:var(--ilo-link-color-default-dark);font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-link-color-default-dark);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--link__theme__dark:visited{color:var(--ilo-link-color-visited-dark);text-decoration-color:var(--ilo-link-color-visited-dark)}.ilo--link__theme__dark:hover{background-color:var(--ilo-link-background-hover-dark);color:var(--ilo-link-color-hover-dark);text-decoration-color:var(--ilo-link-color-hover-dark);text-decoration-thickness:.1607717042rem}.ilo--link__theme__dark:active,.ilo--link__theme__dark:focus{background-color:var(--ilo-link-background-focus-dark);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--blockquote{background-color:var(--ilo-color-blue-lighter);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--blockquote p{color:var(--ilo-color-purple);font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--blockquote cite{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:0;line-height:135%}.ilo--blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext{color:var(--ilo-richtext-color)}.ilo--richtext,.ilo--richtext__theme__light{--ilo-richtext-color:var(--ilo-color-blue-dark);--ilo-richtext-figcaption-color:var(--ilo-color-gray-accessible);--ilo-richtext-hr-color:var(--ilo-color-gray-light);--ilo-richtext-link-color:var(--ilo-color-purple);--ilo-richtext-link-visited-color:var(--ilo-color-purple)}.ilo--richtext__theme__dark{--ilo-richtext-color:var(--ilo-color-white);--ilo-richtext-figcaption-color:var(--ilo-color-gray-light);--ilo-richtext-hr-color:var(--ilo-color-gray-light);--ilo-richtext-link-color:var(--ilo-color-blue-medium);--ilo-richtext-link-visited-color:var(--ilo-color-blue-medium)}.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*4);margin-top:calc(var(--ilo-spacing-base)*4)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{font-weight:var(--ilo-font-weight-bold);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*14);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext h1{font-size:var(--ilo-font-size-4xlg);line-height:var(--ilo-line-height-sm)}.ilo--richtext h1,.ilo--richtext h2{letter-spacing:var(--ilo-letter-spacing-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-xlg);line-height:var(--ilo-line-height-md)}.ilo--richtext h3{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-md);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--richtext p{font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext a{background:transparent;background:0 0;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--richtext a:visited{background:transparent;color:#960a55;text-decoration-color:var(--ilo-color-purple)}.ilo--richtext a:hover{background:#fff;color:#1e2dbe;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:3px}.ilo--richtext a:active,.ilo--richtext a:focus{background:#ffcd2d;color:#230050;text-decoration-color:var(--ilo-color-blue-dark);text-decoration-thickness:3px}.ilo--richtext a--dark{background:transparent;color:#edf0f2;text-decoration-color:var(--ilo-color-gray-light)}.ilo--richtext a--dark:visited{background:transparent;color:#b8c4cc;text-decoration-color:var(--ilo-color-gray-base)}.ilo--richtext a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:3px}.ilo--richtext a--dark:active,.ilo--richtext a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-color:var(--ilo-color-blue-dark);text-decoration-thickness:3px}.ilo--richtext a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--richtext a--footer:visited{background:transparent;color:#960a55}.ilo--richtext a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--footer:active,.ilo--richtext a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a:hover{background:0 0}.ilo--richtext figure,.ilo--richtext img{width:100%}.ilo--richtext figcaption{border-left:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-richtext-figcaption-color);font-size:14.93px;font-weight:var(--ilo-font-weight-regular);letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--richtext hr{background-color:var(--ilo-richtext-hr-color);border:none;height:.1607717042rem}.ilo--richtext .responsive-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.ilo--richtext .responsive-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.ilo--richtext blockquote{background-color:var(--ilo-color-blue-lighter);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--richtext blockquote p{color:var(--ilo-color-purple);font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--richtext blockquote cite{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:0;line-height:135%}.ilo--richtext blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--richtext blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext li{border-collapse:separate;border-spacing:calc(var(--ilo-spacing-base)*3) 0;display:table;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4);margin-left:calc((3*var(--ilo-spacing-base))*-1);margin-right:calc((3*var(--ilo-spacing-base))*-1);position:relative}@media screen and (min-width:610px){.ilo--richtext li{font-size:var(--ilo-font-size-lg)}}.ilo--richtext ol{counter-reset:item}.ilo--richtext ol li{counter-increment:item}.ilo--richtext ol li:before{content:counter(item) ".";display:table-cell;text-align:right;width:1.3933547696rem}.ilo--richtext ul li:before{background-color:var(--ilo-color-gray-base);content:"";display:table-cell;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.3933547696rem}[dir=rtl] .ilo--richtext ul li:before{transform:rotate(180deg)}@media screen and (min-width:610px){.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*6)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*16);margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext h1{font-size:var(--ilo-font-size-5xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h3{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg)}.ilo--richtext p{font-size:var(--ilo-font-size-lg)}.ilo--richtext figure{width:100%}}[dir=rtl] .ilo--richtext figcaption{border-left:none;border-right:var(--ilo-border-lg) solid var(--ilo-color-borders-default);padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}
|
|
1
|
+
.ilo--blockquote{background-color:var(--ilo-color-blue-lighter);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--blockquote p{color:var(--ilo-color-purple);font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--blockquote cite{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:0;line-height:135%}.ilo--blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext{color:var(--ilo-richtext-color)}.ilo--richtext,.ilo--richtext__theme__light{--ilo-richtext-color:var(--ilo-color-blue-dark);--ilo-richtext-figcaption-color:var(--ilo-color-gray-accessible);--ilo-richtext-hr-color:var(--ilo-color-gray-light);--ilo-richtext-link-color:var(--ilo-color-purple);--ilo-richtext-link-visited-color:var(--ilo-color-purple)}.ilo--richtext__theme__light a{background:0 0;color:var(--ilo-link-color-default-light);font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--richtext__theme__light a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--richtext__theme__light a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__light a:active,.ilo--richtext__theme__light a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__dark{--ilo-richtext-color:var(--ilo-color-white);--ilo-richtext-figcaption-color:var(--ilo-color-gray-light);--ilo-richtext-hr-color:var(--ilo-color-gray-light);--ilo-richtext-link-color:var(--ilo-color-blue-medium);--ilo-richtext-link-visited-color:var(--ilo-color-blue-medium)}.ilo--richtext__theme__dark a{background:0 0;color:var(--ilo-link-color-default-dark);font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-link-color-default-dark);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--richtext__theme__dark a:visited{color:var(--ilo-link-color-visited-dark);text-decoration-color:var(--ilo-link-color-visited-dark)}.ilo--richtext__theme__dark a:hover{background-color:var(--ilo-link-background-hover-dark);color:var(--ilo-link-color-hover-dark);text-decoration-color:var(--ilo-link-color-hover-dark);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__dark a:active,.ilo--richtext__theme__dark a:focus{background-color:var(--ilo-link-background-focus-dark);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*4);margin-top:calc(var(--ilo-spacing-base)*4)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{font-weight:var(--ilo-font-weight-bold);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*14);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext h1{font-size:var(--ilo-font-size-4xlg);line-height:var(--ilo-line-height-sm)}.ilo--richtext h1,.ilo--richtext h2{letter-spacing:var(--ilo-letter-spacing-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-xlg);line-height:var(--ilo-line-height-md)}.ilo--richtext h3{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-md);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--richtext p{font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext figure,.ilo--richtext img{width:100%}.ilo--richtext figcaption{border-left:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-richtext-figcaption-color);font-size:14.93px;font-weight:var(--ilo-font-weight-regular);letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--richtext hr{background-color:var(--ilo-richtext-hr-color);border:none;height:.1607717042rem}.ilo--richtext .responsive-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.ilo--richtext .responsive-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.ilo--richtext blockquote{background-color:var(--ilo-color-blue-lighter);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--richtext blockquote p{color:var(--ilo-color-purple);font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--richtext blockquote cite{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:0;line-height:135%}.ilo--richtext blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--richtext blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext li{border-collapse:separate;border-spacing:calc(var(--ilo-spacing-base)*3) 0;display:table;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4);margin-left:calc((3*var(--ilo-spacing-base))*-1);margin-right:calc((3*var(--ilo-spacing-base))*-1);position:relative}@media screen and (min-width:610px){.ilo--richtext li{font-size:var(--ilo-font-size-lg)}}.ilo--richtext ol{counter-reset:item}.ilo--richtext ol li{counter-increment:item}.ilo--richtext ol li:before{content:counter(item) ".";display:table-cell;text-align:right;width:1.3933547696rem}.ilo--richtext ul li:before{background-color:var(--ilo-color-gray-base);content:"";display:table-cell;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.3933547696rem}[dir=rtl] .ilo--richtext ul li:before{transform:rotate(180deg)}@media screen and (min-width:610px){.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*6)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*16);margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext h1{font-size:var(--ilo-font-size-5xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h3{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg)}.ilo--richtext p{font-size:var(--ilo-font-size-lg)}.ilo--richtext figure{width:100%}}[dir=rtl] .ilo--richtext figcaption{border-left:none;border-right:var(--ilo-border-lg) solid var(--ilo-color-borders-default);padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}
|
package/css/components/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--table{background-color:#bedcfa;padding:calc(var(--ilo-spacing-base)*20);position:relative}.ilo--table--header{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2)}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color:#fff;box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);height:auto;left:0;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;border-left:.0535905681rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:14.93px;font-weight:700;letter-spacing:normal;letter-spacing:-.02em;line-height:20.3px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(var(--ilo-spacing-base)*2)}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color:#edf0f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:hover{background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform:translateY(-50%) rotate(180deg);transform-origin:center center}.ilo--table--body{background-color:#fff}.ilo--table--body--row.selected{background-color:#ebf5fd}.ilo--table--body--cell{border-bottom:.1071811361rem solid #edf0f2;font-family:var(--ilo-fonts-copy);font-size:14.93px;font-weight:400;letter-spacing:normal;line-height:20.3px;outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5);position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*2)}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color:#ebf5fd;border-bottom:2px solid #1e2dbe;color:#1e2dbe}.ilo--table--body--cell.selected{background-color:#bedcfa;border-bottom:2px solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--body--cell.column--selected{background-color:#ebf5fd}.ilo--table--body--cell a{background:
|
|
1
|
+
.ilo--table{background-color:#bedcfa;padding:calc(var(--ilo-spacing-base)*20);position:relative}.ilo--table--header{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2)}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color:#fff;box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);height:auto;left:0;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;border-left:.0535905681rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:14.93px;font-weight:700;letter-spacing:normal;letter-spacing:-.02em;line-height:20.3px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(var(--ilo-spacing-base)*2)}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color:#edf0f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:hover{background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform:translateY(-50%) rotate(180deg);transform-origin:center center}.ilo--table--body{background-color:#fff}.ilo--table--body--row.selected{background-color:#ebf5fd}.ilo--table--body--cell{border-bottom:.1071811361rem solid #edf0f2;font-family:var(--ilo-fonts-copy);font-size:14.93px;font-weight:400;letter-spacing:normal;line-height:20.3px;outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5);position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*2)}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color:#ebf5fd;border-bottom:2px solid #1e2dbe;color:#1e2dbe}.ilo--table--body--cell.selected{background-color:#bedcfa;border-bottom:2px solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--body--cell.column--selected{background-color:#ebf5fd}.ilo--table--body--cell a{background:0 0;color:var(--ilo-link-color-default-light);font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--table--body--cell a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--table--body--cell a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--table--body--cell a:active,.ilo--table--body--cell a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--table--headline{align-items:center;display:flex;font-family:var(--ilo-fonts-display);font-size:18.66px;font-weight:700;letter-spacing:-.035em;line-height:24.26px;margin-bottom:calc(var(--ilo-spacing-base)*2)}.ilo--table--headline .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)*1)}.ilo--table--description{color:#6d6d6d;font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px}.ilo--table--description a{background:0 0;color:var(--ilo-link-color-default-light);font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--table--description a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--table--description a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--table--description a:active,.ilo--table--description a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--table--zebra .ilo--table--body--row:nth-child(odd),.ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover{background-color:#f6f7f8}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid #fff}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover{background-color:#bedcfa}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:#ebf5fd}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:#bedcfa}
|
package/css/global.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(33, 18, 124, 1);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
|
|
1
|
+
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(33, 18, 124, 1);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-blue-dark);--ilo-link-color-default-dark:var(--ilo-color-white);--ilo-link-color-visited-light:var(--ilo-color-purple);--ilo-link-color-visited-dark:var(--ilo-color-gray-base);--ilo-link-color-hover-light:var(--ilo-color-blue);--ilo-link-color-hover-dark:var(--ilo-color-blue);--ilo-link-color-active-light:var(--ilo-color-blue-dark);--ilo-link-color-active-dark:var(--ilo-color-blue-dark);--ilo-link-color-focus-light:var(--ilo-color-blue-dark);--ilo-link-color-focus-dark:var(--ilo-color-blue-dark);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-white);--ilo-link-background-focus-light:var(--ilo-color-yellow);--ilo-link-background-focus-dark:var(--ilo-color-yellow)}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
|
|
2
2
|
/*# sourceMappingURL=global.css.map */
|