mirror of
https://github.com/misenhower/splatoon2.ink.git
synced 2026-07-14 07:30:50 -05:00
65 lines
1.3 KiB
SCSS
65 lines
1.3 KiB
SCSS
// Generic boxes
|
|
.product-box {
|
|
@extend .bg-mask-product;
|
|
border-radius: 32px;
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.modal-card-product-box {
|
|
.modal-card-head {
|
|
@extend .bg-mask-product;
|
|
mask-size: 730px 1168px;
|
|
background-position-y: bottom;
|
|
|
|
border: none;
|
|
|
|
border-top-left-radius: 32px;
|
|
border-top-right-radius: 32px;
|
|
|
|
padding-top: 45px;
|
|
|
|
display: block; // Fixes issues with .level
|
|
}
|
|
.modal-card-body {
|
|
@extend .bg-stripes;
|
|
|
|
border-bottom-left-radius: 32px;
|
|
border-bottom-right-radius: 32px;
|
|
|
|
padding-bottom: 32px;
|
|
|
|
&::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
margin-bottom: 32px;
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: rgba($white, 0.6);
|
|
&:hover {
|
|
background: rgba($white-ter, 0.8);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.hook-box {
|
|
border-radius: 32px;
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
|
|
&:before {
|
|
content: "";
|
|
position: absolute;
|
|
background-position-y: bottom !important;
|
|
|
|
width: 100%;
|
|
height: 29px;
|
|
top: -28px;
|
|
left: 0;
|
|
|
|
@extend .bg-mask-hook;
|
|
}
|
|
}
|