signal-desktop/stylesheets/components/OutgoingGiftBadgeModal.scss

47 lines
834 B
SCSS
Raw Normal View History

2022-05-11 20:59:58 +00:00
// Copyright 2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.OutgoingGiftBadgeModal {
text-align: center;
&__container {
width: 420px;
max-width: 420px;
}
&__title {
@include font-title-2;
margin-top: 5px;
}
&__description {
@include font-body-1;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
width: 328px;
}
&__badge {
margin-top: 34px;
height: 160px;
width: 160px;
&--missing {
border-radius: 50%;
margin-left: auto;
margin-right: auto;
@include light-theme {
background-color: $color-gray-05;
}
@include dark-theme {
background-color: $color-gray-60;
}
}
}
&__badge-summary {
margin-top: 16px;
margin-bottom: 16px;
@include font-body-1-bold;
}
}