title.html 896 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <div id="snippet-title">
  2. </div>
  3. <h3>Console</h3>
  4. <pre><code class="title-console title-console__title">''</code></pre>
  5. <pre><code class="title-console title-console__body">''</code></pre>
  6. <pre><code class="title-console title-console__data">''</code></pre>
  7. <style>
  8. #title-console {
  9. max-height: 300px;
  10. overflow: auto;
  11. white-space: normal;
  12. background: #2b2c26;
  13. margin-top: 20px;
  14. transition: background-color 500ms;
  15. }
  16. #title-console.updated {
  17. background: green;
  18. }
  19. .title-console__title,
  20. .title-console__body {
  21. margin-bottom: 10px;
  22. }
  23. .title-console__title::before,
  24. .title-console__body::before,
  25. .title-console__data::before {
  26. display: inline-block;
  27. margin-right: 5px;
  28. opacity: 0.5;
  29. }
  30. .title-console__title::before {
  31. content: 'Title:'
  32. }
  33. .title-console__body::before {
  34. content: 'Body:'
  35. }
  36. .title-console__data::before {
  37. content: 'Data:';
  38. }
  39. </style>