ESPTrainer built with Meteor and React

App.scss 963B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @import 'gradient';
  2. #app-container {
  3. display: flex;
  4. min-height: 100vh;
  5. flex-direction: column;
  6. @include linear-gradient(#343b59);
  7. }
  8. main {
  9. flex: 1;
  10. display: flex;
  11. flex-direction: row;
  12. justify-content: center;
  13. align-items: stretch;
  14. }
  15. header {
  16. height: 64px;
  17. background: #23273c;
  18. color: white;
  19. line-height: 64px;
  20. padding-left: 10px;
  21. }
  22. .left, .right {
  23. flex: 0 0 12em;
  24. margin: 30px;
  25. }
  26. .center {
  27. margin: 30px;
  28. padding: 20px;
  29. display: flex;
  30. min-width: 440px;
  31. align-items: stretch;
  32. flex-direction: column;
  33. background-color: rgba(0,0,0,0.1);
  34. }
  35. @media(min-width: 768px) {
  36. .left, .right {
  37. margin: 30px;
  38. }
  39. main {
  40. flex-direction: row;
  41. justify-content: center;
  42. align-items: flex-start;
  43. }
  44. .center {
  45. margin: 30px;
  46. }
  47. }
  48. footer {
  49. background: #23273c;
  50. text-align: center;
  51. color: white;
  52. padding: 10px;
  53. }