Let's simplify .col-full selectors

[gorgoglionemeister]

Reading the stylesheets, I found that the .col-full selectors are a mess. The rules:

@include susy-media($desktop) {
	.col-full {
		@include clearfix;
		@include container($container-width);
		padding: 0 ms(5);
		box-sizing: content-box;
	}

@include susy-media (max-width $container-width) {
	.col-full {
		margin-left: ms(5);
		margin-right: ms(5);
		padding: 0;
	}
}

@include susy-media (max-width $handheld) {
	.col-full {
		margin-left: ms(2);
		margin-right: ms(2);
		padding: 0;
	}
}

In contrast with the rest of the code, .col-full is styled with a desktop-first approach, making it difficult to understand its behavior.

So, there is .col-full between ∞ and 67.142em, a variant between 67.141em and 768px, a variant between 767px and 569px and another one between 568px and 0.

Why not simplify things in a mobile-first way, removing the max-width media queries?

[jameskoster]

I agree this could be simplified.

[gorgoglionemeister]

May I ask where the value of the variable $container-width, in the stable version, 67.141em, comes from?

[jameskoster]

It's left over from the modular scale we used originally. We should probably update that to use the new ms() sass function :)

[gorgoglionemeister]

$container-width can not have peace :) I don't like it bounded to a modular scale step, but OK. Is there a way to overwrite this value (and other media queries) in a child theme?

[jameskoster]

I don't like it bounded to a modular scale step

How come? Everything else is.

Is there a way to overwrite this value (and other media queries) in a child theme?

I'm afraid not :( If you can think of a way however a PR would be most welcome :)

[gorgoglionemeister]

I mean, modular scale is OK for vertical spaces, but I don't like it for horizontal ones. In my opinion, 60em (960px) is a more practical value than 66.4989378333em (1063.9830053328px).