Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-04-25 19:08:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade sass

Browse Source
This commit is contained in:
Jamie Kyle
2024-11-15 15:09:31 -08:00
committed by GitHub
parent e819bfe4eb
commit 8e3b8b92fd
165 changed files with 8663 additions and 6514 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
stylesheets/components/InstallScreenBackupImportStep.scss
View File

@@ -1,6 +1,9 @@
// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
@use '../mixins';
@use '../variables';
.InstallScreenBackupImportStep {
position: relative;
display: flex;
@@ -22,7 +25,7 @@
}
.InstallScreenBackupImportStep__title {
@include font-title-2;
@include mixins.font-title-2;
margin-block: 0 20px;
}
@@ -31,41 +34,43 @@
}
.InstallScreenBackupImportStep__progressbar-hint {
@include font-caption;
@include mixins.font-caption;
margin-block-end: 22px;
@include light-theme {
color: rgba($color-gray-60, 0.8);
@include mixins.light-theme {
color: rgba(variables.$color-gray-60, 0.8);
}
@include dark-theme {
color: $color-gray-25;
@include mixins.dark-theme {
color: variables.$color-gray-25;
}
}
.InstallScreenBackupImportStep__description {
@include font-body-1;
@include mixins.font-body-1;
@include light-theme {
color: $color-gray-60;
@include mixins.light-theme {
color: variables.$color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
@include mixins.dark-theme {
color: variables.$color-gray-25;
}
}
.InstallScreenBackupImportStep__cancel {
@include button-reset();
@include button-focus-outline;
@include font-body-1-bold;
@include light-theme() {
color: $color-ultramarine;
@include mixins.button-reset();
& {
@include mixins.button-focus-outline;
@include mixins.font-body-1-bold;
}
@include dark-theme() {
color: $color-ultramarine-light;
@include mixins.light-theme() {
color: variables.$color-ultramarine;
}
@include mixins.dark-theme() {
color: variables.$color-ultramarine-light;
}
}
@@ -85,34 +90,39 @@
max-width: 336px;
&--icon::after {
@include light-theme {
@include color-svg(
@include mixins.light-theme {
@include mixins.color-svg(
'../images/icons/v3/lock/lock.svg',
rgba($color-gray-60, 0.8)
rgba(variables.$color-gray-60, 0.8)
);
}
@include dark-theme {
@include color-svg('../images/icons/v3/lock/lock.svg', $color-gray-25);
@include mixins.dark-theme {
@include mixins.color-svg(
'../images/icons/v3/lock/lock.svg',
variables.$color-gray-25
);
}
content: '';
display: block;
height: 16px;
width: 16px;
margin-bottom: 4px;
& {
content: '';
display: block;
height: 16px;
width: 16px;
margin-bottom: 4px;
}
}
&--description {
@include font-caption;
@include mixins.font-caption;
text-align: center;
@include light-theme {
color: rgba($color-gray-60, 0.8);
@include mixins.light-theme {
color: rgba(variables.$color-gray-60, 0.8);
}
@include dark-theme {
color: $color-gray-25;
@include mixins.dark-theme {
color: variables.$color-gray-25;
}
a {