Skip to content

Commit

Permalink
FIX: popup
Browse files Browse the repository at this point in the history
  • Loading branch information
corvus committed Jun 5, 2017
1 parent e93b567 commit c4ff68f
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 5 deletions.
48 changes: 48 additions & 0 deletions assets/sass/shortcodes/_shortcodes.scss
Original file line number Diff line number Diff line change
Expand Up @@ -402,6 +402,54 @@

// Wapu popup
body .wapu-popup {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 99999;
background: rgba(0,0,0,.6);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
&.popup-hidden {
top: auto;
height: 0;
opacity: 0;
transition: opacity 150ms linear;
.wapu-popup__content {
opacity: 0;
transform: translateY(30px);
}
}
&__overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
&__content {
background: #fff;
display: inline-block;
padding: 40px;
max-width: 100%;
box-shadow: 0px 5px 21px rgba(0,0,0,0.3);
border-radius: 5px;
text-align: center;
box-sizing: border-box;
opacity: 1;
transform: translateY(0);
transition: all 300ms linear 200ms;
position: relative;
z-index: 2;
max-width: 80%;
max-height: 70vh;
overflow: auto;
}
background-color: rgba($color__background-footer, 0.8);
&__content {
padding: 36px 40px;
Expand Down
6 changes: 1 addition & 5 deletions style.css

Large diffs are not rendered by default.

0 comments on commit c4ff68f

Please sign in to comment.