ACC SHELL

/* ==========================================================================
   Objects.Grid
   ========================================================================== */

/**
 * Mrizka predpoklada `box-sizing: border-box;` a `display: inline-block;`.
 * Kombinuje se s utilitami pro definici sirky v souboru `_widths.scss`.
 */

$grid-gutter:                $base-grid-unit !default;
$grid-gutter--tiny:          quarter($grid-gutter) !default;
$grid-gutter--small:         halve($grid-gutter) !default;
$grid-gutter--large:         double($grid-gutter) !default;
$grid-gutter--extralarge:    quadruple($grid-gutter) !default;

$grid--tiny:                 false !default;
$grid--small:                false !default;
$grid--large:                false !default;
$grid--extralarge:           false !default;
$grid--flush:                false !default;
$grid--rev:                  false !default;
$grid--middle:               false !default;
$grid--bottom:               false !default;
$grid--right:                false !default;
$grid--center:               false !default;


.o-grid {
    padding: 0;
    margin:  0;
    margin-left: -$grid-gutter;
    list-style: none;
}

.o-grid__item  {
    display: inline-block;
    width: 100%;
    padding-left: $grid-gutter;
    vertical-align: top;
}


/**
 * Variace mrizky
 */

@if ($grid--tiny == true) {
    .o-grid--tiny {
        margin-left: -($grid-gutter--tiny);

        > .o-grid__item {
            padding-left: $grid-gutter--tiny;
        }
    }
}

@if ($grid--small == true) {
    .o-grid--small {
        margin-left: -($grid-gutter--small);

        > .o-grid__item {
            padding-left: $grid-gutter--small;
        }
    }
}

@if ($grid--large == true) {
    .o-grid--large {
        margin-left: -($grid-gutter--large);

        > .o-grid__item {
            padding-left: $grid-gutter--large;
        }
    }
}

@if ($grid--extralarge == true) {
    .o-grid--extralarge {
        margin-left: -($grid-gutter--extralarge);

        > .o-grid__item {
            padding-left: $grid-gutter--extralarge;
        }
    }
}

@if ($grid--flush == true) {
    .o-grid--flush {
        margin-left: 0;

        > .o-grid__item {
            padding-left: 0;
        }
    }
}

@if ($grid--rev == true) {
    .o-grid--rev {
        direction: rtl;
        text-align: left;

        > .o-grid__item {
            direction: ltr;
            text-align: left;
        }
    }
}

@if ($grid--middle == true) {
    .o-grid--middle {
        > .o-grid__item {
            vertical-align: middle;
        }
    }
}

@if ($grid--bottom == true) {
    .o-grid--bottom {
        > .o-grid__item {
            vertical-align: bottom;
        }
    }
}

@if ($grid--right == true) {
    .o-grid--right {
        text-align: right;

        > .o-grid__item {
            text-align: left;
        }
    }
}

@if ($grid--center == true) {
    .o-grid--center {
        text-align: center;

        > .o-grid__item {
            text-align: left;
        }
    }
}