jquery - 砌体从 CSS 中检索排水沟值

Question

我正在使用响应式 CSS 网格和砌体。css 网格边距随不同的 .wrapper 大小而变化，所以我想知道是否可以在 css 文件中为 gutter 设置一个值并在 jquery 中检索该值

砌体js

jQuery(document).ready(function($){

    var $container = $('.wrapper');
    //get the value from .gutter in css file
    var $gutter = parseInt($('.gutter').css('margin'), 10);

    $container.imagesLoaded( function(){
        $container.masonry({
            itemSelector : '.container',
            singleMode:true,
            isAnimated:true,
            gutterWidth: gutter
        });
    });
});

的CSS：

@media only screen and (min-width:1200px) {
.gutter {margin:20px}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.gutter {margin:10px}
}