//
// Component: Grid
//
// ========================================================================


// Variables
// ========================================================================

@grid-gutter-horizontal:                        @global-grid-gutter;
@grid-gutter-vertical:                          @global-grid-gutter;

@grid-gutter-large-horizontal:                  @global-grid-gutter-large;
@grid-gutter-large-vertical:                    @global-grid-gutter-large;

@grid-divider-border:                           @global-border;


// Miscellaneous
// ========================================================================

.hook-grid-misc() {


    @media (max-width: @breakpoint-small-max) {

        .uk-grid-divider:not(:empty) {
            margin-left: -10px;
            margin-right: -10px;
        }

        .uk-grid-divider > * {
            padding-left: 10px;
            padding-right: 10px;
        }

    }


}