houdini/app/assets/stylesheets/nonprofits/donation_form/show/index.css.scss
2020-06-15 10:26:57 -05:00

48 lines
864 B
SCSS

/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'mixins';
$width: 400px; // same as .modal.skinny
.donate-popup {
overflow: visible;
position: absolute;
min-width: 290px;
width: $width;
max-width: 100%;
top: 100px;
left: 50%;
margin: 0;
margin-left: -$width / 2;
background-color: white;
border: 1px solid #ddd;
@include border-radius(4px);
} //.donate-popup
.donate-popup.is-embedded {
margin: 0;
top: 0;
left: 0;
}
.donate-popup.is-modal .closeButton {
display: block;
}
.donate-popup.is-embedded .titleRow,
.donate-popup.is-embedded .closeButton {
display: none;
}
@media screen and (max-width: 500px) {
.donate-popup {
top: 10px;
}
}
@media screen and (max-width: 400px) {
.donate-popup {
left: 0;
margin-left: 0;
}
}