Site logo

Archived topic

Unsemantic default left and right padding.

5 replies · Started by David on October 31, 2018

Viewing posts 1–6 of 6

Hi, team.

How can I eliminate the padding left and right of Unsemantic grid-container and grid-x?
I need to put it to 0.

Salu2, David.

Hi there,

these are the specific CSS rules Unsemantic is using:

.grid-container {
    padding-left: 0;
    padding-right: 0;
}

.grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33,
.grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60,
.grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90,
.grid-95, [class * =mobile-grid-], [class * =tablet-grid-] {
    padding-left: 0;
    padding-right: 0;
}

So why add 10px left and right?

Its the unsemantic method for nesting grids. .grid-parent zeros out the left right padding. So if you are not nesting a grid your container should have the grid-parent grid-container classes

Ok ok.

Thanks, David.

This archived topic is closed to new replies.