region-selection-box.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .region-selection {
  2. &__box {
  3. -webkit-box-shadow: 0 0 10px 0 #a8a8a8;
  4. box-shadow: 0 0 10px 0 #a8a8a8;
  5. box-sizing: border-box;
  6. display: flex;
  7. flex-direction: row;
  8. flex-wrap: wrap;
  9. &:before {
  10. position: absolute;
  11. content: '';
  12. top: -13px;
  13. left: 50%;
  14. background: url(../img/regions-block-arrow.png);
  15. width: 19px;
  16. height: 13px;
  17. }
  18. }
  19. &__item {
  20. }
  21. &__link {
  22. font-size: 13px;
  23. font-family: $fontopensans;
  24. color: #929292;
  25. text-decoration: none;
  26. vertical-align: middle;
  27. &:hover {
  28. color: lighten(#929292, 10%);
  29. text-decoration: underline;
  30. }
  31. }
  32. &__items-list {
  33. box-sizing: border-box;
  34. width: 150px;
  35. margin: 5px 10px;
  36. }
  37. &__list-letter {
  38. font-size: 16px;
  39. font-family: $fontopensans;
  40. color: #004d7b;
  41. text-transform: uppercase;
  42. line-height: 1.2;
  43. min-height: 19px;
  44. }
  45. }