// main: ../../demo.less

// 1. Flex Helper Functions
.flex-centered-container {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.flex-lefted-container {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: left;
}
.flex-righted-container {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: right;
}

// 2. Border Helper functions
.bordered {
    border: 2px solid red;
}
.outlined {
    outline: 2px solid red;
}
.bordered(@color) {
    border: 2px solid @color;
}
.outlined(@color) {
    outline: 2px solid @color;
}

// 3. Font Helper functions
.uppercased {
    text-transform: uppercase;
}

// 4. Size Helper functions
.is-fullwidth {
    width: 100%!important;
}

// 5. Blink Helper functions
.blink_me {
    animation: blinker 1.5s ease-in-out infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}