1 | @import "mixins/tools.mediaqueries";
|
2 | @import "mixins/objects.grid";
|
3 |
|
4 | .o-grid {
|
5 | @include screen--xsmall-only {
|
6 | &.o-grid--xsmall-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
|
7 | @include grid__cell--fit;
|
8 | }
|
9 |
|
10 | &.o-grid--xsmall-full {
|
11 | @include grid--full;
|
12 | }
|
13 |
|
14 | &.o-grid--xsmall-full > .o-grid__cell {
|
15 | @include grid__cell--full;
|
16 | }
|
17 | }
|
18 |
|
19 | @include screen--small-only {
|
20 | &.o-grid--small-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
|
21 | @include grid__cell--fit;
|
22 | }
|
23 |
|
24 | &.o-grid--small-full {
|
25 | @include grid--full;
|
26 | }
|
27 |
|
28 | &.o-grid--small-full > .o-grid__cell {
|
29 | @include grid__cell--full;
|
30 | }
|
31 | }
|
32 |
|
33 | @include screen--medium-only {
|
34 | &.o-grid--medium-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
|
35 | @include grid__cell--fit;
|
36 | }
|
37 |
|
38 | &.o-grid--medium-full {
|
39 | @include grid--full;
|
40 | }
|
41 |
|
42 | &.o-grid--medium-full > .o-grid__cell {
|
43 | @include grid__cell--full;
|
44 | }
|
45 | }
|
46 |
|
47 | @include screen--large-only {
|
48 | &.o-grid--large-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
|
49 | @include grid__cell--fit;
|
50 | }
|
51 |
|
52 | &.o-grid--large-full {
|
53 | @include grid--full;
|
54 | }
|
55 |
|
56 | &.o-grid--large-full > .o-grid__cell {
|
57 | @include grid__cell--full;
|
58 | }
|
59 | }
|
60 |
|
61 | @include screen--xlarge-only {
|
62 | &.o-grid--xlarge-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
|
63 | @include grid__cell--fit;
|
64 | }
|
65 |
|
66 | &.o-grid--xlarge-full {
|
67 | @include grid--full;
|
68 | }
|
69 |
|
70 | &.o-grid--xlarge-full > .o-grid__cell {
|
71 | @include grid__cell--full;
|
72 | }
|
73 | }
|
74 |
|
75 | @include screen--super-only {
|
76 | &.o-grid--super-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
|
77 | @include grid__cell--fit;
|
78 | }
|
79 |
|
80 | &.o-grid--super-full {
|
81 | @include grid--full;
|
82 | }
|
83 |
|
84 | &.o-grid--super-full > .o-grid__cell {
|
85 | @include grid__cell--full;
|
86 | }
|
87 | }
|
88 |
|
89 | @include screen--xsmall-and-up {
|
90 | &__cell {
|
91 | @include grid__responsive-cells(xsmall);
|
92 | }
|
93 | }
|
94 |
|
95 | @include screen--small-and-up {
|
96 | &__cell {
|
97 | @include grid__responsive-cells(small);
|
98 | }
|
99 | }
|
100 |
|
101 | @include screen--medium-and-up {
|
102 | &__cell {
|
103 | @include grid__responsive-cells(medium);
|
104 | }
|
105 | }
|
106 |
|
107 | @include screen--large-and-up {
|
108 | &__cell {
|
109 | @include grid__responsive-cells(large);
|
110 | }
|
111 | }
|
112 |
|
113 | @include screen--xlarge-and-up {
|
114 | &__cell {
|
115 | @include grid__responsive-cells(xlarge);
|
116 | }
|
117 | }
|
118 |
|
119 | @include screen--super-and-up {
|
120 | &__cell {
|
121 | @include grid__responsive-cells(super);
|
122 | }
|
123 | }
|
124 | }
|