|
5 | 5 | /** |
6 | 6 | * Some simple, crude, starting-point widths to use alongside the layout system. |
7 | 7 | */ |
8 | | -@include media-query(palm) { |
| 8 | +// @include media-query(palm) { |
9 | 9 |
|
10 | | - .palm-one-whole { width: 100%; } |
| 10 | +// .palm-one-whole { width: 100%; } |
11 | 11 |
|
12 | | - .palm-one-half { width: 50%; } |
| 12 | +// .palm-one-half { width: 50%; } |
13 | 13 |
|
14 | | - .palm-one-third { width: 33.333333333%; } |
15 | | - .palm-two-thirds { width: 66.666666666%; } |
| 14 | +// .palm-one-third { width: 33.333333333%; } |
| 15 | +// .palm-two-thirds { width: 66.666666666%; } |
16 | 16 |
|
17 | | - .palm-one-quarter { width: 25%; } |
18 | | - .palm-three-quarters { width: 75%; } |
| 17 | +// .palm-one-quarter { width: 25%; } |
| 18 | +// .palm-three-quarters { width: 75%; } |
19 | 19 |
|
20 | | - .palm-one-fifth { width: 20%; } |
21 | | - .palm-two-fifths { width: 40%; } |
22 | | - .palm-three-fifths { width: 60%; } |
23 | | - .palm-four-fifths { width: 80%; } |
| 20 | +// .palm-one-fifth { width: 20%; } |
| 21 | +// .palm-two-fifths { width: 40%; } |
| 22 | +// .palm-three-fifths { width: 60%; } |
| 23 | +// .palm-four-fifths { width: 80%; } |
24 | 24 |
|
25 | | - .palm-one-tenth { width: 10%; } |
26 | | - .palm-three-tenths { width: 30%; } |
27 | | - .palm-seven-tenths { width: 70%; } |
28 | | - .palm-nine-tenths { width: 90%; } |
| 25 | +// .palm-one-tenth { width: 10%; } |
| 26 | +// .palm-three-tenths { width: 30%; } |
| 27 | +// .palm-seven-tenths { width: 70%; } |
| 28 | +// .palm-nine-tenths { width: 90%; } |
29 | 29 |
|
30 | | -} |
| 30 | +// } |
31 | 31 |
|
32 | 32 |
|
33 | 33 |
|
34 | 34 |
|
35 | 35 |
|
36 | | -@include media-query(lap) { |
| 36 | +// @include media-query(lap) { |
37 | 37 |
|
38 | | - .lap-one-whole { width: 100%; } |
| 38 | +// .lap-one-whole { width: 100%; } |
39 | 39 |
|
40 | | - .lap-one-half { width: 50%; } |
| 40 | +// .lap-one-half { width: 50%; } |
41 | 41 |
|
42 | | - .lap-one-third { width: 33.333333333%; } |
43 | | - .lap-two-thirds { width: 66.666666666%; } |
| 42 | +// .lap-one-third { width: 33.333333333%; } |
| 43 | +// .lap-two-thirds { width: 66.666666666%; } |
44 | 44 |
|
45 | | - .lap-one-quarter { width: 25%; } |
46 | | - .lap-three-quarters { width: 75%; } |
| 45 | +// .lap-one-quarter { width: 25%; } |
| 46 | +// .lap-three-quarters { width: 75%; } |
47 | 47 |
|
48 | | - .lap-one-fifth { width: 20%; } |
49 | | - .lap-two-fifths { width: 40%; } |
50 | | - .lap-three-fifths { width: 60%; } |
51 | | - .lap-four-fifths { width: 80%; } |
| 48 | +// .lap-one-fifth { width: 20%; } |
| 49 | +// .lap-two-fifths { width: 40%; } |
| 50 | +// .lap-three-fifths { width: 60%; } |
| 51 | +// .lap-four-fifths { width: 80%; } |
52 | 52 |
|
53 | | - .lap-one-tenth { width: 10%; } |
54 | | - .lap-three-tenths { width: 30%; } |
55 | | - .lap-seven-tenths { width: 70%; } |
56 | | - .lap-nine-tenths { width: 90%; } |
| 53 | +// .lap-one-tenth { width: 10%; } |
| 54 | +// .lap-three-tenths { width: 30%; } |
| 55 | +// .lap-seven-tenths { width: 70%; } |
| 56 | +// .lap-nine-tenths { width: 90%; } |
57 | 57 |
|
58 | | -} |
| 58 | +// } |
59 | 59 |
|
60 | 60 |
|
61 | 61 |
|
62 | 62 |
|
63 | 63 |
|
64 | 64 | @include media-query(lap-and-up) { |
65 | 65 |
|
66 | | - .lap-and-up-one-whole { width: 100%; } |
| 66 | +// .lap-and-up-one-whole { width: 100%; } |
67 | 67 |
|
68 | | - .lap-and-up-one-half { width: 50%; } |
| 68 | + .lap-and-up-one-half { width: 50%; } |
69 | 69 |
|
70 | | - .lap-and-up-one-third { width: 33.333333333%; } |
71 | | - .lap-and-up-two-thirds { width: 66.666666666%; } |
| 70 | +// .lap-and-up-one-third { width: 33.333333333%; } |
| 71 | +// .lap-and-up-two-thirds { width: 66.666666666%; } |
72 | 72 |
|
73 | | - .lap-and-up-one-quarter { width: 25%; } |
74 | | - .lap-and-up-three-quarters { width: 75%; } |
| 73 | + .lap-and-up-one-quarter { width: 25%; } |
| 74 | +// .lap-and-up-three-quarters { width: 75%; } |
75 | 75 |
|
76 | | - .lap-and-up-one-fifth { width: 20%; } |
77 | | - .lap-and-up-two-fifths { width: 40%; } |
78 | | - .lap-and-up-three-fifths { width: 60%; } |
79 | | - .lap-and-up-four-fifths { width: 80%; } |
| 76 | +// .lap-and-up-one-fifth { width: 20%; } |
| 77 | +// .lap-and-up-two-fifths { width: 40%; } |
| 78 | +// .lap-and-up-three-fifths { width: 60%; } |
| 79 | +// .lap-and-up-four-fifths { width: 80%; } |
80 | 80 |
|
81 | | - .lap-and-up-one-tenth { width: 10%; } |
82 | | - .lap-and-up-three-tenths { width: 30%; } |
83 | | - .lap-and-up-seven-tenths { width: 70%; } |
84 | | - .lap-and-up-nine-tenths { width: 90%; } |
| 81 | +// .lap-and-up-one-tenth { width: 10%; } |
| 82 | +// .lap-and-up-three-tenths { width: 30%; } |
| 83 | +// .lap-and-up-seven-tenths { width: 70%; } |
| 84 | +// .lap-and-up-nine-tenths { width: 90%; } |
85 | 85 |
|
86 | 86 | } |
87 | 87 |
|
88 | 88 |
|
89 | 89 |
|
90 | 90 |
|
91 | 91 |
|
92 | | -@include media-query(portable) { |
| 92 | +// @include media-query(portable) { |
93 | 93 |
|
94 | | - .portable-one-whole { width: 100%; } |
| 94 | +// .portable-one-whole { width: 100%; } |
95 | 95 |
|
96 | | - .portable-one-half { width: 50%; } |
| 96 | +// .portable-one-half { width: 50%; } |
97 | 97 |
|
98 | | - .portable-one-third { width: 33.333333333%; } |
99 | | - .portable-two-thirds { width: 66.666666666%; } |
| 98 | +// .portable-one-third { width: 33.333333333%; } |
| 99 | +// .portable-two-thirds { width: 66.666666666%; } |
100 | 100 |
|
101 | | - .portable-one-quarter { width: 25%; } |
102 | | - .portable-three-quarters { width: 75%; } |
| 101 | +// .portable-one-quarter { width: 25%; } |
| 102 | +// .portable-three-quarters { width: 75%; } |
103 | 103 |
|
104 | | - .portable-one-fifth { width: 20%; } |
105 | | - .portable-two-fifths { width: 40%; } |
106 | | - .portable-three-fifths { width: 60%; } |
107 | | - .portable-four-fifths { width: 80%; } |
| 104 | +// .portable-one-fifth { width: 20%; } |
| 105 | +// .portable-two-fifths { width: 40%; } |
| 106 | +// .portable-three-fifths { width: 60%; } |
| 107 | +// .portable-four-fifths { width: 80%; } |
108 | 108 |
|
109 | | - .portable-one-tenth { width: 10%; } |
110 | | - .portable-three-tenths { width: 30%; } |
111 | | - .portable-seven-tenths { width: 70%; } |
112 | | - .portable-nine-tenths { width: 90%; } |
| 109 | +// .portable-one-tenth { width: 10%; } |
| 110 | +// .portable-three-tenths { width: 30%; } |
| 111 | +// .portable-seven-tenths { width: 70%; } |
| 112 | +// .portable-nine-tenths { width: 90%; } |
113 | 113 |
|
114 | | -} |
| 114 | +// } |
115 | 115 |
|
116 | 116 |
|
117 | 117 |
|
118 | 118 |
|
119 | 119 |
|
120 | 120 | @include media-query(desk) { |
121 | 121 |
|
122 | | - .desk-one-whole { width: 100%; } |
| 122 | +// .desk-one-whole { width: 100%; } |
123 | 123 |
|
124 | | - .desk-one-half { width: 50%; } |
| 124 | +// .desk-one-half { width: 50%; } |
125 | 125 |
|
126 | | - .desk-one-third { width: 33.333333333%; } |
127 | | - .desk-two-thirds { width: 66.666666666%; } |
| 126 | + .desk-one-third { width: 33.333333333%; } |
| 127 | + .desk-two-thirds { width: 66.666666666%; } |
128 | 128 |
|
129 | | - .desk-one-quarter { width: 25%; } |
130 | | - .desk-three-quarters { width: 75%; } |
| 129 | +// .desk-one-quarter { width: 25%; } |
| 130 | +// .desk-three-quarters { width: 75%; } |
131 | 131 |
|
132 | | - .desk-one-fifth { width: 20%; } |
133 | | - .desk-two-fifths { width: 40%; } |
134 | | - .desk-three-fifths { width: 60%; } |
135 | | - .desk-four-fifths { width: 80%; } |
| 132 | +// .desk-one-fifth { width: 20%; } |
| 133 | +// .desk-two-fifths { width: 40%; } |
| 134 | + .desk-three-fifths { width: 60%; } |
| 135 | +// .desk-four-fifths { width: 80%; } |
136 | 136 |
|
137 | | - .desk-one-tenth { width: 10%; } |
138 | | - .desk-three-tenths { width: 30%; } |
139 | | - .desk-seven-tenths { width: 70%; } |
140 | | - .desk-nine-tenths { width: 90%; } |
| 137 | +// .desk-one-tenth { width: 10%; } |
| 138 | + .desk-three-tenths { width: 30%; } |
| 139 | +// .desk-seven-tenths { width: 70%; } |
| 140 | +// .desk-nine-tenths { width: 90%; } |
141 | 141 |
|
142 | | - .desk-push-one-tenth { position: relative; left: 10%; } |
| 142 | + .desk-push-one-tenth { position: relative; left: 10%; } |
143 | 143 |
|
144 | 144 | } |
145 | 145 |
|
0 commit comments