dev-epau.archi.fr/user/themes/antimatter/scss/template/_bullets.scss

.bullets {
	margin: $leading-margin 0;
	margin-left: -$leading-margin / 2;
	margin-right: -$leading-margin / 2;
	overflow: auto;
}

.bullet {
	float: left;
	padding: 0 $leading-margin / 2;
}

.two-column-bullet {
	@include columns(2);
	@include breakpoint(mobile-only) {
		@include columns(1);
	}
}

.three-column-bullet {
	@include columns(3);
	@include breakpoint(mobile-only) {
		@include columns(1);
	}
}

.four-column-bullet {
	@include columns(4);
	@include breakpoint(mobile-only) {
		@include columns(1);
	}
}

.bullet-icon {
	float: left;
	background: $bullet-icon-color-1;
	padding: $bullet-icon-size / 4;
	width: $bullet-icon-size;
	height: $bullet-icon-size;
	border-radius: 50%;
	color: $white;
	font-size: $bullet-icon-size / 2;
	text-align: center;
}

.bullet-icon-1 {
	background: $bullet-icon-color-1;
}

.bullet-icon-2 {
	background: $bullet-icon-color-2;
}

.bullet-icon-3 {
	background: $bullet-icon-color-3;
}

.bullet-content {
	margin-left: $bullet-icon-size * 1.3;
}