scss 波旁Susy流体布局与静态排水沟

Posted 2021-05-18

@import 'bourbon';
@import 'susy';

$gutter:20px;

$susy: (
	columns: 12,
	container: 100%,
	gutter-position: inside-static,
	column-width:1px, // see https://github.com/ericam/susy/issues/368
	gutters: $gutter/1px,
	global-box-sizing: border-box,
);

.header {@include container;
	.logo {@include span(2 of 12); padding-left:0;}
	.live {@include span(7 of 12); 
		.district {@include span(4 of 7);}
		.news {@include span(4 of 7 last); }
	}
	.search {@include span(3 of 12 last); padding-right:0;}
}