.content-column-wrap { display: table-cell; position: relative; .content-column-placeholder-wrap { display: none; } .content-column-placeholder-wrap.visible { width: 100%; padding: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 80px; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; .content-column-placeholder { background: #F2F5FF; width: 100%; padding: 16px 0; position: relative; height: calc(~'100% - 6px'); border: 1px solid #4e7bd8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #999999; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; .placeholder-image { background: url(content-column_placeholder.svg) no-repeat center 0px; width: 16px; height: 16px; display: inline-block; } } } .content-column-element { width: 100%; } &.t-content-block-focus { z-index: 3; box-shadow: 0 0 0 2px #64b8df; } }