Proyectos de Subversion LeadersLinked - Backend

@import "./variables.scss";

@mixin for-size($size) {
    @if $size ==phone {
        @media (max-width: 767px) {
            @content;
        }
    }

    @else if $size ==tablet-portrait {
        @media (min-width: 768px) {
            @content;
        }
    }

    @else if $size ==tablet-landscape {
        @media (min-width: 900px) {
            @content;
        }
    }

    @else if $size ==desktop {
        @media (min-width: 1200px) {
            @content;
        }
    }

    @else if $size ==big-desktop {
        @media (min-width: 1800px) {
            @content;
        }
    }
}

@mixin widget {
    background: $bg-color;
    border: 1px solid $border-primary;
    border-radius: $border-radius;
    height: fit-content;
    box-shadow: $light-shadow;
    width: 100%;

    @include for-size(phone) {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
}