signal-desktop/stylesheets/_lightbox.scss

60 lines
964 B
SCSS
Raw Normal View History

2016-07-12 23:44:45 +00:00
.lightbox {
&.modal {
padding: 30px;
text-align: center;
background-color: rgba(0,0,0,0.8);
.content {
margin: 0;
padding: 0 50px;
max-width: 100%;
height: 100%;
box-shadow: none;
background: transparent;
img {
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
.controls {
position: absolute;
top: 0;
right: 0;
width: 50px;
}
a {
background: transparent;
width: 50px;
height: 50px;
margin-bottom: 10px;
display: inline-block;
cursor: pointer;
border-radius: 50%;
padding: 3px;
&:before {
content: '';
display: block;
width: 100%;
height: 100%;
}
&:hover {
background: $grey;
}
}
.save {
&:before {
@include color-svg('/images/save.svg', white);
}
}
}
}