_person-page.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .person-page {
  2. &__title {
  3. margin: 20px 0 10px;
  4. font-family: $fontcuprum;
  5. font-size: 27px;
  6. font-weight: 700;
  7. }
  8. &__subtitle {
  9. margin: 10px 0;
  10. font-family: $fontcuprum;
  11. font-size: 18px;
  12. font-weight: 700;
  13. line-height: 1;
  14. }
  15. &__text-info {
  16. font-size: 14px;
  17. h3{
  18. font-size: 15px;
  19. font-weight: 600;
  20. line-height: 26px;
  21. }
  22. }
  23. &__awards {
  24. display: flex;
  25. flex-direction: row;
  26. margin: 20px -10px;
  27. }
  28. &__award {
  29. display: flex;
  30. flex-direction: row;
  31. align-content: center;
  32. justify-content: flex-start;
  33. vertical-align: middle;
  34. align-items: center;
  35. width: 200px;
  36. margin: 0 10px;
  37. }
  38. &__award-name {
  39. display: block;
  40. margin-left: 10px;
  41. color: #75787b;
  42. font-size: 14px;
  43. }
  44. &__award-image {
  45. display: block;
  46. }
  47. &__category {
  48. color: #75787b;
  49. padding-top: 1px;
  50. font-family: $fontcuprum;
  51. padding-bottom: 8px;
  52. font-size: 20px;
  53. font-weight: 600;
  54. }
  55. &__media {
  56. border: none !important;
  57. padding-top: 0 !important;
  58. }
  59. &__person-photo {
  60. position: relative;
  61. }
  62. &__work-years {
  63. position: absolute;
  64. background: #ebebeb;
  65. padding: 5px 10px;
  66. border-radius: 0 10px 0 10px;
  67. bottom: 0;
  68. right: 18px;
  69. text-align: center;
  70. font-size: 13px;
  71. color: #929292;
  72. & > span {
  73. font-size: 18px;
  74. color: #004d7b;
  75. }
  76. }
  77. }