mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-04-22 13:21:56 +02:00
Code Issues Releases Wiki Activity

Modal fix (issue #3)

Browse Source
This commit is contained in:
Angelos Chalaris 2016-09-28 21:05:50 +03:00
parent 02d76895d9
commit 94eddbe7ea
5 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
flavors/mini-default.css
View File

@ -1224,7 +1224,7 @@ img.thumb {
.modal + div {
z-index: 997;
position: fixed;
width: 100%;
width: 0;
height: 0;
opacity: 0;
transition: opacity .3s ease-out; }
@ -1240,6 +1240,7 @@ img.thumb {
border-radius: 4px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal:checked + div {
width: 100%;
height: 100%;
opacity: 1; }
.modal:checked + div > label {

2
flavors/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
flavors/mini-niteowl.css
View File

@ -1224,7 +1224,7 @@ img.thumb {
.modal + div {
z-index: 997;
position: fixed;
width: 100%;
width: 0;
height: 0;
opacity: 0;
transition: opacity .3s ease-out; }
@ -1240,6 +1240,7 @@ img.thumb {
border-radius: 4px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal:checked + div {
width: 100%;
height: 100%;
opacity: 1; }
.modal:checked + div > label {

2
flavors/mini-niteowl.min.css vendored
View File

File diff suppressed because one or more lines are too long

5
scss/mini-extra/_modal.scss
View File

@ -25,7 +25,7 @@
& + div{
z-index: 997;
position: fixed;
width: 100%;
width: 0;
height: 0;
opacity: 0;
@if $modal-transition-enabled == 'enabled'{
@ -34,7 +34,7 @@
& > div{
z-index: 998;
position: relative;
width: $modal-width;
width: $modal-width;
color: $modal-color;
background-color: $modal-bg-color;
margin: $modal-top-margin auto 0;
@ -47,6 +47,7 @@
}
}
&:checked + div{
width: 100%;
height: 100%;
opacity: 1;
& > label{