Fix _lightbox.scss
// FREEBIE
This commit is contained in:
parent
c0979b87e8
commit
c1b8ff9e54
1 changed files with 59 additions and 1 deletions
|
@ -1 +0,0 @@
|
|||
../components/lightbox2/dist/css/lightbox.css
|
59
stylesheets/_lightbox.scss
Normal file
59
stylesheets/_lightbox.scss
Normal file
|
@ -0,0 +1,59 @@
|
|||
.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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue