@zhsz/cool-design-dv
Version:
72 lines (69 loc) • 1.46 kB
CSS
/* BEM support Func
-------------------------- */
/* Break-points
-------------------------- */
/* Scrollbar
-------------------------- */
/* Placeholder
-------------------------- */
/* BEM
-------------------------- */
.my-dv-page {
position: relative;
background-image: radial-gradient(ellipse farthest-corner at center center, #033958 0%, #080542 70%);
width: 100%;
height: 100vh;
overflow: hidden;
transform-origin: 0 0;
color: #b4e4ff;
font-size: 16px;
top: 50%;
left: 50%;
}
.my-dv-page__wrapper {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
overflow: hidden;
background: #080542;
}
.my-dv-page__wrapper .my-master-app {
overflow: hidden;
}
.my-dv-page__fullscreen {
transition: opacity 0.1s;
position: absolute;
z-index: 9999;
line-height: 0;
top: 10px;
right: 10px;
background: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 3px;
color: rgba(255, 255, 255, 0.4);
opacity: 0;
cursor: pointer;
display: block;
align-items: center;
justify-content: center;
}
.my-dv-page__fullscreen:hover {
opacity: 0.8 ;
}
.my-dv-page:hover .my-dv-page__fullscreen {
opacity: 0.3;
}
body[class*=my-dv-page__wrapper],
div[class*=my-dv-page__wrapper] {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
overflow: hidden;
background: #000;
}
body[class*=my-dv-page__wrapper] .my-master-app,
div[class*=my-dv-page__wrapper] .my-master-app {
overflow: hidden;
}