← All changes
|
jetpack_vendor/automattic/jetpack-comments/build/comments.css
+1
-1
16.2
→
16.3
View file →
| @@ -1 +1 @@ | ||
| 1 | -.jetpack-comments__toggle{all:unset;align-items:flex-start;cursor:pointer;display:inline-flex;gap:10px}.jetpack-comments__toggle input[type=checkbox]{all:unset;opacity:0;position:absolute;transform:scale(0)}.jetpack-comments__toggle input[type=checkbox]:checked+.jetpack-comments__toggle-switch{background:var(--jetpack-comments-accent-color);border-color:transparent}.jetpack-comments__toggle input[type=checkbox]:checked+.jetpack-comments__toggle-switch:after{background:#fff;inset-inline-start:20px}.jetpack-comments__toggle input[type=checkbox]:focus-visible+.jetpack-comments__toggle-switch{outline:1px solid var(--jetpack-comments-accent-color);outline-offset:1px}.jetpack-comments__toggle-switch{background:transparent;block-size:20px;border:1px solid;border-radius:10px;box-sizing:border-box;cursor:pointer;display:block;flex-shrink:0;inline-size:38px;margin-block-start:1px;padding:0;position:relative}.jetpack-comments__toggle-switch:after{background:currentColor;block-size:14px;border-radius:50%;box-sizing:border-box;content:"";inline-size:14px;inset-block:0;inset-inline-start:2px;margin-block:auto;position:absolute;transition:inset-inline-start .2s ease-in-out,background .2s ease-in-out}.jetpack-comments__toggle-text{display:block;flex:1;font-size:14px;font-weight:500;line-height:22px}.jetpack-comments__visually-hidden{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.jetpack-comments__identity{border-block-start:1px solid var(--jetpack-comments-border-color);padding:16px}.jetpack-comments__prompt{all:unset;color:var(--jetpack-comments-font-color);display:block;font-size:14px;line-height:22px;margin-block-end:16px}.jetpack-comments__login{border:1px solid var(--jetpack-comments-border-color);border-radius:4px;color:inherit;display:inline-block;font-size:14px;padding:7px 20px;text-decoration:none}.jetpack-comments__login:focus-visible,.jetpack-comments__login:hover{border-color:var(--jetpack-comments-accent-color)}.jetpack-comments__guest{border:1px solid var(--jetpack-comments-border-color);border-radius:4px;display:flex;flex-direction:column}.jetpack-comments__guest-field{all:unset;align-items:center;block-size:45px;border-block-end:1px solid var(--jetpack-comments-border-color);color:var(--jetpack-comments-font-color);display:flex;position:relative}.jetpack-comments__guest-field svg{inset-block:0;inset-inline-start:16px;margin-block:auto;position:absolute}.jetpack-comments__guest-field input{all:initial;background:transparent;block-size:100%;border:none;box-sizing:border-box;color:var(--jetpack-comments-font-color);font-family:inherit;font-size:14px;inline-size:100%;padding-inline:44px 16px}.jetpack-comments__guest-field input::-moz-placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__guest-field input::placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__guest-field input:focus-visible{outline:1px solid var(--jetpack-comments-accent-color);outline-offset:-1px}.jetpack-comments__options{border-block-start:1px solid var(--jetpack-comments-border-color);padding:16px 21px}.jetpack-comments__guest-field:last-child{border-block-end:none}.jetpack-comments__guest-field:has(+.jetpack-comments__options){border-block-end:none}.jetpack-comments__user{align-items:center;display:flex;font-size:14px;gap:10px;margin-inline-end:auto}.jetpack-comments__avatar{background-color:var(--jetpack-comments-content-background-color);block-size:39px;border:1px solid var(--jetpack-comments-border-color);border-radius:4px;flex-shrink:0;inline-size:39px}.jetpack-comments__logout{color:inherit;font-size:14px}.jetpack-comments{--jetpack-comments-font-color:rgba(0,0,0,.8);--jetpack-comments-border-color:#dcdcde;--jetpack-comments-background-color:hsla(0,0%,100%,.6);--jetpack-comments-content-background-color:hsla(0,0%,100%,.6);--jetpack-comments-accent-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#0675c4));--jetpack-comments-accent-hover-color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#055d9c));--jetpack-comments-accent-text-color:var(--wp-components-color-accent-inverted,#fff);--jetpack-comments-disabled-color:#a7aaad}.jetpack-comments.light{--jetpack-comments-font-color:#3c434a;--jetpack-comments-background-color:#fff;--jetpack-comments-content-background-color:#fff}.jetpack-comments.dark{--jetpack-comments-font-color:hsla(0,0%,100%,.8);--jetpack-comments-border-color:hsla(0,0%,100%,.2);--jetpack-comments-background-color:rgba(0,0,0,.7);--jetpack-comments-content-background-color:hsla(0,0%,100%,.1)}.jetpack-comments{background-color:var(--jetpack-comments-background-color);border:1px solid var(--jetpack-comments-border-color);color:var(--jetpack-comments-font-color);font-family:var(--wp--preset--font-family--system-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:16px}.jetpack-comments *,.jetpack-comments :after,.jetpack-comments :before{box-sizing:border-box}.jetpack-comments__textarea{all:initial;background:transparent;border:none;box-sizing:border-box;color:var(--jetpack-comments-font-color);display:block;font-family:inherit;font-size:16px;font-weight:400;inline-size:100%;line-height:1.4;margin:0;max-inline-size:100%;min-block-size:96px;outline:none;overflow:hidden;overflow-wrap:break-word;padding:16px;resize:none;white-space:pre-wrap}.jetpack-comments__textarea::-moz-placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__textarea::placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__textarea:focus-visible{outline:1px solid var(--jetpack-comments-accent-color);outline-offset:-1px}.jetpack-comments__footer{align-items:center;border-block-start:1px solid var(--jetpack-comments-border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px}.jetpack-comments__submit{all:unset;background:var(--jetpack-comments-accent-color);border:1px solid transparent;border-radius:4px;color:var(--jetpack-comments-accent-text-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;padding:7px 20px;text-align:center;text-decoration:none;text-shadow:none;white-space:nowrap}.jetpack-comments__submit:disabled{background:transparent;border-color:var(--jetpack-comments-border-color);color:var(--jetpack-comments-disabled-color);cursor:not-allowed}.jetpack-comments__submit:not(:disabled):hover{background:var(--jetpack-comments-accent-hover-color)}.jetpack-comments__submit:focus-visible{outline:2px solid var(--jetpack-comments-accent-color);outline-offset:1px}.jetpack-comments__submit.is-busy{cursor:progress}.jetpack-comments__fields{display:contents} | |
| 1 | +.jetpack-comments__who{align-items:center;display:inline-flex;gap:.25em}.jetpack-comments .jetpack-comments__who .jetpack-comments__chevron{background:none!important;border:0;color:inherit;cursor:pointer;display:inline-flex;margin:0;padding:0}.jetpack-comments .jetpack-comments__who .jetpack-comments__chevron svg{block-size:20px;inline-size:20px;transition:transform .25s ease-in-out}.jetpack-comments__who.is-open .jetpack-comments__chevron svg{transform:rotate(180deg)}.jetpack-comments__options{margin-inline:-4px;overflow:hidden;padding-inline:4px}.jetpack-comments__options>div{align-self:start;display:flex;flex-wrap:wrap;gap:.25em 1em;padding:.5em calc(var(--jetpack-comments-pad) + 2px) 4px;transform:translateY(-100%);transition:transform .25s ease-in-out}.jetpack-comments__options.is-open>div{transform:none}:host{all:initial}.jetpack-comments__dialog{background:#fff;border:0;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.08),0 15px 27px rgba(0,0,0,.07),0 30px 36px rgba(0,0,0,.04),0 50px 43px rgba(0,0,0,.02);box-sizing:border-box;color:#1e1e1e;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;inline-size:min(100% - 32px,480px);line-height:1.5;max-block-size:calc(100% - 32px);padding:24px}.jetpack-comments__dialog::backdrop{background:rgba(0,0,0,.35)}.jetpack-comments__dialog *{box-sizing:border-box}.jetpack-comments__dialog .jetpack-comments__dialog-header{align-items:center;display:flex;gap:12px}.jetpack-comments__dialog .jetpack-comments__site-icon{border-radius:50%;flex-shrink:0}.jetpack-comments__dialog .jetpack-comments__dialog-title{flex:1;font-size:20px;font-weight:600;line-height:1.3}.jetpack-comments__dialog .jetpack-comments__dialog-close{background:none;border:0;border-radius:2px;color:inherit;cursor:pointer;display:inline-flex;padding:4px}.jetpack-comments__dialog .jetpack-comments__dialog-close:hover{color:#3858e9}.jetpack-comments__dialog .jetpack-comments__dialog-close:focus-visible{outline:2px solid #3858e9;outline-offset:1px}.jetpack-comments__dialog .jetpack-comments__dialog-intro{color:#2f2f2f;margin:24px 0;text-align:center}.jetpack-comments__dialog .jetpack-comments__field{margin-block-start:16px}.jetpack-comments__dialog .jetpack-comments__help,.jetpack-comments__dialog .jetpack-comments__label,.jetpack-comments__dialog .jetpack-comments__notice{display:block}.jetpack-comments__dialog .jetpack-comments__label{font-weight:500;margin-block-end:8px}.jetpack-comments__dialog .jetpack-comments__input{block-size:44px;border:1px solid #ccc;border-radius:2px;display:block;font-family:inherit;font-size:16px;inline-size:100%;padding:6px 12px}.jetpack-comments__dialog .jetpack-comments__input:focus{border-color:#3858e9;box-shadow:0 0 0 1px #3858e9;outline:0}.jetpack-comments__dialog .jetpack-comments__input[aria-invalid=true]{border-color:#cc1818;box-shadow:0 0 0 1px #cc1818}.jetpack-comments__dialog .jetpack-comments__help{color:#757575;font-style:italic;margin-block-start:8px}.jetpack-comments__dialog .jetpack-comments__notice{background:#f0f0f0;border-inline-start:4px solid #cc1818;margin-block-start:8px;padding:8px 12px}.jetpack-comments__dialog .jetpack-comments__toggle{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:4px 0}.jetpack-comments__dialog .jetpack-comments__toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:18px;border:1px solid #1e1e1e;border-radius:9px;box-sizing:content-box;cursor:pointer;flex-shrink:0;inline-size:36px;margin:2px 0 0;position:relative}.jetpack-comments__dialog .jetpack-comments__toggle input:before{background:#1e1e1e;block-size:14px;border-radius:50%;content:"";inline-size:14px;inset-block-start:2px;inset-inline-start:2px;position:absolute;transition:inset-inline-start .3s,background .3s}.jetpack-comments__dialog .jetpack-comments__toggle input:checked{background:#1e1e1e}.jetpack-comments__dialog .jetpack-comments__toggle input:checked:before{background:#fff;inset-inline-start:20px}.jetpack-comments__dialog .jetpack-comments__toggle input:focus-visible{outline:1px solid #3858e9;outline-offset:2px}.jetpack-comments__dialog .jetpack-comments__field+.jetpack-comments__toggle{margin-block-start:24px}.jetpack-comments__dialog .jetpack-comments__dialog-actions{display:grid;gap:4px;justify-items:center;margin-block-start:24px}.jetpack-comments__dialog .jetpack-comments__button{align-items:center;block-size:40px;border:0;border-radius:2px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;gap:12px;justify-content:center;line-height:1;padding:0 24px}.jetpack-comments__dialog .jetpack-comments__button.is-primary{background:#3858e9;color:#fff}.jetpack-comments__dialog .jetpack-comments__button.is-primary:hover:not(:disabled){background:#2145e6}.jetpack-comments__dialog .jetpack-comments__button.is-primary:disabled{cursor:not-allowed;opacity:.5}.jetpack-comments__dialog .jetpack-comments__button.is-secondary{background:#fff;box-shadow:inset 0 0 0 1px #3858e9;color:#3858e9}.jetpack-comments__dialog .jetpack-comments__button.is-secondary:hover{box-shadow:inset 0 0 0 1px #2145e6;color:#2145e6}.jetpack-comments__dialog .jetpack-comments__button.is-link{background:none;color:#3858e9;padding:0;text-decoration:underline}.jetpack-comments__dialog .jetpack-comments__button.is-link:hover{color:#2145e6}.jetpack-comments__dialog .jetpack-comments__button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #3858e9;outline:2px solid transparent}.jetpack-comments__dialog .jetpack-comments__button svg{block-size:20px;inline-size:20px}.jetpack-comments__dialog .jetpack-comments__sign-in{display:grid;gap:16px;margin-block-start:24px}.jetpack-comments__dialog .jetpack-comments__sign-in .is-link{justify-self:center}.jetpack-comments__dialog .jetpack-comments__signing-in{align-items:center;display:flex;gap:8px;justify-content:center}.jetpack-comments__dialog .jetpack-comments__spinner{animation:jetpack-comments-spin 1s linear infinite;block-size:16px;border:2px solid #ddd;border-inline-start-color:#3858e9;border-radius:50%;inline-size:16px}@keyframes jetpack-comments-spin{to{transform:rotate(1turn)}}.jetpack-comments:not(.is-mounted):not(.is-plain){visibility:hidden}.jetpack-comments.is-mounted{--jetpack-comments-pad:1em}.jetpack-comments .jetpack-comments__box{border:2px solid;overflow-anchor:none;position:relative}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea{box-sizing:border-box;display:block;field-sizing:content;inline-size:100%;min-block-size:5lh;padding:var(--jetpack-comments-pad);resize:none}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea[hidden]{display:none}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea::-moz-placeholder{color:currentColor;opacity:.62}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea::placeholder{color:currentColor;opacity:.62}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea,.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:inherit;outline:none!important}.jetpack-comments__loading{font-family:var(--jetpack-comments-font-family,inherit);font-size:var(--jetpack-comments-font-size,inherit);inset-block-start:var(--jetpack-comments-pad);inset-inline-start:var(--jetpack-comments-pad);line-height:var(--jetpack-comments-line-height,inherit);opacity:.62;pointer-events:none;position:absolute}.jetpack-comments__loading span{animation:jetpack-comments-bounce 1s ease-in-out infinite;display:inline-block}@media(prefers-reduced-motion:reduce){.jetpack-comments__loading span{animation:none}}.jetpack-comments__loading span:nth-child(2){animation-delay:.15s}.jetpack-comments__loading span:nth-child(3){animation-delay:.3s}@keyframes jetpack-comments-bounce{0%,60%,to{transform:none}30%{transform:translateY(-.3em)}}.jetpack-comments__options{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out,visibility 0s linear .25s;visibility:hidden}.jetpack-comments__options.is-open{grid-template-rows:1fr;transition:grid-template-rows .25s ease-in-out,visibility 0s;visibility:visible}.jetpack-comments__actions{align-items:center;display:flex;flex-flow:row-reverse wrap-reverse;gap:12px;padding:0 var(--jetpack-comments-pad) var(--jetpack-comments-pad)}.jetpack-comments__too-long{flex-basis:100%;margin:0}.jetpack-comments__identity{align-items:center;display:flex;flex:1 1 10em;gap:.75em}.jetpack-comments .jetpack-comments__submit{display:flex;margin:0!important;padding:0!important}.jetpack-comments .jetpack-comments__submit input:not(:focus,:active){margin:0!important}.jetpack-comments .jetpack-comments__submit input:is(:focus,:active){margin-block-end:0!important;margin-inline:0!important}.jetpack-comments .jetpack-comments__submit input:disabled{cursor:not-allowed}.jetpack-comments__visually-hidden{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap} | |