Jquery 从css中检索边沟值

我正在使用一个响应css网格和砖石结构。css网格边距随.wrapper大小的不同而变化，因此我想知道是否可以在css文件中为边沟设置一个值，并在jquery中检索该值

砖石结构

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}
}