- Bring back JSX compiler styling still being used on HTML JSX page
Fixes [#5121]
Vipul A M committed
Oct 10, 2015 at 13:53 UTC
2b81ea0d203a75b0f8727acc82b873e4e8942ac4
1 file changed
+32
docs/css/react.scss
+32
@@ -390,6 +390,38 @@ h1, h2, h3, h4, h5, h6 {
390
@include clearfix;
391
}
392
393
+/* JSX Compiler */
394
+
395
+.jsxCompiler {
396
+ margin: 0 auto;
397
+ padding-top: 20px;
398
+ width: 1220px;
399
+
400
+ label.compiler-option {
401
+ display: block;
402
+ margin-top: 5px;
403
+ }
404
+
405
+ #jsxCompiler {
406
+ margin-top: 20px;
407
+ }
408
+
409
+ .playgroundPreview {
410
+ padding: 0;
411
+ width: 600px;
412
+
413
+ pre {
414
+ @include code-typography;
415
+ }
416
+ }
417
+
418
+ .playgroundError {
419
+ // The compiler view kills padding in order to render the CodeMirror code
420
+ // more nicely. For the error view, put a padding back
421
+ padding: 15px 20px;
422
+ }
423
+}
424
+
425
.docs-prev {
426
float: left;
427
}