2 lines
1.1 KiB
CSS
2 lines
1.1 KiB
CSS
#test-data{min-height:100vh;position:relative}#frame-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;gap:50px}#frame-box .frame{position:relative;display:flex;align-items:center;justify-content:center}#frame-box .frame .frame-angle{position:absolute}#frame-box .frame .frame-angle.frame-angle-top-left{top:0;left:0}#frame-box .frame .frame-angle.frame-angle-top-right{top:0;right:0}#frame-box .frame .frame-angle.frame-angle-bottom-right{bottom:0;right:0}#frame-box .frame .frame-angle.frame-angle-bottom-left{bottom:0;left:0}#frame-box .frame .frame-border{position:absolute;background-repeat:repeat;background-size:contain}#frame-box .frame .frame-border.frame-border-left{transform:rotate(180deg)}#frame-box .frame .frame-image{object-fit:contain}#frame-box .frame .frame-image.border{border:5px solid gold}#frame-box #frame-panel{position:relative;padding:10px;background:#595959;z-index:1}#frame-box #frame-panel .frame-panel-tile .frame-panel-tile-text{color:#fff}#frame-box #frame-panel #frame-inside-border{appearance:auto}
|
|
/*# sourceMappingURL=test.css.map */ |