entitybanner.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .entitybanner {
  2. margin-bottom: 20px;
  3. &__item {
  4. margin-bottom: 20px;
  5. background: #fff;
  6. border: 1px solid #ebebeb;
  7. display: -webkit-flex;
  8. display: -ms-flex;
  9. display: flex;
  10. flex-direction: column;
  11. text-decoration: none;
  12. border-radius: 10px 0 0 0 / 10px 0 0 0;
  13. height: calc(100% - 20px);
  14. &:hover {
  15. border-color: #d2dee9;
  16. }
  17. &:hover .entitybanner__address {
  18. background: #d2dee9;
  19. }
  20. }
  21. &__title {
  22. padding: 5px;
  23. font-size: 16px;
  24. color: #004d7b;
  25. font-family: $fontcuprum;
  26. text-align: center;
  27. padding-bottom: 0;
  28. display: -webkit-flex;
  29. display: -ms-flex;
  30. display: flex;
  31. justify-content: center;
  32. align-items: center;
  33. align-content: center;
  34. min-height: 60px;
  35. }
  36. &__description {
  37. padding: 5px;
  38. text-align: center;
  39. font-family: $fontcuprum;
  40. font-size: 14px;
  41. color: #929292;
  42. display: -webkit-flex;
  43. display: -ms-flex;
  44. display: flex;
  45. justify-content: center;
  46. align-items: center;
  47. align-content: center;
  48. min-height: 60px;
  49. }
  50. &__imgcase {
  51. display: block;
  52. margin: auto;
  53. margin-bottom: 5px;
  54. position: relative;
  55. min-width: 200px;
  56. }
  57. &__img {
  58. width: 100%;
  59. max-width: 200px;
  60. height: 100%;
  61. max-height: 130px;
  62. }
  63. &__address {
  64. background: #ebebeb;
  65. padding: 5px;
  66. min-height: 50px;
  67. color: #929292;
  68. font-size: 13px;
  69. text-align: center;
  70. line-height: 15px;
  71. display: -webkit-flex;
  72. display: -ms-flex;
  73. display: flex;
  74. justify-content: center;
  75. align-items: center;
  76. align-content: center;
  77. font-family: $fontcuprum;
  78. }
  79. &__badge {
  80. left: -14px;
  81. bottom: 7px;
  82. }
  83. &__item:hover {
  84. border-color: #d2dee9;
  85. }
  86. &__item:hover &__address {
  87. background: #d2dee9;
  88. }
  89. }