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.
|
|
|
.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%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|