mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-03 20:37:23 +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
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 { .modal + div {
z-index: 997; z-index: 997;
position: fixed; position: fixed;
width: 100%; width: 0;
height: 0; height: 0;
opacity: 0; opacity: 0;
transition: opacity .3s ease-out; } transition: opacity .3s ease-out; }
@@ -1240,6 +1240,7 @@ img.thumb {
border-radius: 4px; border-radius: 4px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal:checked + div { .modal:checked + div {
width: 100%;
height: 100%; height: 100%;
opacity: 1; } opacity: 1; }
.modal:checked + div > label { .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 { .modal + div {
z-index: 997; z-index: 997;
position: fixed; position: fixed;
width: 100%; width: 0;
height: 0; height: 0;
opacity: 0; opacity: 0;
transition: opacity .3s ease-out; } transition: opacity .3s ease-out; }
@@ -1240,6 +1240,7 @@ img.thumb {
border-radius: 4px; border-radius: 4px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal:checked + div { .modal:checked + div {
width: 100%;
height: 100%; height: 100%;
opacity: 1; } opacity: 1; }
.modal:checked + div > label { .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{ & + div{
z-index: 997; z-index: 997;
position: fixed; position: fixed;
width: 100%; width: 0;
height: 0; height: 0;
opacity: 0; opacity: 0;
@if $modal-transition-enabled == 'enabled'{ @if $modal-transition-enabled == 'enabled'{
@@ -34,7 +34,7 @@
& > div{ & > div{
z-index: 998; z-index: 998;
position: relative; position: relative;
width: $modal-width; width: $modal-width;
color: $modal-color; color: $modal-color;
background-color: $modal-bg-color; background-color: $modal-bg-color;
margin: $modal-top-margin auto 0; margin: $modal-top-margin auto 0;
@@ -47,6 +47,7 @@
} }
} }
&:checked + div{ &:checked + div{
width: 100%;
height: 100%; height: 100%;
opacity: 1; opacity: 1;
& > label{ & > label{