/**
 * Stylesheet
 *
 * @namespace LUNGO
 * @class Widgets
 *
 * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
 */

@import "constants.less";
@import "mixins.less";

.scroll {
    // overflow: scroll;
    //     overflow-x: hidden;
    //     overflow-y: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;

    &.horizontal {
        overflow-x: scroll;
        overflow-y: hidden !important;

        & > * {
            min-width: 4096px;
            & > * { float: left; }
        }
    }
}

.onleft { float: left; }
.onright { float: right;}
.hidden { display: none; }
.indented > * { padding: 10px; }
.wrapper {
    padding: 8px 8px;
}

.icon.small {
    font-size: 20px !important;
    height: 16px !important;
    width: 16px !important;
    line-height: 16px !important;
}

.framed { border: 2px solid #fff;}

.round { .border-radius(4px); }

.bubble {
    display: inline-block;
    padding: 2px 3px;
    min-width: 12px;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 13px;
}

& strong {
    font-size: 1.15em;
}

& small {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8em;
}