73 lines
1.7 KiB
Stylus
73 lines
1.7 KiB
Stylus
|
/*
|
||
|
|
* Justified Gallery - v4.0.0-alpha
|
||
|
|
* http://miromannino.com/projects/justified-gallery/
|
||
|
|
* Copyright (c) 2019 Miro Mannino
|
||
|
|
* Licensed under the MIT license.
|
||
|
|
*/
|
||
|
|
|
||
|
|
.justified-gallery
|
||
|
|
width 100%
|
||
|
|
position relative
|
||
|
|
overflow hidden
|
||
|
|
> a, > div, > figure
|
||
|
|
position absolute
|
||
|
|
display inline-block
|
||
|
|
overflow hidden
|
||
|
|
background gray /* To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
|
||
|
|
filter "alpha(opacity=10)"
|
||
|
|
opacity 0.1
|
||
|
|
margin 0
|
||
|
|
padding 0
|
||
|
|
> img, > a > img, > svg, > a > svg
|
||
|
|
position absolute
|
||
|
|
top 50%
|
||
|
|
left 50%
|
||
|
|
margin 0
|
||
|
|
padding 0
|
||
|
|
border none
|
||
|
|
filter "alpha(opacity=0)"
|
||
|
|
opacity 0
|
||
|
|
> .caption
|
||
|
|
display none
|
||
|
|
position absolute
|
||
|
|
right 0
|
||
|
|
bottom 0
|
||
|
|
left 0
|
||
|
|
padding 1rem
|
||
|
|
background-color rgba(black, .5)
|
||
|
|
background linear-gradient(to top, rgba(black, .5), transparent)
|
||
|
|
color white
|
||
|
|
&.caption-visible
|
||
|
|
display initial
|
||
|
|
> .jg-entry-visible
|
||
|
|
filter "alpha(opacity=100)"
|
||
|
|
opacity 1
|
||
|
|
background none
|
||
|
|
> img, > a > img, > svg, > a > svg
|
||
|
|
filter "alpha(opacity=100)"
|
||
|
|
opacity 1
|
||
|
|
-webkit-transition opacity 500ms ease-in
|
||
|
|
-moz-transition opacity 500ms ease-in
|
||
|
|
-o-transition opacity 500ms ease-in
|
||
|
|
transition opacity 500ms ease-in
|
||
|
|
> .jg-filtered
|
||
|
|
display none
|
||
|
|
> .spinner
|
||
|
|
position absolute
|
||
|
|
bottom 0
|
||
|
|
margin-left -24px
|
||
|
|
padding 10px 0 10px 0
|
||
|
|
left 50%
|
||
|
|
filter "alpha(opacity=100)"
|
||
|
|
opacity 1
|
||
|
|
overflow initial
|
||
|
|
> span
|
||
|
|
display inline-block
|
||
|
|
filter "alpha(opacity=0)"
|
||
|
|
opacity 0
|
||
|
|
width 8px
|
||
|
|
height 8px
|
||
|
|
margin 0 4px 0 4px
|
||
|
|
background-color #000
|
||
|
|
border-radius 6px
|
||
|
|
|