Localisation updates from https://translatewiki.net.
[mediawiki.git] / resources / lib / codex / modules / CdxAccordion.css
blob7d06677b2b11643d2b7e5629b46c0506822d0749
1 .cdx-accordion{position:relative;border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle--hover, #eaecf0);cursor:pointer}.cdx-accordion>summary:active{background-color:var(--background-color-interactive-subtle--active, #dadde3)}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #6485d1);outline:1px solid transparent}.cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1rem}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1rem}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1rem}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base, #202122)}}.cdx-accordion[open]>summary:before{transform:rotate(-180deg)}