style.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* Общая оболочка шапки для студента в разделе ОБУЧЕНИЕ */
  2. .einstein {
  3. display: flex;
  4. flex: none;
  5. flex-direction: row;
  6. justify-content: center;
  7. background-color: #000;
  8. color: #fff;
  9. max-width: 100vw;
  10. overflow: hidden;
  11. user-select: none;
  12. }
  13. /* Вывод блока с логотипом */
  14. .einstein_logo {
  15. align-self: center;
  16. justify-content: center;
  17. text-align: center;
  18. flex-grow: 1;
  19. display: flex;
  20. flex-wrap: nowrap;
  21. align-items: center;
  22. color: #fbe746;
  23. padding: 1rem 0;
  24. }
  25. /* Параметры для вывода лого в виде картинки*/
  26. .einstein_logo img {
  27. display: block;
  28. height: 10vw;
  29. max-height: 10rem;
  30. min-height: 7rem;
  31. margin: 0 auto;
  32. }
  33. /* Параметры для вывода лого в виде картинки и слогана в виде текста */
  34. .einstein_logo_img {
  35. text-align: center;
  36. border-right: 1px solid currentColor;
  37. padding-right: 3rem;
  38. margin-right: 3rem;
  39. }
  40. .einstein_logo_img img {
  41. height: 8rem;
  42. }
  43. .einstein_logo_text {
  44. text-align: left;
  45. font-size: 1.65rem;
  46. line-height: 1.15;
  47. font-weight: 300;
  48. }
  49. /* Оформление боковых элементов шапки */
  50. .einstein_pic1 {
  51. align-self: flex-start;
  52. text-align: left;
  53. }
  54. .einstein_pic2 {
  55. align-self: flex-end;
  56. text-align: right;
  57. }
  58. .einstein_pic1 img,
  59. .einstein_pic2 img {
  60. display: block;
  61. height: 15vw;
  62. min-height: 11rem;
  63. max-height: 13rem;
  64. }
  65. .einstein_pic2 img {
  66. margin-right: 0;
  67. margin-left: auto;
  68. }