editorLive.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .editor-body {
  2. display: flex;
  3. flex-direction: row;
  4. }
  5. @font-face {
  6. font-family: 'Material Icons';
  7. font-style: normal;
  8. font-weight: 400;
  9. src: url(./mdc/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  10. src: local('Material Icons'),
  11. local('MaterialIcons-Regular'),
  12. url(./mdc/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
  13. url(./mdc/iconfont/MaterialIcons-Regular.woff) format('woff'),
  14. url(./mdc/iconfont/MaterialIcons-Regular.ttf) format('truetype');
  15. }
  16. .material-icons {
  17. font-family: 'Material Icons';
  18. font-weight: normal;
  19. font-style: normal;
  20. font-size: 24px; /* Preferred icon size */
  21. display: inline-block;
  22. line-height: 1;
  23. text-transform: none;
  24. letter-spacing: normal;
  25. word-wrap: normal;
  26. white-space: nowrap;
  27. direction: ltr;
  28. /* Support for all WebKit browsers. */
  29. -webkit-font-smoothing: antialiased;
  30. /* Support for Safari and Chrome. */
  31. text-rendering: optimizeLegibility;
  32. /* Support for Firefox. */
  33. -moz-osx-font-smoothing: grayscale;
  34. /* Support for IE. */
  35. font-feature-settings: 'liga';
  36. }
  37. /*
  38. .mdc-persistent-drawer--open {
  39. width: 300px;
  40. }
  41. .mdc-persistent-drawer__drawer {
  42. width: 300px;
  43. }
  44. */
  45. .mdc-theme--accent {
  46. color: #2E7D32;
  47. }
  48. .draggable {
  49. top: 200px;
  50. left: 400px;
  51. z-index: 4;
  52. background-color: rgba(255, 255, 255, 1);
  53. }
  54. .draggable.is-pointer-down {
  55. background: #999FA4;
  56. }
  57. .draggable.is-dragging { opacity: 0.9; }
  58. .handle {
  59. background: #555;
  60. background: rgba(132, 141, 132, 0.80);
  61. width: 100%;
  62. }
  63. .propGrid.max-width {
  64. max-width: 400px;
  65. }
  66. .codeEditorGrid{
  67. width: 1000px;
  68. height: 500px;
  69. }
  70. .codeEditorGrid.max-width {
  71. max-width: 1200px;
  72. }
  73. .aceEditor {
  74. width:inherit; height: 400px
  75. }