Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5403 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5401 stevensc 1 
@import "./variables.scss";
2 
 
3 
@mixin for-size($size) {
4 
    @if $size ==phone {
5455 stevensc 5 
        @media (max-width: 767px) {
5401 stevensc 6 
            @content;
7 
        }
8 
    }
9 
 
10 
    @else if $size ==tablet-portrait {
5455 stevensc 11 
        @media (min-width: 768px) {
5401 stevensc 12 
            @content;
13 
        }
14 
    }
15 
 
16 
    @else if $size ==tablet-landscape {
17 
        @media (min-width: 900px) {
18 
            @content;
19 
        }
20 
    }
21 
 
22 
    @else if $size ==desktop {
23 
        @media (min-width: 1200px) {
24 
            @content;
25 
        }
26 
    }
27 
 
28 
    @else if $size ==big-desktop {
29 
        @media (min-width: 1800px) {
30 
            @content;
31 
        }
32 
    }
33 
}
34 
 
35 
@mixin widget {
36 
    background: $bg-color;
37 
    border: 1px solid $border-primary;
38 
    border-radius: $border-radius;
39 
    height: fit-content;
40 
    box-shadow: $light-shadow;
41 
    width: 100%;
42 
 
43 
    @include for-size(phone) {
44 
        border-radius: 0;
5403 stevensc 45 
        border-left: 0;
46 
        border-right: 0;
5401 stevensc 47 
    }
48 
}