60 lines
1.3 KiB
SCSS
60 lines
1.3 KiB
SCSS
// Copyright 2024 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
.ComposeStepButton {
|
|
&__icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 16px;
|
|
|
|
@include light-theme {
|
|
background-color: $color-black-alpha-06;
|
|
}
|
|
@include dark-theme {
|
|
background-color: $color-white-alpha-12;
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
|
|
@include light-theme {
|
|
background-color: $color-black;
|
|
}
|
|
@include dark-theme {
|
|
background-color: $color-gray-05;
|
|
}
|
|
}
|
|
|
|
// Calls Tab avatars are 36px
|
|
&--call-link {
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
&--call-link::before {
|
|
-webkit-mask-image: url('../images/icons/v3/link/link.svg');
|
|
}
|
|
|
|
&--group::before {
|
|
-webkit-mask-image: url('../images/icons/v3/group/group.svg');
|
|
}
|
|
|
|
&--username::before {
|
|
-webkit-mask-image: url('../images/icons/v3/at/at.svg');
|
|
}
|
|
|
|
&--phone-number::before {
|
|
-webkit-mask-image: url('../images/icons/v3/number/number-light.svg');
|
|
}
|
|
}
|
|
}
|