lbry.tech/app/sass/partials/_modal.scss
2018-10-12 17:29:53 -05:00

51 lines
758 B
SCSS

.modal {
@include center;
top: 0; right: 0;
bottom: 0; left: 0;
background-color: rgba($lbry-black, 0.5);
position: fixed;
z-index: 10;
h3 {
@media (min-width: 901px) {
font-size: 1.5rem;
margin-bottom: 0.25rem;
}
@media (max-width: 900px) {
font-size: 1.25rem;
}
}
p {
margin-bottom: 1rem;
@media (min-width: 901px) {
font-size: 1.15rem;
line-height: 1.33;
}
@media (max-width: 900px) {
font-size: 1.05rem;
line-height: 1.55;
}
a {
color: $lbry-teal-3;
}
}
}
.modal-wrap {
padding: 2rem 1.5rem;
background-color: $lbry-white;
@media (min-width: 501px) {
width: 500px;
}
@media (max-width: 500px) {
width: 100%;
}
}