.o-square {
    display: inline-block;
    width: 24px;
    height: @width;

    &--sm {
        width: 18px;
        height: @width;
    }

    &--md {
        width: 24px;
        height: @width;
    }
    
    &--lg {
        width: 32px;
        height: @width;
    }

    &--xl {
        width: 48px;
        height: @width;
    }

    &--xxl {
        width: 72px;
        height: @width;
    }

    &--center {
        vertical-align: middle;
    }

    &--fluid {
        width: 1em;
        height: @width;
    }
}