[Resolved] Unsemantic default left and right padding.

Home Forums Support [Resolved] Unsemantic default left and right padding.

Home Forums Support Unsemantic default left and right padding.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #715253
    David

    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.

    #715301
    David
    Staff
    Customer Support

    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;
    }
    #715428
    David

    So why add 10px left and right?

    #715594
    David
    Staff
    Customer Support

    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

    #715871
    David

    Ok ok.

    Thanks, David.

    #715885
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.