Telegram Web K with changes to work inside I2P
https://web.telegram.i2p/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.3 KiB
80 lines
1.3 KiB
.popup-stickers { |
|
$parent: ".popup"; |
|
|
|
h6 { |
|
padding: 0 2rem 0 1.5rem; |
|
margin: 0; |
|
margin-top: 3px; |
|
font-size: 1.25rem; |
|
font-weight: 500; |
|
} |
|
|
|
.sticker-set-footer { |
|
padding: 19px 0 17px 0; |
|
border-top: 1px solid $lightgrey; |
|
text-align: center; |
|
color: $color-blue; |
|
|
|
.btn-primary { |
|
width: 164px; |
|
height: 44px; |
|
} |
|
} |
|
|
|
.sticker-set-footer.add { |
|
padding: 8px 0; |
|
} |
|
|
|
#{$parent} { |
|
&-container { |
|
max-width: 420px; |
|
max-height: 420px; |
|
width: 420px; |
|
padding: 0; |
|
} |
|
|
|
&-close { |
|
font-size: 1.5rem; |
|
margin-top: 6px; |
|
margin-left: 16px; |
|
} |
|
|
|
&-header { |
|
margin-bottom: 12px; |
|
flex: 0 0 auto; |
|
margin-top: 5px; |
|
} |
|
} |
|
|
|
.sticker-set { |
|
margin-bottom: 8px; |
|
|
|
&-stickers { |
|
padding: 0 5px; |
|
display: grid; |
|
grid-template-columns: repeat(5, 1fr); |
|
|
|
@include respond-to(handhelds) { |
|
grid-template-columns: repeat(4, 1fr); |
|
} |
|
} |
|
|
|
&-sticker { |
|
width: 80px; |
|
height: 80px; |
|
margin-bottom: 2px; |
|
justify-self: center; |
|
cursor: pointer; |
|
|
|
&:hover { |
|
border-radius: 12px; |
|
background-color: var(--color-gray-hover); |
|
} |
|
|
|
img { |
|
max-width: 100%; |
|
max-height: 100%; |
|
} |
|
} |
|
} |
|
} |