Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1441 ariadna 1 
@import "../../functions";
2 
@import "../../variables";
3 
@import "../../variables-dark";
4 
@import "../../maps";
5 
@import "../../mixins";
6 
 
7 
$utilities: ();
8 
 
9 
@include describe("utilities/api") {
10 
  @include it("generates utilities for each breakpoints") {
11 
    $utilities: (
12 
      margin: (
13 
        property: margin,
14 
        values: auto
15 
      ),
16 
      padding: (
17 
        property: padding,
18 
        responsive: true,
19 
        values: 1rem
20 
      ),
21 
      font-size: (
22 
        property: font-size,
23 
        values: (large: 1.25rem),
24 
        print: true
25 
      )
26 
    ) !global;
27 
 
28 
    $grid-breakpoints: (
29 
      xs: 0,
30 
      sm: 333px,
31 
      md: 666px
32 
    ) !global;
33 
 
34 
    @include assert() {
35 
      @include output() {
36 
        @import "../../utilities/api";
37 
      }
38 
 
39 
      @include expect() {
40 
        // margin is not set to responsive
41 
        .margin-auto {
42 
          margin: auto !important;
43 
        }
44 
 
45 
        // padding is, though
46 
        .padding-1rem {
47 
          padding: 1rem !important;
48 
        }
49 
 
50 
        .font-size-large {
51 
          font-size: 1.25rem !important;
52 
        }
53 
 
54 
        @media (min-width: 333px) {
55 
          .padding-sm-1rem {
56 
            padding: 1rem !important;
57 
          }
58 
        }
59 
 
60 
        @media (min-width: 666px) {
61 
          .padding-md-1rem {
62 
            padding: 1rem !important;
63 
          }
64 
        }
65 
 
66 
        @media print {
67 
          .font-size-print-large {
68 
            font-size: 1.25rem !important;
69 
          }
70 
        }
71 
      }
72 
 
73 
    }
74 
  }
75 
}