//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .bootstrap {
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        *:before,
        *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        @import (less) '_grid.less';
        @import (less) '_responsive-utility.less';

        // http://stackoverflow.com/a/22799354
        .col-xs-5ths,
        .col-sm-5ths,
        .col-md-5ths,
        .col-lg-5ths {
            position: relative;
            min-height: 1px;
        }
        .col-xs-5ths {
            width: 20%;
            float: left;
        }
        @media (min-width: 640px) {
            .col-sm-5ths {
                width: 20%;
                float: left;
            }
        }
        @media (min-width: 768px) {
            .col-md-5ths {
                width: 20%;
                float: left;
            }
        }
        @media (min-width: 1024px) {
            .col-lg-5ths {
                width: 20%;
                float: left;
            }
        }
        // END

        .center-block {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .pull-right {
            float: right !important;
        }
        .pull-left {
            float: left !important;
        }
        .hide {
            display: none !important;
        }
        .show {
            display: block !important;
        }
        .invisible {
            visibility: hidden;
        }
        .text-hide {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }
        .hidden {
            display: none !important;
        }
        .affix {
            position: fixed;
        }
        .grid-row {
            .lib-clearfix();
            // margin-right: -15px;
            // margin-left: -15px;
            &.with-padding {
                [class*="col-"] {
                    padding: 15px;
                }
            }
        }
        &.example {
            .grid-row {
                margin-bottom: 20px;
                [class*="col-"] {
                    background-color: #eee;
                    background-color: rgba(86,61,124,.15);
                    border: 1px solid #ddd;
                    border: 1px solid rgba(86,61,124,.2);
                }
            }
        }
    }
}