//medidas dinamicas
.vh {
    @for $var from 1 through 20 {
        &-#{ 5 * $var} {
            height: 5vh * $var !important;
        }
    }
}

.vw {
    @for $var from 1 through 20 {
        &-#{ 5 * $var} {
            height: 5vw * $var !important;
        }
    }
}

.w {
    @for $var from 1 through 20 {
        &-#{ 5 * $var} {
            width: 5% * $var !important;
        }
    }
}

.min {
    &-vh {
        @for $var from 1 through 50 {
            &-#{ 5 * $var} {
                min-height: 5vh * $var !important;
            }
        }
    }
    &-vw {
        @for $var from 1 through 20 {
            &-#{ 5 * $var} {
                min-width: 5vh * $var !important;
            }
        }
    }
    &-w {
        @for $var from 1 through 1000 {
            &-#{ 1 * $var} {
                min-width: 1px * $var !important;
            }
        }
    }
    &-h {
        @for $var from 1 through 1000 {
            &-#{ 1 * $var} {
                min-height: 1px * $var !important;
            }
        }
    }
}

.max {
    &-w {
        @for $var from 1 through 2000 {
            &-#{ 1 * $var} {
                max-width: 1px * $var !important;
            }
        }
    }
    &-h {
        @for $var from 1 through 1000 {
            &-#{ 1 * $var} {
                max-height: 1px * $var !important;
            }
        }
    }
    &-vh {
        @for $var from 1 through 20 {
            &-#{ 5 * $var} {
                max-height: 5vh * $var !important;
            }
        }
    }
}

//medidas dinamicas FIN