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

Sticker Creator

Browse Source
This commit is contained in:
Ken Powers
2019-12-17 15:25:57 -05:00
committed by Scott Nonnenberg
parent 2df1ba6e61
commit 11d47a8eb9
123 changed files with 11287 additions and 1714 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
sticker-creator/elements/Button.scss Normal file
View File

@@ -0,0 +1,80 @@
@import '../mixins';
@import '../../stylesheets/variables';
.base {
border: none;
min-width: 80px;
height: 36px;
padding: 0 25px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
font-family: $inter;
font-weight: normal;
font-size: 14px;
white-space: nowrap;
@include light-theme() {
background-color: $color-gray-05;
color: $color-gray-90;
}
@include dark-theme() {
background-color: $color-gray-75;
color: $color-white;
}
&:disabled {
opacity: 0.4;
}
}
.primary {
composes: base;
@include light-theme() {
background-color: $color-signal-blue;
color: $color-white;
}
@include dark-theme() {
background-color: $color-signal-blue;
color: $color-white;
}
}
.pill {
composes: base;
height: 28px;
border-radius: 15px;
padding: 0 17px;
@include light-theme() {
color: $color-gray-90;
border: 1px solid $color-gray-90;
background: transparent;
}
@include dark-theme() {
color: $color-white;
border: 1px solid $color-white;
background: transparent;
}
}
.pill-primary {
composes: pill;
@include light-theme() {
border: none;
background-color: $color-signal-blue;
color: $color-white;
}
@include dark-theme() {
border: none;
background-color: $color-signal-blue;
color: $color-white;
}
}