@eui/styles 15.0.0-rc.2 → 15.0.0-rc.3
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/dist/styles/eui-legacy.css +1 -1
- package/dist/styles/eui-legacy.css.map +1 -1
- package/dist/styles/eui-showcase-all.css +1 -1
- package/dist/styles/eui-showcase-all.css.map +1 -1
- package/package.json +1 -1
- package/src/styles/07-elements/_module-legacy.scss +9 -8
- package/src/styles/eui-showcase-all-dev.scss +2 -1
- package/src/styles/eui-showcase-all.scss +2 -1
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
/*! Hint.css - v2.4.0 - 2016-09-17
|
|
4
4
|
* http://kushagragour.in/lab/hint/
|
|
5
|
-
* Copyright (c) 2016 Kushagra Gour */[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;transform:translateZ(0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;transition:.2s ease-in-out;transition-delay:0ms}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;transition-delay:0ms}[class*=hint--]:before{content:"";position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label=""]:after,[aria-label=""]:before,[data-hint=""]:after,[data-hint=""]:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-11px}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{left:calc(50% - 6px)}.hint--top:after{transform:translateX(-50%)}.hint--top:hover:before{transform:translateY(-8px)}.hint--top:hover:after{transform:translateX(-50%) translateY(-8px)}.hint--bottom:before{margin-top:-11px}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{left:calc(50% - 6px)}.hint--bottom:after{transform:translateX(-50%)}.hint--bottom:hover:before{transform:translateY(8px)}.hint--bottom:hover:after{transform:translateX(-50%) translateY(8px)}.hint--right:before{margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{transform:translateX(8px)}.hint--left:before{margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{transform:translateX(-8px)}.hint--top-left:before{margin-bottom:-11px}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{left:calc(50% - 6px)}.hint--top-left:after{transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{transform:translateY(-8px)}.hint--top-left:hover:after{transform:translateX(-100%) translateY(-8px)}.hint--top-right:before{margin-bottom:-11px}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{left:calc(50% - 6px)}.hint--top-right:after{transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{transform:translateY(-8px)}.hint--bottom-left:before{margin-top:-11px}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{left:calc(50% - 6px)}.hint--bottom-left:after{transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{transform:translateY(8px)}.hint--bottom-left:hover:after{transform:translateX(-100%) translateY(8px)}.hint--bottom-right:before{margin-top:-11px}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{left:calc(50% - 6px)}.hint--bottom-right:after{transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}[class*=hint--]:after{text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{transform:translateY(-8px)}.hint--always.hint--top:after{transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{transform:translateY(-8px)}.hint--always.hint--top-left:after{transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{transform:translateY(-8px)}.hint--always.hint--bottom:before{transform:translateY(8px)}.hint--always.hint--bottom:after{transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{transform:translateY(8px)}.hint--always.hint--bottom-left:after{transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{transition-duration:0ms}.hint--bounce:after,.hint--bounce:before{transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .3s cubic-bezier(.71,1.7,.77,1.24)}[class*=hint--]:hover{text-decoration:none!important}.hint--top:before{transition-property:none}.hint--error:after{background-color:var(--eui-base-color-danger-110);text-shadow:0 -1px 0 var(--eui-base-color-danger-120)}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:var(--eui-base-color-danger-110)}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:var(--eui-base-color-danger-110)}.hint--error.hint--left:before{border-left-color:var(--eui-base-color-danger-110)}.hint--error.hint--right:before{border-right-color:var(--eui-base-color-danger-110)}.hint--warning:after{background-color:var(--eui-base-color-warning-110);text-shadow:0 -1px 0 var(--eui-base-color-warning-120)}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:var(--eui-base-color-warning-110)}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:var(--eui-base-color-warning-110)}.hint--warning.hint--left:before{border-left-color:var(--eui-base-color-warning-110)}.hint--warning.hint--right:before{border-right-color:var(--eui-base-color-warning-110)}.hint--info:after{background-color:var(--eui-base-color-info-110);text-shadow:0 -1px 0 var(--eui-base-color-info-120)}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:var(--eui-base-color-info-120)}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:var(--eui-base-color-info-120)}.hint--info.hint--left:before{border-left-color:var(--eui-base-color-info-120)}.hint--info.hint--right:before{border-right-color:var(--eui-base-color-info-120)}.hint--success:after{background-color:var(--eui-base-color-success-110);text-shadow:0 -1px 0 var(--eui-base-color-success-120)}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:var(--eui-base-color-success-110)}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:var(--eui-base-color-success-110)}.hint--success.hint--left:before{border-left-color:var(--eui-base-color-success-110)}.hint--success.hint--right:before{border-right-color:var(--eui-base-color-success-110)}.form--large-labels .eui-form-group__label,.form--large-labels .ux-form-group__label,.form--large-labels label:not(.radio-label):not(.checkbox-label){font-size:var(--eui-base-font-size);font-style:normal;font-weight:700}.form--bold-labels .eui-form-group__label,.form--bold-labels .ux-form-group__label,.form--bold-labels label:not(.radio-label):not(.checkbox-label){font-style:normal;font-weight:700}.form-group{margin-bottom:var(--eui-base-spacing-m)}.form-inline{align-items:center;display:flex;flex-flow:row wrap}@media (min-width:576px){.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .custom-select,.form-inline .input-group{width:auto}}.form-inline label{margin-right:var(--eui-base-spacing-s)}.form-text{display:block;margin-top:var(--eui-base-spacing-xs)}.col-form-label{padding-top:var(--eui-base-spacing-s);text-align:right}@media screen and (max-width:767px){.col-form-label{padding-top:0;text-align:left}}.form--compact{--font-scale-factor:1;--spacing-scale-factor:0.96;--font-size:calc(16px*var(--font-scale-factor));--eui-base-font-size:var(--font-size);--eui-base-font-size-m:var(--font-size);--spacing-2xs:calc(0.25rem*var(--spacing-scale-factor));--spacing-xs:calc(0.5rem*var(--spacing-scale-factor));--spacing-s:calc(0.75rem*var(--spacing-scale-factor));--spacing-m:calc(1rem*var(--spacing-scale-factor));--spacing-l:calc(1.5rem*var(--spacing-scale-factor));--spacing-xl:calc(2rem*var(--spacing-scale-factor));--spacing-2xl:calc(2.5rem*var(--spacing-scale-factor));--spacing-3xl:calc(3rem*var(--spacing-scale-factor));--spacing-4xl:calc(4rem*var(--spacing-scale-factor));--eui-base-spacing-none:0;--eui-base-spacing:var(--spacing-m);--eui-base-spacing-2xs:var(--spacing-2xs);--eui-base-spacing-xs:var(--spacing-xs);--eui-base-spacing-s:var(--spacing-s);--eui-base-spacing-m:var(--spacing-m);--eui-base-spacing-l:var(--spacing-l);--eui-base-spacing-xl:var(--spacing-xl);--eui-base-spacing-2xl:var(--spacing-2xl);--eui-base-spacing-3xl:var(--spacing-3xl);--eui-base-spacing-4xl:var(--spacing-4xl)}.form--compact .ux-form-group input[type=checkbox].ux-input__checkbox+label,.form--compact .ux-form-group input[type=radio].ux-input__radio+label{margin-top:0}.form--compact .ux-form-group.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label,.form--compact .ux-form-group.ux-form-group--vertical input[type=radio].ux-input__radio+label{margin-bottom:var(--eui-base-spacing-2xs);margin-top:var(--eui-base-spacing-2xs)!important}.form--compact .ux-form-group.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:0!important}.form--compact .ux-form-group .ux-form-group--read-only{height:auto;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-s) var(--eui-base-spacing-2xs) 0!important}.form--compact .ux-form-group .ux-datepicker--read-only{height:auto;padding:var(--eui-base-spacing-2xs) 0!important}.form--compact .ux-form-group label{margin-bottom:0}input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden){-webkit-appearance:none;-moz-appearance:none;border:0;clip:rect(0 0 0 0);height:1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden){border:inherit;clip:auto!important;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))!important;opacity:1;overflow:visible;padding:0;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))!important}table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).mat-slide-toggle-input,table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).ux-input__checkbox{clip:rect(0 0 0 0)!important}table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).mat-slide-toggle-input:after,table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).mat-slide-toggle-input:before,table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).ux-input__checkbox:after,table input[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).ux-input__checkbox:before{content:none!important}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden){-moz-appearance:initial}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden).ux-checkbox{clip:auto;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));left:0;opacity:1;position:relative;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):after{background:transparent;content:"";left:3px;position:absolute;top:0}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):before{background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-15);border-radius:0;clip:auto!important;content:"";cursor:pointer;display:inline-block;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-m);opacity:1;position:relative;text-align:center;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):checked:after{background:transparent;color:var(--eui-base-color-white);font-family:eui-icons,sans-serif;font-weight:700}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):checked:before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-20);border-radius:0;clip:auto!important;content:"";cursor:pointer;display:inline-block;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-m);opacity:1;position:relative;text-align:center;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled{color:var(--eui-base-color-grey-25);pointer-events:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:before{background:var(--eui-base-color-grey-10);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-white)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked:after{background:transparent;color:var(--eui-base-color-grey-20);font-family:eui-icons,sans-serif;font-weight:700;position:relative;top:-20px}.eui-t-compact [type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked:after{top:-15px}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked:before{background-color:var(--eui-base-color-grey-10);border:2px solid var(--eui-base-color-grey-15)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):focus:before{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out;box-shadow:var(--eui-base-shadow-2)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]{cursor:not-allowed}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:after{content:""}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-15)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:checked:after{color:var(--eui-base-color-white);font-family:eui-icons,sans-serif;font-weight:700}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:checked:before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-15)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)+label{margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)+label:hover{cursor:pointer}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)+label:after{background:transparent;content:"";left:2px;position:absolute}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)+label:before{background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-15);border-radius:0;clip:auto!important;content:"";cursor:pointer;display:inline-block;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-m);opacity:1;position:relative;text-align:center;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)+label:empty:after{content:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)+label:empty:before{content:none;margin-right:0}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):checked+label:not(:empty):after{background:transparent;color:var(--eui-base-color-white);font-family:eui-icons,sans-serif;font-weight:700}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):checked+label:not(:empty):before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-35)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):focus{outline:1px solid transparent;outline-color:var(--eui-base-color-accent-120);outline-offset:-1px}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):focus+label:not(:empty):before{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out;box-shadow:var(--eui-base-shadow-2)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled+label{color:var(--eui-base-color-grey-25);pointer-events:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled+label:before{background:var(--eui-base-color-grey-10)!important;border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-white)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled+label:before,[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked+label:before{background-color:var(--eui-base-color-grey-20);border-color:var(--eui-base-color-grey-25)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked+label:not(:empty){pointer-events:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked+label:not(:empty):after{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-35)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden):disabled:checked+label:not(:empty):before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-25)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);background-image:none;box-shadow:none;outline:none;pointer-events:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]+label:not(:empty){cursor:not-allowed;pointer-events:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]+label:not(:empty):after{content:""}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]+label:not(:empty):before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-25)}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:checked+label:not(:empty){pointer-events:none}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:checked+label:not(:empty):after{color:var(--eui-base-color-white);font-family:eui-icons,sans-serif;font-weight:700}[type=checkbox]:not(.eui-input-checkbox):not(.cdk-visually-hidden)[readonly]:checked+label:not(:empty):before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-25)}input[type=radio]:not(.cdk-visually-hidden),input[type=radio]:not(.eui-input-radio){border:0;clip:rect(0 0 0 0);height:1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}table input[type=radio]:not(.cdk-visually-hidden),table input[type=radio]:not(.eui-input-radio){-moz-appearance:initial;border:inherit;clip:auto;height:0;opacity:1;overflow:visible;padding:0;position:absolute!important;width:0}table input[type=radio]:not(.cdk-visually-hidden):focus:before,table input[type=radio]:not(.eui-input-radio):focus:before{border:2px solid var(--eui-base-color-accent-120);box-shadow:inset 0 0 0 3px var(--eui-base-color-white),0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;outline:none}table input[type=radio]:not(.cdk-visually-hidden).ux-input__radio,table input[type=radio]:not(.eui-input-radio).ux-input__radio{clip:rect(0 0 0 0)!important}table input[type=radio]:not(.cdk-visually-hidden).ux-input__radio:after,table input[type=radio]:not(.cdk-visually-hidden).ux-input__radio:before,table input[type=radio]:not(.eui-input-radio).ux-input__radio:after,table input[type=radio]:not(.eui-input-radio).ux-input__radio:before{content:none!important}[type=radio]:not(.cdk-visually-hidden),[type=radio]:not(.eui-input-radio){-moz-appearance:initial}[type=radio]:not(.cdk-visually-hidden).ux-radio,[type=radio]:not(.eui-input-radio).ux-radio{clip:auto!important;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))!important;opacity:1!important;position:relative!important;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))!important}[type=radio]:not(.cdk-visually-hidden):before,[type=radio]:not(.eui-input-radio):before{background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-15);border-radius:100%;clip:auto;content:"";cursor:pointer;display:inline-block;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-m);opacity:1;position:relative;text-align:center;top:0;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}[type=radio]:not(.cdk-visually-hidden):checked:before,[type=radio]:not(.eui-input-radio):checked:before{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-15);box-shadow:inset 0 0 0 3px var(--eui-base-color-white)}[type=radio]:not(.cdk-visually-hidden):disabled:before,[type=radio]:not(.eui-input-radio):disabled:before{background:var(--eui-base-color-grey-15);border:2px solid var(--eui-base-color-grey-15)}[type=radio]:not(.cdk-visually-hidden):disabled:checked:before,[type=radio]:not(.eui-input-radio):disabled:checked:before{background-color:var(--eui-base-color-grey-20)}[type=radio]:not(.cdk-visually-hidden):focus:before,[type=radio]:not(.eui-input-radio):focus:before{border:2px solid var(--eui-base-color-accent-120);box-shadow:inset 0 0 0 3px var(--eui-base-color-white);cursor:pointer;outline:none}[type=radio]:not(.cdk-visually-hidden)[readonly]:before,[type=radio]:not(.eui-input-radio)[readonly]:before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-15)}[type=radio]:not(.cdk-visually-hidden)[readonly]:checked:before,[type=radio]:not(.eui-input-radio)[readonly]:checked:before{background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-15);box-shadow:inset 0 0 0 3px var(--eui-base-color-white)}[type=radio]:not(.cdk-visually-hidden)+label:not(:empty),[type=radio]:not(.eui-input-radio)+label:not(:empty){cursor:pointer;padding-left:var(--eui-base-spacing-xl)}[type=radio]:not(.cdk-visually-hidden)+label:not(:empty):before,[type=radio]:not(.eui-input-radio)+label:not(:empty):before{background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-15);border-radius:100%;content:"";cursor:pointer;display:inline-block;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-m);text-align:center;top:0;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}[type=radio]:not(.cdk-visually-hidden)+label:not(:empty):empty:before,[type=radio]:not(.eui-input-radio)+label:not(:empty):empty:before{margin-right:0}[type=radio]:not(.cdk-visually-hidden):checked+label,[type=radio]:not(.eui-input-radio):checked+label{cursor:pointer;padding-left:var(--eui-base-spacing-xl)}[type=radio]:not(.cdk-visually-hidden):checked+label:before,[type=radio]:not(.eui-input-radio):checked+label:before{background-color:var(--eui-base-color-primary-100);box-shadow:inset 0 0 0 3px var(--eui-base-color-white)}[type=radio]:not(.cdk-visually-hidden):focus+label:before,[type=radio]:not(.eui-input-radio):focus+label:before{border-color:var(--eui-base-color-accent-120);box-shadow:inset 0 0 0 3px var(--eui-base-color-white),0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;outline:none}[type=radio]:not(.cdk-visually-hidden):disabled,[type=radio]:not(.eui-input-radio):disabled{opacity:var(--eui-base-disabled-opacity);pointer-events:none}[type=radio]:not(.cdk-visually-hidden):disabled+label,[type=radio]:not(.eui-input-radio):disabled+label{color:var(--eui-base-color-grey-25);pointer-events:none}[type=radio]:not(.cdk-visually-hidden):disabled+label:before,[type=radio]:not(.eui-input-radio):disabled+label:before{background:var(--eui-base-color-grey-10);border:2px solid var(--eui-base-color-grey-15);box-shadow:none}[type=radio]:not(.cdk-visually-hidden):disabled:checked,[type=radio]:not(.eui-input-radio):disabled:checked{pointer-events:none}[type=radio]:not(.cdk-visually-hidden):disabled:checked+label,[type=radio]:not(.eui-input-radio):disabled:checked+label{color:var(--eui-base-color-grey-25);pointer-events:none}[type=radio]:not(.cdk-visually-hidden):disabled:checked+label:before,[type=radio]:not(.eui-input-radio):disabled:checked+label:before{background-color:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-grey-15);box-shadow:inset 0 0 0 3px var(--eui-base-color-white);opacity:var(--eui-base-disabled-opacity)}[type=radio]:not(.cdk-visually-hidden)[readonly],[type=radio]:not(.eui-input-radio)[readonly]{background:var(--eui-base-color-grey-25);background-image:none;box-shadow:none;outline:none;pointer-events:none}[type=radio]:not(.cdk-visually-hidden)[readonly]:after,[type=radio]:not(.eui-input-radio)[readonly]:after{background:var(--eui-base-color-grey-15)}[type=radio]:not(.cdk-visually-hidden)[readonly]+label,[type=radio]:not(.eui-input-radio)[readonly]+label{cursor:not-allowed;pointer-events:none}[type=radio]:not(.cdk-visually-hidden)[readonly]+label:before,[type=radio]:not(.eui-input-radio)[readonly]+label:before{background:var(--eui-base-color-grey-20);border:2px solid var(--eui-base-color-grey-15)}[type=radio]:not(.cdk-visually-hidden)[readonly]:checked,[type=radio]:not(.eui-input-radio)[readonly]:checked{pointer-events:none}[type=radio]:not(.cdk-visually-hidden)[readonly]:checked:after,[type=radio]:not(.eui-input-radio)[readonly]:checked:after{background:var(--eui-base-color-grey-25)}[type=radio]:not(.cdk-visually-hidden)[readonly]:checked+label,[type=radio]:not(.eui-input-radio)[readonly]:checked+label{color:var(--eui-base-color-text);pointer-events:none}.ux-form-group--inline [type=radio]:not(.cdk-visually-hidden)[readonly]:checked+label,.ux-form-group--inline [type=radio]:not(.eui-input-radio)[readonly]:checked+label{position:relative;top:calc(var(--eui-base-spacing-2xs)*-1)}[type=radio]:not(.cdk-visually-hidden)[readonly]:checked+label:before,[type=radio]:not(.eui-input-radio)[readonly]:checked+label:before{background:var(--eui-base-color-grey-20);border-color:var(--eui-base-color-grey-15);box-shadow:inset 0 0 0 3px var(--eui-base-color-white);display:none}input::-webkit-input-placeholder{color:var(--eui-base-color-grey-25)!important}input::-moz-placeholder{color:var(--eui-base-color-grey-25)!important}input:-ms-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}input:-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea::-webkit-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea::-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea:-ms-input-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}textarea:-moz-placeholder{color:var(--eui-base-color-grey-80)!important;font-style:normal;font-weight:300}:focus::-webkit-input-placeholder{color:transparent!important}:focus::-ms-input-placeholder{color:transparent!important}:focus::-moz-placeholder{color:transparent!important}.input-maxlength-wrapper{position:relative;width:100%}.input-maxlength-wrapper .input-maxlength{background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-15);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-black);font-size:var(--eui-base-font-size-xs);padding:1px 3px;position:absolute;right:calc(var(--eui-base-spacing-xs)*-1);top:calc(var(--eui-base-spacing-s)*-1);z-index:var(--eui-base-z-index-input-maxlength)}.input-maxlength-wrapper .input-maxlength.error{background-color:var(--eui-base-color-danger-110);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.ux-form-group--danger .ux-input-group-text,.ux-form-group--info .ux-input-group-text,.ux-form-group--primary .ux-input-group-text,.ux-form-group--success .ux-input-group-text{color:var(--eui-base-color-white)!important}.ux-form-group--accent .ux-input-group-text,.ux-form-group--secondary .ux-input-group-text,.ux-form-group--warning .ux-input-group-text{color:var(--eui-base-color-black)!important}.ux-form-group--read-only pre{color:var(--eui-base-color-grey-100);font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);margin:0;white-space:pre-line;word-break:break-word;font-style:normal;font-weight:700}.ux-form-group__loading-indicator{position:absolute;right:0;top:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs) + 2px)}.ux-form-group__loading-indicator.ux-icon-spin{animation:none}.ux-form-group--compact input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact input[type=radio].ux-input__radio+label{margin-top:var(--eui-base-spacing-2xs)}.ux-form-group--compact.ux-form-group--vertical input[type=checkbox].ux-input__checkbox+label,.ux-form-group--compact.ux-form-group--vertical input[type=radio].ux-input__radio+label{margin-bottom:var(--eui-base-spacing-2xs);margin-top:var(--eui-base-spacing-2xs)!important}.ux-form-group--compact.ux-form-group--vertical .ux-datepicker--read-only{margin-bottom:0!important}.ux-input-group{align-items:stretch;display:flex;flex-wrap:nowrap;position:relative;width:100%}.ux-input-group .ux-input-group-text{align-items:center;background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:flex;font-size:var(--eui-base-font-size);font-weight:400;justify-content:center;line-height:var(--eui-base-line-height);margin-bottom:0;min-width:var(--eui-base-spacing-2xl);padding:var(--eui-base-spacing-2xs);text-align:center;white-space:nowrap}.ux-input-group .ux-input-group-prepend{display:flex;margin-right:-1px}.ux-input-group .ux-input-group-prepend .ux-input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.ux-input-group .ux-input-group-append{display:flex;margin-left:-1px}.ux-input-group .ux-form-control:not(:first-child),.ux-input-group .ux-input-group-append .ux-input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.ux-input-group .ux-form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}
|
|
5
|
+
* Copyright (c) 2016 Kushagra Gour */[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;transform:translateZ(0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;transition:.2s ease-in-out;transition-delay:0ms}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;transition-delay:0ms}[class*=hint--]:before{content:"";position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label=""]:after,[aria-label=""]:before,[data-hint=""]:after,[data-hint=""]:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-11px}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{left:calc(50% - 6px)}.hint--top:after{transform:translateX(-50%)}.hint--top:hover:before{transform:translateY(-8px)}.hint--top:hover:after{transform:translateX(-50%) translateY(-8px)}.hint--bottom:before{margin-top:-11px}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{left:calc(50% - 6px)}.hint--bottom:after{transform:translateX(-50%)}.hint--bottom:hover:before{transform:translateY(8px)}.hint--bottom:hover:after{transform:translateX(-50%) translateY(8px)}.hint--right:before{margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{transform:translateX(8px)}.hint--left:before{margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{transform:translateX(-8px)}.hint--top-left:before{margin-bottom:-11px}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{left:calc(50% - 6px)}.hint--top-left:after{transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{transform:translateY(-8px)}.hint--top-left:hover:after{transform:translateX(-100%) translateY(-8px)}.hint--top-right:before{margin-bottom:-11px}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{left:calc(50% - 6px)}.hint--top-right:after{transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{transform:translateY(-8px)}.hint--bottom-left:before{margin-top:-11px}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{left:calc(50% - 6px)}.hint--bottom-left:after{transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{transform:translateY(8px)}.hint--bottom-left:hover:after{transform:translateX(-100%) translateY(8px)}.hint--bottom-right:before{margin-top:-11px}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{left:calc(50% - 6px)}.hint--bottom-right:after{transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}[class*=hint--]:after{text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{transform:translateY(-8px)}.hint--always.hint--top:after{transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{transform:translateY(-8px)}.hint--always.hint--top-left:after{transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{transform:translateY(-8px)}.hint--always.hint--bottom:before{transform:translateY(8px)}.hint--always.hint--bottom:after{transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{transform:translateY(8px)}.hint--always.hint--bottom-left:after{transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{transition-duration:0ms}.hint--bounce:after,.hint--bounce:before{transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .3s cubic-bezier(.71,1.7,.77,1.24)}[class*=hint--]:hover{text-decoration:none!important}.hint--top:before{transition-property:none}.hint--error:after{background-color:var(--eui-base-color-danger-110);text-shadow:0 -1px 0 var(--eui-base-color-danger-120)}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:var(--eui-base-color-danger-110)}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:var(--eui-base-color-danger-110)}.hint--error.hint--left:before{border-left-color:var(--eui-base-color-danger-110)}.hint--error.hint--right:before{border-right-color:var(--eui-base-color-danger-110)}.hint--warning:after{background-color:var(--eui-base-color-warning-110);text-shadow:0 -1px 0 var(--eui-base-color-warning-120)}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:var(--eui-base-color-warning-110)}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:var(--eui-base-color-warning-110)}.hint--warning.hint--left:before{border-left-color:var(--eui-base-color-warning-110)}.hint--warning.hint--right:before{border-right-color:var(--eui-base-color-warning-110)}.hint--info:after{background-color:var(--eui-base-color-info-110);text-shadow:0 -1px 0 var(--eui-base-color-info-120)}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:var(--eui-base-color-info-120)}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:var(--eui-base-color-info-120)}.hint--info.hint--left:before{border-left-color:var(--eui-base-color-info-120)}.hint--info.hint--right:before{border-right-color:var(--eui-base-color-info-120)}.hint--success:after{background-color:var(--eui-base-color-success-110);text-shadow:0 -1px 0 var(--eui-base-color-success-120)}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:var(--eui-base-color-success-110)}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:var(--eui-base-color-success-110)}.hint--success.hint--left:before{border-left-color:var(--eui-base-color-success-110)}.hint--success.hint--right:before{border-right-color:var(--eui-base-color-success-110)}
|
|
6
6
|
/*# sourceMappingURL=eui-legacy.css.map */
|