hexo-theme-ayer/source-src/css/_partial/justifiedGallery.styl

73 lines
1.7 KiB
Stylus
Raw Normal View History

2019-12-03 11:37:44 +00:00
/*
* 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