@micromag/screen-urbania-article 0.3.495 → 0.3.497

package/assets/css/styles.css

@@ -1,2 +1,2 @@
 .micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-visual,.micromag-screen-urbania-article-urbania-base-article-empty,.micromag-screen-urbania-article-urbania-base-article-footerContainer,.micromag-screen-urbania-article-urbania-base-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-disabled.micromag-screen-urbania-article-urbania-base-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-hidden.micromag-screen-urbania-article-urbania-base-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-placeholder.micromag-screen-urbania-article-urbania-base-article-container .micromag-screen-urbania-article-urbania-base-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-visual{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:end;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{margin-top:0}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-callToAction{position:absolute}.micromag-screen-urbania-article-urbania-base-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-urbania-base-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-urbania-base-article-emptyContainer.micromag-screen-urbania-article-urbania-base-article-small{padding-bottom:15%}.micromag-screen-urbania-article-urbania-base-article-empty{margin:0}.micromag-screen-urbania-article-urbania-base-article-background{position:absolute;z-index:1}.micromag-screen-urbania-article-urbania-base-article-content{height:100%;position:static;z-index:2}.micromag-screen-urbania-article-urbania-base-article-articleContent,.micromag-screen-urbania-article-urbania-base-article-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#222;justify-content:center;text-align:center;z-index:3}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{padding:3px 20px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{font-family:GarageGothic-Bold;font-size:36px;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors.micromag-screen-urbania-article-urbania-base-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors p,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-author{color:#5e79ff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-sponsors,.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-author{color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors .micromag-screen-urbania-article-urbania-base-article-author{color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities .micromag-screen-urbania-article-urbania-base-article-overTitle{color:#222}.micromag-screen-urbania-article-urbania-base-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-footerContainer{z-index:3}.micromag-screen-urbania-article-urbania-base-article-footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-button{font-family:Agrandir;font-size:16px}.micromag-screen-urbania-article-urbania-base-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-urbania-base-article-placeholder{display:block}.micromag-screen-urbania-article-urbania-base-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-visible{opacity:1}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-urbania-base-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-urbania-base-article-isCurrent .micromag-screen-urbania-article-urbania-base-article-image{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-urbania-base-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-urbania-base-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
-.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{scrollbar-width:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe::-webkit-scrollbar{display:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-disabled.micromag-screen-urbania-article-urbania-base-article-card-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-hidden.micromag-screen-urbania-article-urbania-base-article-card-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-card-placeholder.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-layout{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer{z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer.micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder{-ms-flex-item-align:center;align-self:center;background-color:#6c6c6c;border-top-left-radius:1em;border-top-right-radius:1em;height:45%;left:2.5%;top:55%;width:95%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-card{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-pulse{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100%;left:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:6}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close{color:#222;-webkit-filter:invert(100%);filter:invert(100%);opacity:0;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:flex-start;padding:20px 10px;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinner{color:#000}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;margin:0;top:55%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker.micromag-screen-urbania-article-urbania-base-article-card-active{display:block}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-placeholder{background-color:#6c6c6c;height:50px;width:50px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-callToAction{opacity:0}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{opacity:0;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}
+.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{scrollbar-width:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe::-webkit-scrollbar{display:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-disabled.micromag-screen-urbania-article-urbania-base-article-card-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-hidden.micromag-screen-urbania-article-urbania-base-article-card-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-card-placeholder.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-layout{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer{z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer.micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder{-ms-flex-item-align:center;align-self:center;background-color:#6c6c6c;border-top-left-radius:1em;border-top-right-radius:1em;height:45%;left:2.5%;top:55%;width:95%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-card{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-pulse{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100%;left:0;margin-left:15px;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle.micromag-screen-urbania-article-urbania-base-article-card-focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close{color:#222;-webkit-filter:invert(100%);filter:invert(100%);opacity:0;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:flex-start;padding:20px 10px;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinner{color:#000}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;margin:0;top:55%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker.micromag-screen-urbania-article-urbania-base-article-card-active{display:block}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-placeholder{background-color:#6c6c6c;height:50px;width:50px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-callToAction{opacity:0}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{opacity:0;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}

package/es/index.js

@@ -1,4 +1,4 @@
-import { FormattedMessage, defineMessage } from 'react-intl';
+import { FormattedMessage, defineMessage, useIntl } from 'react-intl';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -831,7 +831,7 @@ var definition = {
   }]
 };
 
-var styles = {"container":"micromag-screen-urbania-article-urbania-base-article-card-container","iframe":"micromag-screen-urbania-article-urbania-base-article-card-iframe","close":"micromag-screen-urbania-article-urbania-base-article-card-close","dragHandle":"micromag-screen-urbania-article-urbania-base-article-card-dragHandle","empty":"micromag-screen-urbania-article-urbania-base-article-card-empty","cardContainer":"micromag-screen-urbania-article-urbania-base-article-card-cardContainer","content":"micromag-screen-urbania-article-urbania-base-article-card-content","disabled":"micromag-screen-urbania-article-urbania-base-article-card-disabled","hidden":"micromag-screen-urbania-article-urbania-base-article-card-hidden","placeholder":"micromag-screen-urbania-article-urbania-base-article-card-placeholder","background":"micromag-screen-urbania-article-urbania-base-article-card-background","layout":"micromag-screen-urbania-article-urbania-base-article-card-layout","text":"micromag-screen-urbania-article-urbania-base-article-card-text","isPlaceholder":"micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder","card":"micromag-screen-urbania-article-urbania-base-article-card-card","callToAction":"micromag-screen-urbania-article-urbania-base-article-card-callToAction","arrow":"micromag-screen-urbania-article-urbania-base-article-card-arrow","ctaText":"micromag-screen-urbania-article-urbania-base-article-card-ctaText","cardInner":"micromag-screen-urbania-article-urbania-base-article-card-cardInner","pulse":"micromag-screen-urbania-article-urbania-base-article-card-pulse","closeIcon":"micromag-screen-urbania-article-urbania-base-article-card-closeIcon","articlePreview":"micromag-screen-urbania-article-urbania-base-article-card-articlePreview","articlePreviewInner":"micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner","articleTitle":"micromag-screen-urbania-article-urbania-base-article-card-articleTitle","spinnerContainer":"micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer","spinner":"micromag-screen-urbania-article-urbania-base-article-card-spinner","header":"micromag-screen-urbania-article-urbania-base-article-card-header","iframeBlocker":"micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker","active":"micromag-screen-urbania-article-urbania-base-article-card-active","articleOpened":"micromag-screen-urbania-article-urbania-base-article-card-articleOpened"};
+var styles = {"container":"micromag-screen-urbania-article-urbania-base-article-card-container","iframe":"micromag-screen-urbania-article-urbania-base-article-card-iframe","close":"micromag-screen-urbania-article-urbania-base-article-card-close","dragHandle":"micromag-screen-urbania-article-urbania-base-article-card-dragHandle","empty":"micromag-screen-urbania-article-urbania-base-article-card-empty","cardContainer":"micromag-screen-urbania-article-urbania-base-article-card-cardContainer","content":"micromag-screen-urbania-article-urbania-base-article-card-content","disabled":"micromag-screen-urbania-article-urbania-base-article-card-disabled","hidden":"micromag-screen-urbania-article-urbania-base-article-card-hidden","placeholder":"micromag-screen-urbania-article-urbania-base-article-card-placeholder","background":"micromag-screen-urbania-article-urbania-base-article-card-background","layout":"micromag-screen-urbania-article-urbania-base-article-card-layout","text":"micromag-screen-urbania-article-urbania-base-article-card-text","isPlaceholder":"micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder","card":"micromag-screen-urbania-article-urbania-base-article-card-card","callToAction":"micromag-screen-urbania-article-urbania-base-article-card-callToAction","arrow":"micromag-screen-urbania-article-urbania-base-article-card-arrow","ctaText":"micromag-screen-urbania-article-urbania-base-article-card-ctaText","cardInner":"micromag-screen-urbania-article-urbania-base-article-card-cardInner","pulse":"micromag-screen-urbania-article-urbania-base-article-card-pulse","focus-visible":"micromag-screen-urbania-article-urbania-base-article-card-focus-visible","closeIcon":"micromag-screen-urbania-article-urbania-base-article-card-closeIcon","articlePreview":"micromag-screen-urbania-article-urbania-base-article-card-articlePreview","articlePreviewInner":"micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner","articleTitle":"micromag-screen-urbania-article-urbania-base-article-card-articleTitle","spinnerContainer":"micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer","spinner":"micromag-screen-urbania-article-urbania-base-article-card-spinner","header":"micromag-screen-urbania-article-urbania-base-article-card-header","iframeBlocker":"micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker","active":"micromag-screen-urbania-article-urbania-base-article-card-active","articleOpened":"micromag-screen-urbania-article-urbania-base-article-card-articleOpened"};
 
 var propTypes = {
   hasArticle: PropTypes.bool,
@@ -877,6 +877,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     active = _ref.active,
     spacing = _ref.spacing,
     className = _ref.className;
+  var intl = useIntl();
   var finalBackground = background !== null ? background : {
     image: image
   };
@@ -989,9 +990,6 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
 
     // setIframeMounted(true);
   }, [articleOpened, setIframeMounted, setArticleOpened, disableInteraction, enableInteraction, openWebView, finalUrl]);
-  useCallback(function () {
-    setIframeLoaded(true);
-  }, [setIframeLoaded]);
   useEffect(function () {
     if (!iframeMounted || iframeLoaded) {
       return function () {};
@@ -1152,7 +1150,16 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
   }, /*#__PURE__*/React.createElement("button", Object.assign({
     type: "button",
     onClick: toggleCard,
-    className: styles.dragHandle
+    className: styles.dragHandle,
+    tabIndex: !current || articleOpened ? -1 : 0,
+    "aria-label": intl.formatMessage({
+      id: "IoMJgw",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Toggle article"
+      }]
+    }),
+    "aria-pressed": articleOpened
   }, current ? bindGesture() : null)), /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.cardInner, _defineProperty({}, styles.pulse, withCardBounce)])
   }, hasCta ? /*#__PURE__*/React.createElement("div", {
@@ -1164,7 +1171,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     className: styles.ctaText
   }, callToAction))) : null, /*#__PURE__*/React.createElement(Button, {
     className: styles.close,
-    disabled: !articleOpened,
+    disabled: !current || !articleOpened,
     onClick: toggleCard
   }, /*#__PURE__*/React.createElement(Close, {
     color: "#000",

package/lib/index.js

@@ -835,7 +835,7 @@ var definition = {
   }]
 };
 
-var styles = {"container":"micromag-screen-urbania-article-urbania-base-article-card-container","iframe":"micromag-screen-urbania-article-urbania-base-article-card-iframe","close":"micromag-screen-urbania-article-urbania-base-article-card-close","dragHandle":"micromag-screen-urbania-article-urbania-base-article-card-dragHandle","empty":"micromag-screen-urbania-article-urbania-base-article-card-empty","cardContainer":"micromag-screen-urbania-article-urbania-base-article-card-cardContainer","content":"micromag-screen-urbania-article-urbania-base-article-card-content","disabled":"micromag-screen-urbania-article-urbania-base-article-card-disabled","hidden":"micromag-screen-urbania-article-urbania-base-article-card-hidden","placeholder":"micromag-screen-urbania-article-urbania-base-article-card-placeholder","background":"micromag-screen-urbania-article-urbania-base-article-card-background","layout":"micromag-screen-urbania-article-urbania-base-article-card-layout","text":"micromag-screen-urbania-article-urbania-base-article-card-text","isPlaceholder":"micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder","card":"micromag-screen-urbania-article-urbania-base-article-card-card","callToAction":"micromag-screen-urbania-article-urbania-base-article-card-callToAction","arrow":"micromag-screen-urbania-article-urbania-base-article-card-arrow","ctaText":"micromag-screen-urbania-article-urbania-base-article-card-ctaText","cardInner":"micromag-screen-urbania-article-urbania-base-article-card-cardInner","pulse":"micromag-screen-urbania-article-urbania-base-article-card-pulse","closeIcon":"micromag-screen-urbania-article-urbania-base-article-card-closeIcon","articlePreview":"micromag-screen-urbania-article-urbania-base-article-card-articlePreview","articlePreviewInner":"micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner","articleTitle":"micromag-screen-urbania-article-urbania-base-article-card-articleTitle","spinnerContainer":"micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer","spinner":"micromag-screen-urbania-article-urbania-base-article-card-spinner","header":"micromag-screen-urbania-article-urbania-base-article-card-header","iframeBlocker":"micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker","active":"micromag-screen-urbania-article-urbania-base-article-card-active","articleOpened":"micromag-screen-urbania-article-urbania-base-article-card-articleOpened"};
+var styles = {"container":"micromag-screen-urbania-article-urbania-base-article-card-container","iframe":"micromag-screen-urbania-article-urbania-base-article-card-iframe","close":"micromag-screen-urbania-article-urbania-base-article-card-close","dragHandle":"micromag-screen-urbania-article-urbania-base-article-card-dragHandle","empty":"micromag-screen-urbania-article-urbania-base-article-card-empty","cardContainer":"micromag-screen-urbania-article-urbania-base-article-card-cardContainer","content":"micromag-screen-urbania-article-urbania-base-article-card-content","disabled":"micromag-screen-urbania-article-urbania-base-article-card-disabled","hidden":"micromag-screen-urbania-article-urbania-base-article-card-hidden","placeholder":"micromag-screen-urbania-article-urbania-base-article-card-placeholder","background":"micromag-screen-urbania-article-urbania-base-article-card-background","layout":"micromag-screen-urbania-article-urbania-base-article-card-layout","text":"micromag-screen-urbania-article-urbania-base-article-card-text","isPlaceholder":"micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder","card":"micromag-screen-urbania-article-urbania-base-article-card-card","callToAction":"micromag-screen-urbania-article-urbania-base-article-card-callToAction","arrow":"micromag-screen-urbania-article-urbania-base-article-card-arrow","ctaText":"micromag-screen-urbania-article-urbania-base-article-card-ctaText","cardInner":"micromag-screen-urbania-article-urbania-base-article-card-cardInner","pulse":"micromag-screen-urbania-article-urbania-base-article-card-pulse","focus-visible":"micromag-screen-urbania-article-urbania-base-article-card-focus-visible","closeIcon":"micromag-screen-urbania-article-urbania-base-article-card-closeIcon","articlePreview":"micromag-screen-urbania-article-urbania-base-article-card-articlePreview","articlePreviewInner":"micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner","articleTitle":"micromag-screen-urbania-article-urbania-base-article-card-articleTitle","spinnerContainer":"micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer","spinner":"micromag-screen-urbania-article-urbania-base-article-card-spinner","header":"micromag-screen-urbania-article-urbania-base-article-card-header","iframeBlocker":"micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker","active":"micromag-screen-urbania-article-urbania-base-article-card-active","articleOpened":"micromag-screen-urbania-article-urbania-base-article-card-articleOpened"};
 
 var propTypes = {
   hasArticle: PropTypes.bool,
@@ -881,6 +881,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     active = _ref.active,
     spacing = _ref.spacing,
     className = _ref.className;
+  var intl = reactIntl.useIntl();
   var finalBackground = background !== null ? background : {
     image: image
   };
@@ -993,9 +994,6 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
 
     // setIframeMounted(true);
   }, [articleOpened, setIframeMounted, setArticleOpened, disableInteraction, enableInteraction, openWebView, finalUrl]);
-  React.useCallback(function () {
-    setIframeLoaded(true);
-  }, [setIframeLoaded]);
   React.useEffect(function () {
     if (!iframeMounted || iframeLoaded) {
       return function () {};
@@ -1156,7 +1154,16 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
   }, /*#__PURE__*/React.createElement("button", Object.assign({
     type: "button",
     onClick: toggleCard,
-    className: styles.dragHandle
+    className: styles.dragHandle,
+    tabIndex: !current || articleOpened ? -1 : 0,
+    "aria-label": intl.formatMessage({
+      id: "IoMJgw",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Toggle article"
+      }]
+    }),
+    "aria-pressed": articleOpened
   }, current ? bindGesture() : null)), /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.cardInner, _defineProperty({}, styles.pulse, withCardBounce)])
   }, hasCta ? /*#__PURE__*/React.createElement("div", {
@@ -1168,7 +1175,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     className: styles.ctaText
   }, callToAction))) : null, /*#__PURE__*/React.createElement(Button, {
     className: styles.close,
-    disabled: !articleOpened,
+    disabled: !current || !articleOpened,
     onClick: toggleCard
   }, /*#__PURE__*/React.createElement(components.Close, {
     color: "#000",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-article",
-    "version": "0.3.495",
+    "version": "0.3.497",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,21 +63,21 @@
         "@babel/runtime": "^7.13.10",
         "@folklore/fetch": "^0.1.17",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.491",
-        "@micromag/element-background": "^0.3.491",
-        "@micromag/element-button": "^0.3.491",
-        "@micromag/element-closed-captions": "^0.3.491",
-        "@micromag/element-container": "^0.3.491",
-        "@micromag/element-footer": "^0.3.491",
-        "@micromag/element-header": "^0.3.495",
-        "@micromag/element-heading": "^0.3.491",
-        "@micromag/element-image": "^0.3.491",
-        "@micromag/element-layout": "^0.3.491",
-        "@micromag/element-text": "^0.3.491",
-        "@micromag/element-urbania-author": "^0.3.491",
-        "@micromag/element-video": "^0.3.491",
-        "@micromag/element-visual": "^0.3.491",
-        "@micromag/transforms": "^0.3.491",
+        "@micromag/core": "^0.3.497",
+        "@micromag/element-background": "^0.3.497",
+        "@micromag/element-button": "^0.3.497",
+        "@micromag/element-closed-captions": "^0.3.497",
+        "@micromag/element-container": "^0.3.497",
+        "@micromag/element-footer": "^0.3.497",
+        "@micromag/element-header": "^0.3.497",
+        "@micromag/element-heading": "^0.3.497",
+        "@micromag/element-image": "^0.3.497",
+        "@micromag/element-layout": "^0.3.497",
+        "@micromag/element-text": "^0.3.497",
+        "@micromag/element-urbania-author": "^0.3.497",
+        "@micromag/element-video": "^0.3.497",
+        "@micromag/element-visual": "^0.3.497",
+        "@micromag/transforms": "^0.3.497",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.0",
         "classnames": "^2.2.6",
@@ -90,5 +90,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "dca5bb24d7c6de3807e45e15dccfdca68dcac0f4"
+    "gitHead": "94e795f19f551f20411fb12fada0906c5cdb0d4b"
 }