mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2026-04-23 01:48:13 +01:00
Sticker Creator
This commit is contained in:
committed by
Scott Nonnenberg
parent
2df1ba6e61
commit
11d47a8eb9
98
sticker-creator/elements/ConfirmDialog.scss
Normal file
98
sticker-creator/elements/ConfirmDialog.scss
Normal file
@@ -0,0 +1,98 @@
|
||||
@import '../mixins';
|
||||
@import '../../stylesheets/variables';
|
||||
|
||||
.base {
|
||||
width: 468px;
|
||||
height: 138px;
|
||||
padding: 16px 16px 8px 16px;
|
||||
display: grid;
|
||||
flex-direction: column;
|
||||
grid-template-rows: 33px 1fr 28px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 20px 0 rgba(0, 0, 0, 0.33);
|
||||
|
||||
@include light-theme() {
|
||||
background: $color-white;
|
||||
}
|
||||
|
||||
@include dark-theme() {
|
||||
background: $color-gray-75;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
font: {
|
||||
family: $inter;
|
||||
size: 14px;
|
||||
}
|
||||
margin: 0;
|
||||
|
||||
@include light-theme() {
|
||||
color: $color-gray-90;
|
||||
}
|
||||
|
||||
@include dark-theme() {
|
||||
color: $color-gray-05;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
composes: text;
|
||||
font-weight: 500;
|
||||
|
||||
@include light-theme() {
|
||||
color: $color-gray-90;
|
||||
}
|
||||
|
||||
@include dark-theme() {
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
align-content: flex-end;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 64px;
|
||||
height: 28px;
|
||||
border-radius: 14px;
|
||||
background: transparent;
|
||||
margin-left: 4px;
|
||||
text-align: center;
|
||||
|
||||
font: {
|
||||
family: $inter;
|
||||
weight: 500;
|
||||
size: 13px;
|
||||
}
|
||||
|
||||
@include light-theme() {
|
||||
color: $color-gray-60;
|
||||
border-color: $color-gray-60;
|
||||
}
|
||||
|
||||
@include dark-theme() {
|
||||
color: $color-gray-25;
|
||||
border-color: $color-gray-25;
|
||||
}
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
composes: button;
|
||||
|
||||
@include light-theme() {
|
||||
color: $color-white;
|
||||
border-color: $color-signal-blue;
|
||||
background: $color-signal-blue;
|
||||
}
|
||||
|
||||
@include dark-theme() {
|
||||
color: $color-white;
|
||||
border-color: $color-signal-blue;
|
||||
background: $color-signal-blue;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user