woocommerce/packages/woocommerce-admin/dist/experimental/style.css
2021-12-10 12:03:04 +00:00

1 line
13 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922}.woocommerce-experimental-list{margin:0;padding:0}a.woocommerce-experimental-list__item{color:inherit}.woocommerce-experimental-list__item{display:flex;align-items:center;margin-bottom:0;text-decoration:none;background-color:#fff}.woocommerce-experimental-list__item.has-gutters{padding:16px 24px}.woocommerce-experimental-list__item.has-action:not(.expanded){cursor:pointer}.woocommerce-experimental-list__item:focus:not(.expanded){box-shadow:inset 0 0 0 1px #006088,inset 0 0 0 2px #fff}.woocommerce-experimental-list__item:focus-visible{box-shadow:none}.woocommerce-experimental-list__item:not(.transitions-disabled).woocommerce-list__item-enter{opacity:0;max-height:0;transform:translateX(50%)}.woocommerce-experimental-list__item:not(.transitions-disabled).woocommerce-list__item-enter-active{opacity:1;max-height:100vh;transform:translateX(0);transition:opacity .5s,transform .5s,max-height .5s}.woocommerce-experimental-list__item:not(.transitions-disabled).woocommerce-list__item-exit{opacity:1;max-height:100vh;transform:translateX(0)}.woocommerce-experimental-list__item:not(.transitions-disabled).woocommerce-list__item-exit-active{opacity:0;max-height:0;transform:translateX(50%);transition:opacity .5s,transform .5s,max-height .5s}.woocommerce-experimental-list__item>.woocommerce-list__item-inner{text-decoration:none;width:100%;display:flex;align-items:center;padding:16px 24px}.woocommerce-experimental-list__item>.woocommerce-list__item-inner:focus{box-shadow:inset 0 0 0 1px #006088,inset 0 0 0 2px #fff}.woocommerce-experimental-list__item .woocommerce-list__item-title{color:#1d2327}.woocommerce-experimental-list__item .woocommerce-list__item-expandable-content{margin-top:4px;display:block;font-size:14px;line-height:20px;color:#50575d}.woocommerce-experimental-list__item .woocommerce-list__item-before{margin-right:20px;display:flex;align-items:center}.woocommerce-experimental-list__item .woocommerce-list__item-after{display:flex;align-items:center;margin-left:auto}.woocommerce-experimental-list__item:not(:first-child){border-top:1px solid #f0f0f0}.woocommerce-experimental-list__item:hover{background-color:#f0f0f0}.woocommerce-experimental-list__item:hover .woocommerce-list__item-title{color:#007cba;color:var(--wp-admin-theme-color)}.woocommerce-experimental-list__item:hover .woocommerce-list__item-before>svg{fill:#007cba;fill:var(--wp-admin-theme-color)}.woocommerce-experimental-list__item .woocommerce-list__item-title{color:#007cba;color:var(--wp-admin-theme-color)}.woocommerce-experimental-list__item .woocommerce-list__item-before>svg{fill:#007cba;fill:var(--wp-admin-theme-color)}.woocommerce-experimental-list__item .woocommerce-list__item-after>svg{fill:#1e1e1e}.woocommerce-experimental-list__item.is-complete .woocommerce-task__icon{background-color:#007cba;background-color:var(--wp-admin-theme-color)}.woocommerce-experimental-list__item.is-complete .woocommerce-list__item-title{color:#757575}.woocommerce-experimental-list__item.is-complete .woocommerce-list__item-expandable-content{display:none}.woocommerce-experimental-list__item-title{color:#2c3338}.woocommerce-experimental-list__item-expandable-content{color:#646970}.woocommerce-experimental-list__item.list-item-collapse{overflow:hidden;display:grid;grid-template-columns:auto 48px}.woocommerce-experimental-list__item.list-item-collapse>*{align-self:center}.woocommerce-experimental-list__item.list-item-collapse p{margin:0;padding:16px 24px}.woocommerce-experimental-list__item.list-item-collapse .list-item-collapse__icon-container{justify-content:flex-end}.woocommerce-experimental-list__item.list-item-collapse.woocommerce-list__item-enter{max-height:0;opacity:1}.woocommerce-experimental-list__item.list-item-collapse.woocommerce-list__item-enter-active{max-height:55px;transition:max-height .5s}.woocommerce-experimental-list__item.list-item-collapse.woocommerce-list__item-exit{max-height:55px}.woocommerce-experimental-list__item.list-item-collapse.woocommerce-list__item-exit-active{max-height:0;opacity:1;transition:max-height .5s}.woocommerce-experimental-list-wrapper{border-top:1px solid #f0f0f0}.woocommerce-task-list__item{position:relative;display:grid;grid-template-columns:72px auto 48px}.woocommerce-task-list__item>*{align-self:center}.woocommerce-task-list__item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent}.woocommerce-task-list__item.level-1:before{background-color:#d94f4f}.woocommerce-task-list__item.level-1 .gridicons-notice-outline{fill:#d94f4f}.woocommerce-task-list__item.level-2:before{background-color:#f0b849}.woocommerce-task-list__item .woocommerce-task-list__item-title{color:#007cba;color:var(--wp-admin-theme-color)}.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content,.woocommerce-task-list__item .woocommerce-task__additional-info,.woocommerce-task-list__item .woocommerce-task__estimated-time{color:#757575;font-weight:400;font-size:12px}.woocommerce-task-list__item .woocommerce-task__estimated-time{margin-top:4px}.woocommerce-task-list__item .woocommerce-task-list__item-before{display:flex;align-items:center;padding:16px 0 16px 24px}.woocommerce-task-list__item .woocommerce-task-list__item-text{padding:16px 0}.woocommerce-task-list__item .woocommerce-task-list__item-text .woocommerce-pill{padding:1px 8px;margin-left:8px}.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content{margin-top:4px;overflow:hidden}.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content.woocommerce-task-list__item-expandable-content-enter{opacity:0}.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content.woocommerce-task-list__item-expandable-content-enter-active,.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content.woocommerce-task-list__item-expandable-content-enter-done,.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content.woocommerce-task-list__item-expandable-content-exit{opacity:1}.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content.woocommerce-task-list__item-expandable-content-exit-active{opacity:0}.woocommerce-task-list__item .woocommerce-task-list__item-expandable-content .woocommerce-task__additional-info{margin-top:8px}.woocommerce-task-list__item .woocommerce-task-list__item-action{margin-top:8px;margin-bottom:4px;display:block}.woocommerce-task-list__item .woocommerce-task-list__item-after{display:flex;align-items:center}.woocommerce-task-list__item .woocommerce-task-list__item-before .woocommerce-task__icon{border-radius:50%;width:32px;height:32px}.woocommerce-task-list__item .woocommerce-task-list__item-before .woocommerce-task__icon svg{fill:#fff;position:relative;top:4px;left:5px}.woocommerce-task-list__item.complete .woocommerce-task__icon{background-color:#007cba;background-color:var(--wp-admin-theme-color)}.woocommerce-task-list__item.complete .woocommerce-task-list__item-title{color:#757575}.woocommerce-task-list__item.complete .woocommerce-task-list__item-expandable-content,.woocommerce-task-list__item.complete .woocommerce-task__estimated-time{display:none}.woocommerce-task-list__item:not(.complete) .woocommerce-task__icon{border:1px solid #f0f0f0;background:#fff}.woocommerce-task-list__item .components-tooltip .components-popover__content{width:160px;white-space:normal}.woocommerce-task-list__item .woocommerce-task-card__section-controls{text-align:left}.woocommerce-inbox-message{position:relative;color:#757575;background:#fff;border-radius:2px;font-size:13px;font-size:.8125rem;margin:0 0 24px;-ms-box-orient:horizontal}.woocommerce-inbox-message.banner{flex-direction:column}.woocommerce-inbox-message.banner img{width:100%}.woocommerce-inbox-message.thumbnail{display:flex;flex-direction:row-reverse}.woocommerce-inbox-message.thumbnail img{width:128px;height:100%}.woocommerce-homepage-column .woocommerce-inbox-message{margin:20px 0}.woocommerce-inbox-message:not(.is-placeholder){border:1px solid #e0e0e0}.woocommerce-inbox-message .line{width:100%}.woocommerce-inbox-message .third-line{width:33%}.woocommerce-inbox-message .fifth-line{width:20%}.woocommerce-inbox-message .sixth-line{width:16%}.woocommerce-inbox-message__content .woocommerce-inbox-message__unread-indicator{height:8px;width:8px;background-color:#007cba;background-color:var(--wp-admin-theme-color);border-radius:100px;display:inline-block;margin-right:8px}.woocommerce-inbox-message__content .woocommerce-inbox-message__title{color:#1e1e1e;font-size:16px;font-size:1rem;font-style:normal;line-height:1.5;font-weight:700;margin:8px 0}.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__title{margin-bottom:10px}.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__title>div{animation:loading-fade 1.6s ease-in-out infinite;background-color:#f0f0f0;color:transparent;margin:5px 0}.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__title>div:after{content:" "}@media screen and (prefers-reduced-motion:reduce){.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__title>div{animation:none}}.woocommerce-inbox-message__content .woocommerce-inbox-message__date{color:#757575;font-size:12px;font-size:.75rem;margin-bottom:16px;font-style:normal;font-weight:400;line-height:16px}.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__date{margin-bottom:10px}.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__date>div{animation:loading-fade 1.6s ease-in-out infinite;background-color:#f0f0f0;color:transparent}.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__date>div:after{content:" "}@media screen and (prefers-reduced-motion:reduce){.is-placeholder .woocommerce-inbox-message__content .woocommerce-inbox-message__date>div{animation:none}}.woocommerce-inbox-message__text{color:#757575;font-style:normal;font-weight:400;font-size:14px;font-size:.875rem;line-height:20px}.woocommerce-inbox-message__text>p:first-child{margin-top:0}.woocommerce-inbox-message__text>p:last-child{margin-bottom:0}.is-placeholder .woocommerce-inbox-message__text>div{animation:loading-fade 1.6s ease-in-out infinite;background-color:#f0f0f0;color:transparent;margin:5px 0}.is-placeholder .woocommerce-inbox-message__text>div:after{content:" "}@media screen and (prefers-reduced-motion:reduce){.is-placeholder .woocommerce-inbox-message__text>div{animation:none}}.woocommerce-inbox-message__actions{padding-top:16px;border-top:1px solid #e0e0e0}.woocommerce-inbox-message__actions>*+*{margin-left:.5em}.woocommerce-inbox-message__actions a,.woocommerce-inbox-message__actions button{cursor:pointer}.woocommerce-inbox-message__actions .components-dropdown{display:inline}.woocommerce-inbox-message__actions .components-dropdown .components-popover__content{min-width:195px}.woocommerce-inbox-message__actions .components-dropdown .components-popover__content ul{text-align:center}.woocommerce-inbox-message__actions .components-dropdown .components-popover__content li{margin:0;cursor:pointer}.is-placeholder .woocommerce-inbox-message__actions>div{animation:loading-fade 1.6s ease-in-out infinite;background-color:#f0f0f0;color:transparent;float:left;height:28px;margin-right:8px}.is-placeholder .woocommerce-inbox-message__actions>div:after{content:" "}@media screen and (prefers-reduced-motion:reduce){.is-placeholder .woocommerce-inbox-message__actions>div{animation:none}}.woocommerce-inbox-dismiss-confirmation_modal{text-align:left}.woocommerce-inbox-dismiss-confirmation_wrapper p{font-size:16px;color:#757575}.woocommerce-inbox-dismiss-confirmation_wrapper .woocommerce-inbox-dismiss-confirmation_buttons{text-align:right}.woocommerce-inbox-dismiss-confirmation_wrapper .woocommerce-inbox-dismiss-confirmation_buttons button{margin-left:10px}.woocommerce-inbox-message__wrapper>div{padding:16px 24px}.is-placeholder .woocommerce-inbox-message__wrapper>div{padding:10px 24px;display:flow-root}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.woocommerce-admin-dismiss-dropdown{margin-top:0}.is-placeholder .woocommerce-inbox-message__wrapper{padding-bottom:10px}}