Ghost/ghost/admin/app/styles/layouts/migrate.css
Paul Davis 86027fdb6f
Add Migrate app (#16458)
Adds the UI for self-serve migrations
2023-03-30 15:40:06 +01:00

71 lines
1.2 KiB
CSS

.gh-migrate {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9999;
background: var(--main-bg-color);
}
.gh-migrate-container {
position: relative;
height: 100%;
width: 100%;
}
.gh-migrate-fullscreen-container {
position: relative;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
height: 100vh;
background: var(--main-bg-color);
overflow: hidden;
}
.gh-migrate .migrate-frame {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: 10;
transform: translate3d(0, 0, 0);
}
.gh-migrate-close {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 2rem;
position: absolute;
top: 0;
right: 0;
z-index: 10000; /* One more than the iframe wrapper */
}
.gh-migrate-close a {
color: var(--middarkgrey);
}
.gh-migrate-close a svg {
stroke: var(--middarkgrey);
width: 18px;
height: auto;
}
.gh-migrate-close a svg path {
stroke-width: 1px;
}
.gh-migrate-close a:hover svg {
stroke: var(--darkgrey);
}