|
1 /* |
|
2 Theme Name: Twenty Fifteen |
|
3 Description: Adds support for languages written in a Right To Left (RTL) direction. |
|
4 It's easy, just a matter of overwriting all the horizontal positioning attributes |
|
5 of your CSS stylesheet in a separate stylesheet file named rtl.css. |
|
6 |
|
7 See: https://codex.wordpress.org/Right_to_Left_Language_Support |
|
8 */ |
|
9 |
|
10 /** |
|
11 * Table of Contents: |
|
12 * |
|
13 * 1.0 - Reset |
|
14 * 2.0 - Typography |
|
15 * 3.0 - Elements |
|
16 * 4.0 - Forms |
|
17 * 5.0 - Navigations |
|
18 * 6.0 - Accessibility |
|
19 * 7.0 - Alignments |
|
20 * 8.0 - Header |
|
21 * 9.0 - Widgets |
|
22 * 10.0 - Content |
|
23 * 10.1 - Posts and pages |
|
24 * 10.2 - Comments |
|
25 * 11.0 - Media Queries |
|
26 * 11.1 - Mobile Large |
|
27 * 11.2 - Tablet Small |
|
28 * 11.3 - Tablet Large |
|
29 * 11.4 - Desktop Small |
|
30 * 11.5 - Desktop Medium |
|
31 * 11.6 - Desktop Large |
|
32 * 11.7 - Desktop X-Large |
|
33 */ |
|
34 |
|
35 |
|
36 /** |
|
37 * 1.0 Reset |
|
38 */ |
|
39 |
|
40 body { |
|
41 direction: rtl; |
|
42 unicode-bidi: embed; |
|
43 } |
|
44 |
|
45 caption, |
|
46 th, |
|
47 td { |
|
48 text-align: right; |
|
49 } |
|
50 |
|
51 |
|
52 /** |
|
53 * 2.0 Typography |
|
54 */ |
|
55 |
|
56 body, |
|
57 button, |
|
58 input[type="button"], |
|
59 input[type="reset"], |
|
60 input[type="submit"], |
|
61 input, |
|
62 select, |
|
63 textarea, |
|
64 blockquote cite, |
|
65 blockquote small, |
|
66 .post-password-form label, |
|
67 .main-navigation .menu-item-description, |
|
68 .post-navigation .meta-nav, |
|
69 .post-navigation .post-title, |
|
70 .pagination, |
|
71 .image-navigation, |
|
72 .comment-navigation, |
|
73 .site-title, |
|
74 .site-description, |
|
75 .widget-title, |
|
76 .widget_calendar caption, |
|
77 .widget_rss .rss-date, |
|
78 .widget_rss cite, |
|
79 .author-heading, |
|
80 .entry-footer, |
|
81 .page-title, |
|
82 .page-links, |
|
83 .entry-caption, |
|
84 .comments-title, |
|
85 .comment-reply-title, |
|
86 .comment-metadata, |
|
87 .pingback .edit-link, |
|
88 .comment-list .reply a, |
|
89 .comment-form label, |
|
90 .comment-notes, |
|
91 .comment-awaiting-moderation, |
|
92 .logged-in-as, |
|
93 .form-allowed-tags, |
|
94 .no-comments, |
|
95 .wp-caption-text, |
|
96 .gallery-caption { |
|
97 font-family: Arial, Tahoma, sans-serif; |
|
98 } |
|
99 |
|
100 ::-webkit-input-placeholder { |
|
101 font-family: Arial, Tahoma, sans-serif; |
|
102 } |
|
103 |
|
104 :-moz-placeholder { |
|
105 font-family: Arial, Tahoma, sans-serif; |
|
106 } |
|
107 |
|
108 ::-moz-placeholder { |
|
109 font-family: Arial, Tahoma, sans-serif; |
|
110 } |
|
111 |
|
112 :-ms-input-placeholder { |
|
113 font-family: Arial, Tahoma, sans-serif; |
|
114 } |
|
115 |
|
116 blockquote { |
|
117 border-right: 4px solid rgba(51, 51, 51, 0.7); |
|
118 border-left: 0; |
|
119 padding-right: 0.7778em; |
|
120 padding-left: 0; |
|
121 } |
|
122 |
|
123 |
|
124 /** |
|
125 * 3.0 Elements |
|
126 */ |
|
127 |
|
128 ul, |
|
129 ol { |
|
130 margin: 0 1.3333em 1.6em 0; |
|
131 } |
|
132 |
|
133 caption, |
|
134 th, |
|
135 td { |
|
136 text-align: right; |
|
137 } |
|
138 |
|
139 |
|
140 /** |
|
141 * 4.0 Forms |
|
142 */ |
|
143 |
|
144 .post-password-form input[type="submit"] { |
|
145 right: auto; |
|
146 left: 0; |
|
147 } |
|
148 |
|
149 |
|
150 /** |
|
151 * 5.0 Navigations |
|
152 */ |
|
153 |
|
154 .main-navigation ul ul { |
|
155 margin-right: 0.8em; |
|
156 margin-left: auto; |
|
157 } |
|
158 |
|
159 .main-navigation .menu-item-has-children > a { |
|
160 padding-right: 0; |
|
161 padding-left: 48px; |
|
162 } |
|
163 |
|
164 .dropdown-toggle { |
|
165 right: auto; |
|
166 left: 0; |
|
167 } |
|
168 |
|
169 .dropdown-toggle:after { |
|
170 right: -1px; |
|
171 left: auto; |
|
172 } |
|
173 |
|
174 .social-navigation li { |
|
175 float: right; |
|
176 } |
|
177 |
|
178 .social-navigation a:before { |
|
179 right: 0; |
|
180 left: auto; |
|
181 } |
|
182 |
|
183 .secondary-toggle { |
|
184 right: auto; |
|
185 left: 0; |
|
186 } |
|
187 |
|
188 .post-navigation .has-post-thumbnail a:before { |
|
189 right: 0; |
|
190 left: auto; |
|
191 } |
|
192 |
|
193 .pagination .prev { |
|
194 right: 0; |
|
195 left: auto; |
|
196 } |
|
197 |
|
198 .pagination .prev:before { |
|
199 content: "\f429"; |
|
200 right: -1px; |
|
201 left: auto; |
|
202 } |
|
203 |
|
204 .pagination .next { |
|
205 right: auto; |
|
206 left: 0; |
|
207 } |
|
208 |
|
209 .pagination .next:before { |
|
210 content: "\f430"; |
|
211 right: auto; |
|
212 left: -1px; |
|
213 } |
|
214 |
|
215 .image-navigation .nav-previous a:before, |
|
216 .comment-navigation .nav-previous a:before { |
|
217 content: "\f429"; |
|
218 margin-right: auto; |
|
219 margin-left: 0.2em; |
|
220 } |
|
221 |
|
222 .image-navigation .nav-next a:after, |
|
223 .comment-navigation .nav-next a:after { |
|
224 content: "\f430"; |
|
225 margin-right: 0.2em; |
|
226 margin-left: auto; |
|
227 } |
|
228 |
|
229 |
|
230 /** |
|
231 * 6.0 Accessibility |
|
232 */ |
|
233 |
|
234 .screen-reader-text:hover, |
|
235 .screen-reader-text:focus { |
|
236 right: 5px; |
|
237 left: auto; |
|
238 } |
|
239 |
|
240 |
|
241 /** |
|
242 * 7.0 Alignments |
|
243 */ |
|
244 |
|
245 .alignright { |
|
246 float: right; |
|
247 } |
|
248 |
|
249 .alignleft { |
|
250 float: left; |
|
251 } |
|
252 |
|
253 .aligncenter { |
|
254 margin-right: auto; |
|
255 margin-left: auto; |
|
256 } |
|
257 |
|
258 blockquote.alignright, |
|
259 .wp-caption.alignright, |
|
260 img.alignright { |
|
261 margin: 0.4em 0 1.6em 1.6em; |
|
262 } |
|
263 |
|
264 blockquote.alignleft, |
|
265 .wp-caption.alignleft, |
|
266 img.alignleft { |
|
267 margin: 0.4em 1.6em 1.6em 0; |
|
268 } |
|
269 |
|
270 |
|
271 /** |
|
272 * 8.0 Header |
|
273 */ |
|
274 |
|
275 .site-branding { |
|
276 padding-right: 0; |
|
277 padding-left: 60px; |
|
278 } |
|
279 |
|
280 |
|
281 /** |
|
282 * 9.0 Widgets |
|
283 */ |
|
284 |
|
285 .widget_categories .children, |
|
286 .widget_nav_menu .sub-menu, |
|
287 .widget_pages .children { |
|
288 margin: 0.7667em 0.8em 0 0; |
|
289 } |
|
290 |
|
291 |
|
292 /** |
|
293 * 10.0 Content |
|
294 */ |
|
295 |
|
296 /** |
|
297 * 10.1 Posts and pages |
|
298 */ |
|
299 |
|
300 .entry-content .more-link:after { |
|
301 content: "\f430"; |
|
302 } |
|
303 |
|
304 .author-link:after { |
|
305 content: "\f430"; |
|
306 } |
|
307 |
|
308 .author-info .avatar { |
|
309 float: right; |
|
310 margin: 0 0 1.6em 1.6em; |
|
311 } |
|
312 |
|
313 .posted-on:before, |
|
314 .byline:before, |
|
315 .cat-links:before, |
|
316 .tags-links:before, |
|
317 .comments-link:before, |
|
318 .entry-format:before, |
|
319 .edit-link:before, |
|
320 .full-size-link:before { |
|
321 margin-right: auto; |
|
322 margin-left: 2px; |
|
323 } |
|
324 |
|
325 .posted-on, |
|
326 .byline, |
|
327 .cat-links, |
|
328 .tags-links, |
|
329 .comments-link, |
|
330 .entry-format, |
|
331 .full-size-link { |
|
332 margin-right: auto; |
|
333 margin-left: 1em; |
|
334 } |
|
335 |
|
336 .page-links a, |
|
337 .page-links > span { |
|
338 margin: 0 0 0.3333em 0.3333em; |
|
339 } |
|
340 |
|
341 .page-links > .page-links-title { |
|
342 padding-right: 0; |
|
343 padding-left: 0.5em; |
|
344 } |
|
345 |
|
346 .type-attachment .entry-header { |
|
347 clear: left; |
|
348 } |
|
349 |
|
350 .format-link .entry-title a:after { |
|
351 -webkit-transform: scaleX(-1); |
|
352 -moz-transform: scaleX(-1); |
|
353 -ms-transform: scaleX(-1); |
|
354 -o-transform: scaleX(-1); |
|
355 transform: scaleX(-1); |
|
356 } |
|
357 |
|
358 |
|
359 /** |
|
360 * 10.2 Comments |
|
361 */ |
|
362 |
|
363 .comment-list .children > li { |
|
364 padding-right: 0.8em; |
|
365 padding-left: 0; |
|
366 } |
|
367 |
|
368 .comment-author .avatar { |
|
369 float: right; |
|
370 margin-right: 0; |
|
371 margin-left: 0.4em; |
|
372 } |
|
373 |
|
374 .bypostauthor > article .fn:after { |
|
375 right: 3px; |
|
376 left: auto; |
|
377 } |
|
378 |
|
379 .comment-metadata .edit-link { |
|
380 margin-right: 1em; |
|
381 margin-left: auto; |
|
382 } |
|
383 |
|
384 .pingback .edit-link { |
|
385 margin-right: 1em; |
|
386 margin-left: auto; |
|
387 } |
|
388 |
|
389 .comment-content ul, |
|
390 .comment-content ol { |
|
391 margin: 0 1.3333em 1.6em 0; |
|
392 } |
|
393 |
|
394 .comment-reply-title small a { |
|
395 float: left; |
|
396 } |
|
397 |
|
398 |
|
399 /** |
|
400 * 11.0 Media Queries |
|
401 */ |
|
402 |
|
403 |
|
404 /** |
|
405 * 11.1 Mobile Large 620px |
|
406 */ |
|
407 |
|
408 @media screen and (min-width: 38.75em) { |
|
409 ul, |
|
410 ol { |
|
411 margin-right: 0; |
|
412 margin-left: auto; |
|
413 } |
|
414 |
|
415 li > ul, |
|
416 li > ol, |
|
417 blockquote > ul, |
|
418 blockquote > ol { |
|
419 margin-right: 1.3333em; |
|
420 margin-left: auto; |
|
421 } |
|
422 |
|
423 blockquote { |
|
424 margin-right: -1em; |
|
425 margin-left: auto; |
|
426 } |
|
427 |
|
428 blockquote > blockquote { |
|
429 margin-right: 0; |
|
430 margin-left: auto; |
|
431 } |
|
432 |
|
433 .page-header { |
|
434 border-color: inherit; |
|
435 border-left: none; |
|
436 border-style: solid; |
|
437 border-width: 0 7px 0 0; |
|
438 } |
|
439 |
|
440 .page-title, |
|
441 .taxonomy-description { |
|
442 margin-right: -7px; |
|
443 margin-left: auto; |
|
444 } |
|
445 |
|
446 .comment-content ul, |
|
447 .comment-content ol { |
|
448 margin-right: 0; |
|
449 margin-left: auto; |
|
450 } |
|
451 |
|
452 .comment-content li > ul, |
|
453 .comment-content li > ol, |
|
454 .comment-content blockquote > ul, |
|
455 .comment-content blockquote > ol { |
|
456 margin-right: 1.3333em; |
|
457 margin-left: auto; |
|
458 } |
|
459 } |
|
460 |
|
461 |
|
462 /** |
|
463 * 11.2 Tablet Small 740px |
|
464 */ |
|
465 |
|
466 @media screen and (min-width: 46.25em) { |
|
467 blockquote { |
|
468 margin-right: -1.05em; |
|
469 margin-left: auto; |
|
470 padding-right: 0.85em; |
|
471 padding-left: 0; |
|
472 } |
|
473 |
|
474 .main-navigation ul ul { |
|
475 margin-right: 1em; |
|
476 margin-left: auto; |
|
477 } |
|
478 |
|
479 blockquote.alignright, |
|
480 .wp-caption.alignright |
|
481 img.alignright { |
|
482 margin: 0.4118em 0 1.6471em 1.6471em; |
|
483 } |
|
484 |
|
485 blockquote.alignleft, |
|
486 .wp-caption.alignleft, |
|
487 img.alignleft { |
|
488 margin: 0.4118em 1.6471em 1.6471em 0; |
|
489 } |
|
490 |
|
491 .site-branding { |
|
492 padding-right: 0; |
|
493 padding-left: 66px; |
|
494 } |
|
495 |
|
496 .widget blockquote { |
|
497 margin-right: -1.2353em; |
|
498 margin-left: auto; |
|
499 padding-right: 1em; |
|
500 padding-left: 0; |
|
501 } |
|
502 |
|
503 .widget blockquote > blockquote { |
|
504 margin-right: 0; |
|
505 margin-left: auto; |
|
506 } |
|
507 |
|
508 .widget blockquote.alignright, |
|
509 .widget .wp-caption.alignright, |
|
510 .widget img.alignright { |
|
511 margin: 0.5em 0 1.5em 1.5em; |
|
512 } |
|
513 |
|
514 .widget blockquote.alignleft, |
|
515 .widget .wp-caption.alignleft, |
|
516 .widget img.alignleft { |
|
517 margin: 0.5em 1.5em 1.5em 0; |
|
518 } |
|
519 |
|
520 .widget_categories .children, |
|
521 .widget_nav_menu .sub-menu, |
|
522 .widget_pages .children { |
|
523 margin: 0.9643em 1em 0 0; |
|
524 } |
|
525 |
|
526 .page-links a, |
|
527 .page-links > span { |
|
528 margin: 0 0 0.2857em 0.2857em; |
|
529 } |
|
530 |
|
531 .author-info .avatar { |
|
532 margin: 0 0 1.6471em 1.6471em; |
|
533 } |
|
534 |
|
535 .comment-list .children > li { |
|
536 padding-right: 1.2353em; |
|
537 padding-left: 0; |
|
538 } |
|
539 |
|
540 .comment-author .avatar { |
|
541 margin-left: 1.64705em; |
|
542 } |
|
543 |
|
544 .bypostauthor > article .fn:after { |
|
545 right: 6px; |
|
546 left: auto; |
|
547 } |
|
548 } |
|
549 |
|
550 |
|
551 /** |
|
552 * 11.3 Tablet Large 880px |
|
553 */ |
|
554 |
|
555 @media screen and (min-width: 55em) { |
|
556 blockquote { |
|
557 margin-right: -1.0909em; |
|
558 margin-left: auto; |
|
559 padding-right: 0.9091em; |
|
560 padding-left: 0; |
|
561 } |
|
562 |
|
563 blockquote.alignright, |
|
564 .wp-caption.alignright |
|
565 img.alignright { |
|
566 margin: 0.4211em 0 1.6842em 1.6842em; |
|
567 } |
|
568 |
|
569 blockquote.alignleft, |
|
570 .wp-caption.alignleft, |
|
571 img.alignleft { |
|
572 margin: 0.4211em 1.6842em 1.6842em 0; |
|
573 } |
|
574 |
|
575 .site-branding { |
|
576 padding-right: 0; |
|
577 padding-left: 74px; |
|
578 } |
|
579 |
|
580 .widget blockquote { |
|
581 margin-right: -1.2632em; |
|
582 margin-left: auto; |
|
583 padding-right: 1.0526em; |
|
584 padding-left: 0; |
|
585 } |
|
586 |
|
587 .widget_categories .children, |
|
588 .widget_nav_menu .sub-menu, |
|
589 .widget_pages .children { |
|
590 margin: 0.7188em 1em 0 0; |
|
591 } |
|
592 |
|
593 .page-links a, |
|
594 .page-links > span { |
|
595 margin: 0 0 0.25em 0.25em; |
|
596 } |
|
597 |
|
598 .author-info .avatar { |
|
599 margin: 0 0 1.6842em 1.6842em; |
|
600 } |
|
601 |
|
602 .comment-list .children > li { |
|
603 padding-right: 1.4737em; |
|
604 padding-left: 0; |
|
605 } |
|
606 |
|
607 .comment-author .avatar { |
|
608 margin-left: 1.6842em; |
|
609 } |
|
610 } |
|
611 |
|
612 |
|
613 /** |
|
614 * 11.4 Desktop Small 955px |
|
615 */ |
|
616 |
|
617 @media screen and (min-width: 59.6875em) { |
|
618 body:before { |
|
619 right: 0; |
|
620 left: auto; |
|
621 } |
|
622 |
|
623 .sidebar { |
|
624 float: right; |
|
625 margin-right: auto; |
|
626 margin-left: -100%; |
|
627 } |
|
628 |
|
629 .site-content { |
|
630 float: right; |
|
631 margin-right: 29.4118%; |
|
632 margin-left: auto; |
|
633 } |
|
634 |
|
635 blockquote { |
|
636 margin-right: -1.3333em; |
|
637 margin-left: auto; |
|
638 padding-right: 1.1111em; |
|
639 padding-left: 0; |
|
640 } |
|
641 |
|
642 .main-navigation .menu-item-has-children > a { |
|
643 padding-right: 0; |
|
644 padding-left: 30px; |
|
645 } |
|
646 |
|
647 blockquote.alignright, |
|
648 .wp-caption.alignright, |
|
649 img.alignright { |
|
650 margin: 0.4em 0 1.6em 1.6em; |
|
651 } |
|
652 |
|
653 blockquote.alignleft, |
|
654 .wp-caption.alignleft, |
|
655 img.alignleft { |
|
656 margin: 0.4em 1.6em 1.6em 0; |
|
657 } |
|
658 |
|
659 .widget blockquote { |
|
660 margin-right: -1.5em; |
|
661 margin-left: auto; |
|
662 padding-right: 1.1667em; |
|
663 padding-left: 0; |
|
664 } |
|
665 |
|
666 .widget_categories .children, |
|
667 .widget_nav_menu .sub-menu, |
|
668 .widget_pages .children { |
|
669 margin: 0.4583em 1em 0 0; |
|
670 } |
|
671 |
|
672 .page-links a, |
|
673 .page-links > span { |
|
674 margin: 0 0 0.3333em 0.3333em; |
|
675 } |
|
676 |
|
677 .author-info .avatar { |
|
678 margin: 0 0 1.5em 1.5em; |
|
679 } |
|
680 |
|
681 .comment-list .children > li { |
|
682 padding-right: 0.8em; |
|
683 padding-left: 0; |
|
684 } |
|
685 |
|
686 .comment-author .avatar { |
|
687 margin-left: 0.8em; |
|
688 } |
|
689 |
|
690 .bypostauthor > article .fn:after { |
|
691 right: 3px; |
|
692 left: auto; |
|
693 } |
|
694 |
|
695 .site-branding { |
|
696 padding: 0; |
|
697 } |
|
698 |
|
699 .site-footer { |
|
700 float: right; |
|
701 margin: 0 35.2941% 0 0; |
|
702 } |
|
703 } |
|
704 |
|
705 |
|
706 /** |
|
707 * 11.5 Desktop Medium 1100px |
|
708 */ |
|
709 |
|
710 @media screen and (min-width: 68.75em) { |
|
711 blockquote { |
|
712 margin-right: -1.05em; |
|
713 margin-left: auto; |
|
714 padding-right: 0.85em; |
|
715 padding-left: 0; |
|
716 } |
|
717 |
|
718 .main-navigation .menu-item-has-children > a { |
|
719 padding-right: 0; |
|
720 padding-left: 34px; |
|
721 } |
|
722 |
|
723 blockquote.alignright, |
|
724 .wp-caption.alignright |
|
725 img.alignright { |
|
726 margin: 0.4118em 0 1.6471em 1.6471em; |
|
727 } |
|
728 |
|
729 blockquote.alignleft, |
|
730 .wp-caption.alignleft, |
|
731 img.alignleft { |
|
732 margin: 0.4118em 1.6471em 1.6471em 0; |
|
733 } |
|
734 |
|
735 .widget blockquote { |
|
736 padding-right: 1.2143em; |
|
737 padding-left: 0; |
|
738 } |
|
739 |
|
740 .widget_categories .children, |
|
741 .widget_nav_menu .sub-menu, |
|
742 .widget_pages .children { |
|
743 margin: 0.4643em 1em 0 0; |
|
744 } |
|
745 |
|
746 .page-links a, |
|
747 .page-links > span { |
|
748 margin: 0 0 0.2857em 0.2857em; |
|
749 } |
|
750 |
|
751 .author-info .avatar { |
|
752 margin: 0 0 1.6471em 1.6471em; |
|
753 } |
|
754 |
|
755 .comment-list .children > li { |
|
756 padding-right: 1.1667em; |
|
757 padding-left: 0; |
|
758 } |
|
759 |
|
760 .comment-author .avatar { |
|
761 margin-left: 1.64705em; |
|
762 } |
|
763 |
|
764 .bypostauthor > article .fn:after { |
|
765 right: 6px; |
|
766 left: auto; |
|
767 } |
|
768 } |
|
769 |
|
770 |
|
771 /** |
|
772 * 11.6 Desktop Large 1240px |
|
773 */ |
|
774 |
|
775 @media screen and (min-width: 77.5em) { |
|
776 blockquote { |
|
777 margin-right: -1.0909em; |
|
778 margin-left: auto; |
|
779 padding-right: 0.9091em; |
|
780 padding-left: 0; |
|
781 } |
|
782 |
|
783 .main-navigation .menu-item-has-children > a { |
|
784 padding-right: 0; |
|
785 padding-left: 38px; |
|
786 } |
|
787 |
|
788 blockquote.alignright, |
|
789 .wp-caption.alignright |
|
790 img.alignright { |
|
791 margin: 0.4211em 0 1.6842em 1.6842em; |
|
792 } |
|
793 |
|
794 blockquote.alignleft, |
|
795 .wp-caption.alignleft, |
|
796 img.alignleft { |
|
797 margin: 0.4211em 1.6842em 1.6842em 0; |
|
798 } |
|
799 |
|
800 .widget blockquote { |
|
801 padding-right: 1.25em; |
|
802 padding-left: 0; |
|
803 } |
|
804 |
|
805 .widget_categories .children, |
|
806 .widget_nav_menu .sub-menu, |
|
807 .widget_pages .children { |
|
808 margin: 0.4688em 1em 0 0; |
|
809 } |
|
810 |
|
811 .page-links a, |
|
812 .page-links > span { |
|
813 margin: 0 0 0.25em 0.25em; |
|
814 } |
|
815 |
|
816 .author-info .avatar { |
|
817 margin: 0 0 1.6842em 1.6842em; |
|
818 } |
|
819 |
|
820 .comment-list .children > li { |
|
821 padding-right: 1.4737em; |
|
822 padding-left: 0; |
|
823 } |
|
824 |
|
825 .comment-author .avatar { |
|
826 margin-left: 1.64705em; |
|
827 } |
|
828 } |
|
829 |
|
830 |
|
831 /** |
|
832 * 11.7 Desktop X-Large 1403px |
|
833 */ |
|
834 |
|
835 @media screen and (min-width: 87.6875em) { |
|
836 body:before { |
|
837 width: -webkit-calc(50% - 289px); |
|
838 width: calc(50% - 289px); |
|
839 } |
|
840 } |