1 line
1.6 KiB
CSS
1 line
1.6 KiB
CSS
.primer-layout p label{float:left;margin-right:12px}.primer-layout p span.clear{content:'';clear:both;display:block}.primer-layout-wrap ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0}.primer-layout-wrap ul li{margin:.3em .3em;padding:0}.primer-layout-wrap ul li.disabled{opacity:.35}.primer-layout-wrap ul li span{display:none}.primer-layout-wrap ul li img{width:-webkit-calc(100% - .3em - 12px);width:calc(100% - .3em - 12px);height:auto;padding:6px}.primer-layout-wrap ul li label{display:block;position:relative;margin-left:0}.primer-layout-wrap ul li label>input{visibility:hidden;position:absolute}.primer-layout-wrap ul li label>input+img{border:3px solid transparent}.primer-layout-wrap ul li.active label>input+img{cursor:pointer}.primer-layout-wrap ul li.active label>input:checked+img{border-color:#1e8cbe}.primer-layout-wrap ul li.disabled label>input+img{cursor:default}#customize-control-layout .primer-layout-wrap ul,#side-sortables .primer-layout-wrap ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#customize-control-layout .primer-layout-wrap ul li,#side-sortables .primer-layout-wrap ul li{-webkit-flex-basis:-webkit-calc(25% - .6em);-ms-flex-preferred-size:calc(25% - .6em);flex-basis:calc(25% - .6em)}@media only screen and (max-width:850px){.primer-layout-wrap ul{display:inline-block}.primer-layout-wrap ul li{float:none;width:100%;padding:.5em 0!important}.primer-layout-wrap ul li span{display:inline-block}.primer-layout-wrap ul li img{display:none}.primer-layout-wrap ul li label{margin-left:24px}.primer-layout-wrap ul li label>input{visibility:visible;position:relative}} |