Changeset 3056649 for jetpack/trunk/_inc/blocks/story/view.rtl.css
- Timestamp:
- 03/22/2024 09:30:19 AM (4 months ago)
- File:
-
- 1 edited
-
jetpack/trunk/_inc/blocks/story/view.rtl.css (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
jetpack/trunk/_inc/blocks/story/view.rtl.css
r3049965 r3056649 1 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-interactive>*{pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-interactive:after{content:none}.jetpack-editor-panel-logo{margin-right:.5em}.jetpack-mdc-icon-button{align-items:center;border:0;box-sizing:border-box;display:inline-flex;justify-content:center;padding:0;position:relative;fill:currentColor;-webkit-appearance:none;appearance:none;background-color: #0000;color:#fff;cursor:pointer;overflow:hidden;text-decoration:none!important;-webkit-user-select:none;user-select:none}.jetpack-mdc-icon-button.outlined{background-color:#00000080}.jetpack-mdc-icon-button.outlined:hover{background-color:#0000004d}.jetpack-mdc-icon-button.outlined-w{background-color:#fff3}.jetpack-mdc-icon-button.outlined-w:hover{background-color:#ffffff4d}.jetpack-mdc-icon-button.bordered{border:2px solid #fff}.jetpack-mdc-icon-button.circle-icon{border-radius:50%}.wp-story-display-contents{display:contents}.wp-story-app{padding:10px}.wp-story-container{border-radius:15px;display:block;height:320px;list-style:none;margin-bottom:24px;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;width:180px;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 2px 12px #00000040;break-inside:avoid;page-break-inside:avoid;transition:box-shadow .3s ease-in-out,transform .3s cubic-bezier(.18,.14,.25,1)}.wp-story-container figure{transition:transform .3s cubic-bezier(.18,.14,.25,1)}.wp-story-container:hover{box-shadow:0 4px 12px #0000004d;transform:scale3d(1.03,1.03,1)}.wp-story-container:hover figure{transform:scale3d(1.07,1.07,1)}.wp-story-container button{background-color:#0000;border:0;box-shadow:none;cursor:pointer;outline-width:0;text-shadow:none}.wp-story-container.wp-story-initialized{opacity:1}.wp-story-container.wp-story-clickable{cursor:pointer}.wp-story-container .wp-story-slide,.wp-story-container .wp-story-wrapper{line-height:normal;list-style-type:none;margin:0;padding:0}.wp-story-container .wp-story-wrapper{background-color:#0e1112;border-radius:15px;bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:-1}.wp-story-container .wp-story-slide{display:flex;height:100%;width:100%}.wp-story-container .wp-story-slide figure{align-items:center;display:flex;height:100%;justify-content:center;margin:0;object-fit:contain;overflow:hidden;position:relative;width:100%}.wp-story-container .wp-story-slide.is-loading{align-items:center;background-color:#484542;justify-content:center;position:absolute;z-index:1}.wp-story-container .wp-story-slide.is-loading.semi-transparent{background-color:rgba(72,69,66,.498)}.wp-story-container .wp-story-slide.is-loading.transparent{background-color:#0000}@keyframes rotate-spinner{to{transform:rotate(-1turn)}}.wp-story-container .wp-story-slide.is-loading .wp-story-loading-spinner{align-items:center;display:flex}.wp-story-container .wp-story-slide.is-loading .wp-story-loading-spinner__inner,.wp-story-container .wp-story-slide.is-loading .wp-story-loading-spinner__outer{animation:3s linear infinite;animation-name:rotate-spinner;border:.1em solid #0000;border-radius:50%;box-sizing:border-box;margin:auto}.wp-story-container .wp-story-slide.is-loading .wp-story-loading-spinner__outer{border-top-color:#fff;font-size:40px;height:40px;width:40px}.wp-story-container .wp-story-slide.is-loading .wp-story-loading-spinner__inner{border-left-color:#c4c4c4;border-top-color:#c4c4c4;height:100%;opacity:.4;width:100%}.wp-story-container .wp-story-image,.wp-story-container .wp-story-video{border:0;display:block;height:auto;margin:0;max-height:100%;max-width:100%;width:auto}.wp-story-container .wp-story-image.wp-story-crop-wide,.wp-story-container .wp-story-video.wp-story-crop-wide{max-width:revert}.wp-story-container .wp-story-image.wp-story-crop-narrow,.wp-story-container .wp-story-video.wp-story-crop-narrow{max-height:revert}.wp-story-container .wp-story-controls,.wp-story-container .wp-story-meta{display:none}.wp-story-container .wp-story-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.wp-story-container .wp-story-overlay .wp-story-button-play,.wp-story-container .wp-story-overlay .wp-story-button-replay{cursor:pointer}.wp-story-container .wp-story-overlay .wp-story-embed-icon,.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand{align-items:center;background-color:#00000080;border-radius:5px;color:#fff;display:flex;left:0;margin:15px;padding:5px 3px;position:absolute;top:0}.wp-story-container .wp-story-overlay .wp-story-embed-icon *,.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand *{margin:0 2px}.wp-story-container .wp-story-overlay .wp-story-embed-icon svg,.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand svg{fill:#fff;height:20px;width:20px}.wp-story-container .wp-story-overlay .wp-story-embed-icon span,.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand span{color:#fff;font-family:sans-serif;font-size:16px;font-weight:600;line-height:20px}.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand{background-color:#0000}.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.wp-story-container.wp-story-disabled .wp-story-overlay,.wp-story-container.wp-story-ended .wp-story-overlay{background-color:#fff6}.wp-story-container .wp-story-next-slide,.wp-story-container .wp-story-prev-slide{display:none;position:absolute}.wp-story-container .wp-story-next-slide button,.wp-story-container .wp-story-prev-slide button{border-width:0}.wp-story-container .wp-story-next-slide button:hover,.wp-story-container .wp-story-prev-slide button:hover{border-width:2px}.wp-story-container .wp-story-prev-slide{margin:auto;right:-84px}.wp-story-container .wp-story-next-slide{left:-84px;margin:auto}.wp-story-container .wp-story-pagination{position:absolute;text-align:center;z-index:2}.wp-story-container .wp-story-pagination-bullets{bottom:0;display:flex;left:0;margin:7px 10px;overflow:hidden;position:absolute;right:0;top:auto;transition:flex-basis 1s ease-in-out}.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet{flex:1;justify-content:space-between;margin:0 2px;opacity:1;padding:6px 0;vertical-align:top}.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet .wp-story-pagination-bullet-bar{background:#fff9;height:4px;min-width:12px;width:100%}.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet .wp-story-pagination-bullet-bar-progress{background-color:#fff;height:4px;opacity:1;transition:width .1s ease;width:0}.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-ellipsis{flex:0 0 4px}.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-ellipsis .wp-story-pagination-bullet-bar{min-width:6px}.wp-story-container .wp-story-controls{bottom:30px;display:none;flex-direction:row;justify-content:space-between;margin:0 10px;position:absolute;width:64px;z-index:3}@media(max-width:782px){.wp-story-container .wp-story-controls{bottom:50px;margin:0 16px}}.wp-story-container.wp-story-with-controls{border-radius:0;box-shadow:none!important;overflow:visible;transition:none!important}.wp-story-container.wp-story-with-controls .wp-story-wrapper{border-radius:15px;box-shadow:0 2px 12px #00000040;overflow:hidden}.wp-story-container.wp-story-with-controls figure{transform:none!important;transition:none!important}.wp-story-container.wp-story-with-controls:hover{box-shadow:none!important;transform:none!important}.wp-story-container.wp-story-with-controls:hover figure{transform:none}.wp-story-container.wp-story-with-controls .wp-story-next-slide,.wp-story-container.wp-story-with-controls .wp-story-prev-slide{display:block}.wp-story-container.wp-story-with-controls .wp-story-prev-slide{margin:auto;right:-48px}.wp-story-container.wp-story-with-controls .wp-story-next-slide{left:-48px;margin:auto}.wp-story-container.wp-story-with-controls .wp-story-controls{display:flex}@media(max-width:782px){.wp-story-container.wp-story-with-controls .wp-story-controls{bottom:30px;margin:0 10px}}.wp-story-fullscreen.wp-story-app{bottom:0;height:100%;left:0;margin:0;max-width:100%!important;padding:0;position:fixed;right:0;top:0;transform:translateZ(0);-webkit-user-select:none;user-select:none;width:100%!important;z-index:9999999999;-webkit-touch-callout:none}.wp-story-fullscreen.wp-story-container{border-radius:0;box-shadow:none;height:100%;margin:auto;max-height:100%;max-width:100%;overflow:initial;width:100%}.wp-story-fullscreen.wp-story-container,.wp-story-fullscreen.wp-story-container figure{transform:none;transition:none!important}.wp-story-fullscreen.wp-story-container:focus{outline:none}.wp-story-fullscreen.wp-story-container:before{box-shadow:none}.wp-story-fullscreen.wp-story-container:before:hover{opacity:0;transition:none!important}.wp-story-fullscreen.wp-story-container .wp-story-wrapper{border-radius:0;height:auto;margin-bottom:84px;margin-top:84px;overflow:initial}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-wrapper{margin-bottom:0;margin-top:0}}.wp-story-fullscreen.wp-story-container .wp-story-slide{height:100%;width:auto}.wp-story-fullscreen.wp-story-container .wp-story-slide.is-loading{width:100%}.wp-story-fullscreen.wp-story-container .wp-story-meta{align-items:center;color:#fff;display:flex;flex-direction:row;font-family:sans-serif;line-height:20px;padding:20px 0}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-meta{background:#000;background:linear-gradient(-180deg,#000000a1,#0000);padding:16px}}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-icon{background-color:#fff;border:2px solid #fff;border-radius:4px;flex-shrink:0;height:40px;margin:0 0 0 16px;width:40px}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-icon img{height:100%;text-align:center;width:100%}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-icon{height:24px;margin:0 0 0 12px;width:24px}}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-title{display:-webkit-box;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-title{font-size:12px}}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-exit-fullscreen{margin-right:auto;min-height:24px;min-width:24px;order:3}.wp-story-fullscreen.wp-story-container .wp-story-overlay{margin-bottom:84px;margin-top:84px}.wp-story-fullscreen.wp-story-container .wp-story-overlay .wp-story-embed-icon,.wp-story-fullscreen.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand{display:none}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-overlay{bottom:76px;margin-bottom:0;margin-top:0;top:76px}.wp-story-fullscreen.wp-story-container.wp-story-disabled .wp-story-overlay,.wp-story-fullscreen.wp-story-container.wp-story-ended .wp-story-overlay{bottom:0;top:0}}.wp-story-fullscreen.wp-story-container .wp-story-next-slide,.wp-story-fullscreen.wp-story-container .wp-story-prev-slide{display:block}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-next-slide,.wp-story-fullscreen.wp-story-container .wp-story-prev-slide{bottom:0;display:block;height:100%;position:absolute;top:0}.wp-story-fullscreen.wp-story-container .wp-story-next-slide button,.wp-story-fullscreen.wp-story-container .wp-story-prev-slide button{display:none}.wp-story-fullscreen.wp-story-container .wp-story-prev-slide{right:0;width:33.33%}.wp-story-fullscreen.wp-story-container .wp-story-next-slide{left:0;width:66.66%}}.wp-story-fullscreen.wp-story-container .wp-story-controls{bottom:20px;display:flex;flex-direction:row;justify-content:space-between;margin:0;position:absolute;width:88px}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-controls{bottom:36px;margin:0 16px}}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets{bottom:42px;display:flex;margin:0;padding:14px 0;position:absolute;top:auto}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet{justify-content:space-between}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet:first-child{margin-right:0}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet:last-child{margin-left:0}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets{bottom:0;padding:10px 16px}}.wp-story-background{background-color:#0e1112;bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:-2}.wp-story-background svg{height:0;width:0}.wp-story-background img{height:100%;width:100%}.wp-story-background .wp-story-background-dark{bottom:0;left:0;opacity:.12;position:absolute;right:0;top:0}@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.wp-story-background .wp-story-background-dark{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}.wp-story-background .wp-story-background-image{background-position:100%;background-repeat:no-repeat;background-size:100% auto;display:none;height:100%;width:100%}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.wp-story-background .wp-story-background-image{filter:blur(18px);filter:url(#gaussian-blur-18);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="18")}}.wp-story-background .wp-story-background-blur{background-color:rgba(14,17,18,.878);bottom:0;left:0;position:absolute;right:0;top:0}@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.wp-story-background .wp-story-background-blur{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}html.wp-story-in-fullscreen{overflow:hidden;scroll-behavior:auto}body.wp-story-in-fullscreen{height:100%;overflow:hidden;padding-left:15px;position:fixed;width:100%}1 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-interactive>*{pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-interactive:after{content:none}.jetpack-editor-panel-logo{margin-right:.5em}.jetpack-mdc-icon-button{align-items:center;border:0;box-sizing:border-box;display:inline-flex;justify-content:center;padding:0;position:relative;fill:currentColor;-webkit-appearance:none;appearance:none;background-color:);padding:16px}}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-icon{background-color:#fff;border:2px solid #fff;border-radius:4px;flex-shrink:0;height:40px;margin:0 0 0 16px;width:40px}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-icon img{height:100%;text-align:center;width:100%}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-icon{height:24px;margin:0 0 0 12px;width:24px}}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-title{display:-webkit-box;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-title{font-size:12px}}.wp-story-fullscreen.wp-story-container .wp-story-meta .wp-story-exit-fullscreen{margin-right:auto;min-height:24px;min-width:24px;order:3}.wp-story-fullscreen.wp-story-container .wp-story-overlay{margin-bottom:84px;margin-top:84px}.wp-story-fullscreen.wp-story-container .wp-story-overlay .wp-story-embed-icon,.wp-story-fullscreen.wp-story-container .wp-story-overlay .wp-story-embed-icon-expand{display:none}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-overlay{bottom:76px;margin-bottom:0;margin-top:0;top:76px}.wp-story-fullscreen.wp-story-container.wp-story-disabled .wp-story-overlay,.wp-story-fullscreen.wp-story-container.wp-story-ended .wp-story-overlay{bottom:0;top:0}}.wp-story-fullscreen.wp-story-container .wp-story-next-slide,.wp-story-fullscreen.wp-story-container .wp-story-prev-slide{display:block}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-next-slide,.wp-story-fullscreen.wp-story-container .wp-story-prev-slide{bottom:0;display:block;height:100%;position:absolute;top:0}.wp-story-fullscreen.wp-story-container .wp-story-next-slide button,.wp-story-fullscreen.wp-story-container .wp-story-prev-slide button{display:none}.wp-story-fullscreen.wp-story-container .wp-story-prev-slide{right:0;width:33.33%}.wp-story-fullscreen.wp-story-container .wp-story-next-slide{left:0;width:66.66%}}.wp-story-fullscreen.wp-story-container .wp-story-controls{bottom:20px;display:flex;flex-direction:row;justify-content:space-between;margin:0;position:absolute;width:88px}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-controls{bottom:36px;margin:0 16px}}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets{bottom:42px;display:flex;margin:0;padding:14px 0;position:absolute;top:auto}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet{justify-content:space-between}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet:first-child{margin-right:0}.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets .wp-story-pagination-bullet:last-child{margin-left:0}@media(max-width:782px){.wp-story-fullscreen.wp-story-container .wp-story-pagination-bullets{bottom:0;padding:10px 16px}}.wp-story-background{background-color:#0e1112;bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:-2}.wp-story-background svg{height:0;width:0}.wp-story-background img{height:100%;width:100%}.wp-story-background .wp-story-background-dark{bottom:0;left:0;opacity:.12;position:absolute;right:0;top:0}@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.wp-story-background .wp-story-background-dark{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}.wp-story-background .wp-story-background-image{background-position:100%;background-repeat:no-repeat;background-size:100% auto;display:none;height:100%;width:100%}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.wp-story-background .wp-story-background-image{filter:blur(18px);filter:url(#gaussian-blur-18);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="18")}}.wp-story-background .wp-story-background-blur{background-color:rgba(14,17,18,.878);bottom:0;left:0;position:absolute;right:0;top:0}@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.wp-story-background .wp-story-background-blur{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}html.wp-story-in-fullscreen{overflow:hidden;scroll-behavior:auto}body.wp-story-in-fullscreen{height:100%;overflow:hidden;padding-left:15px;position:fixed;width:100%}
Note: See TracChangeset
for help on using the changeset viewer.