signal-desktop/stylesheets/components/InstallScreenBackupImportStep.scss
2024-09-11 14:03:18 -04:00

68 lines
1.2 KiB
SCSS

// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.InstallScreenBackupImportStep {
position: relative;
display: flex;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
}
.InstallScreenBackupImportStep__content {
text-align: center;
}
.InstallScreenBackupImportStep__title {
@include font-title-2;
margin-block: 0 20px;
}
.InstallScreenBackupImportStep .ProgressBar {
margin-block-end: 14px;
}
.InstallScreenBackupImportStep__progressbar-hint {
@include font-caption;
margin-block-end: 22px;
@include light-theme {
color: rgba($color-gray-60, 0.8);
}
@include dark-theme {
color: $color-gray-25;
}
}
.InstallScreenBackupImportStep__description {
@include font-body-1;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
}
.InstallScreenBackupImportStep__cancel {
@include button-reset();
@include button-focus-outline;
@include font-body-1-bold;
position: absolute;
bottom: 48px;
@include light-theme() {
color: $color-ultramarine;
}
@include dark-theme() {
color: $color-ultramarine-light;
}
}