Difference between revisions of "Template:Vanderbilt Header"
Line 44: | Line 44: | ||
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
<![endif]--> | <![endif]--> | ||
+ | |||
+ | <script> | ||
+ | $('.grid').isotope({ | ||
+ | // set itemSelector so .grid-sizer is not used in layout | ||
+ | itemSelector: '.grid-item', | ||
+ | percentPosition: true, | ||
+ | masonry: { | ||
+ | // use element for option | ||
+ | columnWidth: '.grid-sizer' | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
<style> | <style> | ||
Line 52: | Line 64: | ||
/* fluid 5 columns */ | /* fluid 5 columns */ | ||
− | .grid-sizer, | + | .grid-sizer, .grid-item { width: 20%; } |
− | .grid-item { width: 20%; } | + | |
/* 2 columns */ | /* 2 columns */ | ||
.grid-item--width2 { width: 40%; } | .grid-item--width2 { width: 40%; } |
Revision as of 02:20, 7 September 2015
Demons in the Code
Vanderbilt University