@@ -188,7 +188,6 @@ footer:before {
188188 }
189189
190190 # features {
191- width : 66em ;
192191 margin-top : 2em ;
193192 font-size : 80% ;
194193 }
@@ -197,12 +196,16 @@ footer:before {
197196 margin : 0 0 2em 0 ;
198197 list-style : none;
199198 display : inline-block;
200- width : 27em ;
199+ width : 49% ;
200+ box-sizing : border-box;
201201 vertical-align : top;
202202 }
203203
204204 # features li : nth-child (odd) {
205- margin-right : 5em ;
205+ padding-right : 2.5em ;
206+ }
207+ # features li : nth-child (even) {
208+ padding-left : 2.5em ;
206209 }
207210
208211 # features li : before {
@@ -229,7 +232,7 @@ footer:before {
229232 position : relative;
230233 z-index : 1 ;
231234 float : right;
232- margin-right : -1 em ;
235+ margin-right : -9 em ;
233236 text-align : center;
234237 text-transform : uppercase;
235238 letter-spacing : .2em ;
@@ -277,13 +280,89 @@ footer:before {
277280
278281 # theme > input {
279282 position : absolute;
283+ left : 0 ;
280284 clip : rect (0 , 0 , 0 , 0 );
281285 }
282286
283287 # theme > input : checked + label {
284288 background : # 7fab14 ;
285289 }
286290
291+ @media (max-width : 1300px ) and (min-width : 1051px ) {
292+ # theme {
293+ position : relative;
294+ z-index : 1 ;
295+ float : left;
296+ margin : 1em 0 ;
297+ width : 100% ;
298+ }
299+ # theme + * {
300+ clear : both;
301+ }
302+
303+ # theme > p {
304+ margin-top : .5em ;
305+ }
306+
307+ # theme > label {
308+ float : left;
309+ font-size : 82.6% ;
310+ }
311+
312+ # theme > label : before {
313+ display : none;
314+ }
315+
316+ # theme > label : nth-of-type (n+2) {
317+ margin-top : 0 ;
318+ }
319+ }
320+
321+ @media (max-width : 1050px ) {
322+ # theme {
323+ position : relative;
324+ z-index : 1 ;
325+ float : left;
326+ margin : 1em 0 ;
327+ }
328+ # theme + * {
329+ clear : both;
330+ }
331+
332+ # theme > p {
333+ left : inherit;
334+ right : -1em ;
335+ }
336+
337+ # theme > label {
338+ float : left;
339+ }
340+
341+ # theme > label : before {
342+ display : none;
343+ }
344+
345+ # theme > label : nth-of-type (n+2) {
346+ margin-top : 0 ;
347+ }
348+ # theme > label : nth-of-type (n+5) {
349+ margin-top : -2.5em ;
350+ }
351+ # theme > label : nth-of-type (4 n+1) {
352+ margin-left : 12.5em ;
353+ }
354+ }
355+
356+ @media (max-width : 800px ) {
357+ # theme > label : nth-of-type (4 ) {
358+ margin-right : 4em ;
359+ }
360+ # theme > label : nth-of-type (4 n+1) {
361+ margin-left : 4em ;
362+ }
363+ }
364+
365+
287366footer {
288367 margin-top : 2em ;
289368 background-position : bottom;
@@ -364,6 +443,12 @@ footer {
364443
365444 # toc li {
366445 list-style : none;
446+ line-height : 1.2 ;
447+ padding : .2em 0 ;
448+ }
449+
450+ # toc li a {
451+ padding : .2em 0 ;
367452 }
368453
369454# logo : before {
@@ -429,12 +514,3 @@ ul.plugin-list {
429514 ul .plugin-list > li > div {
430515 margin-bottom : .5em ;
431516 }
432-
433- /*
434- * Fix for Toolbar's overflow issue
435- */
436-
437- div .code-toolbar {
438- display : block;
439- overflow : auto;
440- }
0 commit comments