grav-theme-libretic/scss/template/_modal.scss

71 lines
1.4 KiB
SCSS
Raw Normal View History

2015-01-29 12:31:15 +01:00
// Modal Window
.portfolio-modal .close-modal {
position: absolute;
top: 0;
right: 0;
width: 5rem;
height: 5rem;
background-color: transparent;
cursor: pointer;
font-size: 3rem;
2015-01-29 20:01:09 +01:00
@include breakpoint(mobile-only) {
display: none;
}
2015-01-29 12:31:15 +01:00
}
.modal {
@extend .default-animation;
display: none;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
background: $white;
text-align: center;
2015-01-29 20:01:09 +01:00
@include breakpoint(mobile-only) {
h1 {
margin-bottom: 0.5rem;
}
p, ul {
margin: 1rem 0;
}
ul {
margin-top: 0;
}
}
2015-01-29 12:31:15 +01:00
&.in {
opacity: 1;
}
.client-details {
list-style-type: none;
li {
display: inline-block;
strong {
color: $core-accent;
font-weight: normal;
}
}
}
.modal-content {
margin: 0 auto;
width: 35rem;
min-height: 100%;
margin-top: 10rem;
@include breakpoint(tablet-range) {
width: 100%;
}
@include breakpoint(mobile-only) {
2015-01-29 20:01:09 +01:00
margin-top: 0;
2015-01-29 12:31:15 +01:00
width: 100%;
}
2015-01-29 20:01:09 +01:00
img {
max-height: 15rem;
}
2015-01-29 12:31:15 +01:00
}
}