mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-03 20:37:23 +02:00
Modal fix (issue #3)
This commit is contained in:
@@ -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
2
flavors/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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
2
flavors/mini-niteowl.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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{
|
||||||
|
Reference in New Issue
Block a user