Skip to content

Instantly share code, notes, and snippets.

@sibsfinx
Created December 19, 2013 08:58
Show Gist options
  • Save sibsfinx/8036390 to your computer and use it in GitHub Desktop.
Save sibsfinx/8036390 to your computer and use it in GitHub Desktop.
sass styles for isotope v1
.isotope-item
z-index: 2
.isotope-hidden.isotope-item
pointer-events: none
z-index: 1
/**** Isotope CSS3 transitions ***
.isotope
-webkit-transition-duration: 0.8s
-moz-transition-duration: 0.8s
-ms-transition-duration: 0.8s
-o-transition-duration: 0.8s
transition-duration: 0.8s
.isotope-item
-webkit-transition-duration: 0.8s
-moz-transition-duration: 0.8s
-ms-transition-duration: 0.8s
-o-transition-duration: 0.8s
transition-duration: 0.8s
-webkit-transition-property: -webkit-transform, opacity
-moz-transition-property: -moz-transform, opacity
-ms-transition-property: -ms-transform, opacity
-o-transition-property: -o-transform, opacity
transition-property: transform, opacity
-webkit-transition-property: height, width
-moz-transition-property: height, width
-ms-transition-property: height, width
-o-transition-property: height, width
transition-property: height, width
&.no-transition
-webkit-transition-duration: 0s
-moz-transition-duration: 0s
-ms-transition-duration: 0s
-o-transition-duration: 0s
transition-duration: 0s
.isotope-item
-webkit-transition-duration: 0s
-moz-transition-duration: 0s
-ms-transition-duration: 0s
-o-transition-duration: 0s
transition-duration: 0s
.isotope-item.no-transition
-webkit-transition-duration: 0s
-moz-transition-duration: 0s
-ms-transition-duration: 0s
-o-transition-duration: 0s
transition-duration: 0s
&.infinite-scrolling
-webkit-transition: none
-moz-transition: none
-ms-transition: none
-o-transition: none
transition: none
/**** disabling Isotope CSS3 transitions ***
/* End: Recommended Isotope styles
/* disable CSS transitions for containers with infinite scrolling
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment