bsa.sass 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .bsa
  2. padding: 2rem
  3. .bsa-cpc
  4. min-height: 1px
  5. #_default_
  6. .default-ad
  7. background-color: rgba(black, 0.3)
  8. border-radius: 2px
  9. color: $white
  10. display: inline-block
  11. font-size: 10px
  12. font-weight: bold
  13. padding: 0 4px
  14. text-transform: uppercase
  15. vertical-align: top
  16. & > a
  17. background-color: $white
  18. border-radius: $radius-large
  19. box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
  20. color: $text
  21. display: block
  22. line-height: 1.375
  23. margin-top: 15px
  24. min-height: 70px
  25. padding: 15px
  26. padding-left: 70px
  27. position: relative
  28. &:hover,
  29. &:focus
  30. box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link
  31. &:active
  32. box-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link
  33. span
  34. display: block
  35. .default-image
  36. display: block
  37. left: 15px
  38. height: 40px
  39. position: absolute
  40. top: 15px
  41. width: 40px
  42. img
  43. display: block
  44. height: 40px
  45. width: 40px
  46. .default-title
  47. color: $text-strong
  48. display: inline
  49. font-weight: $weight-bold
  50. &:after
  51. content: " — "
  52. .default-description
  53. display: inline
  54. +tablet
  55. .bsa
  56. .columns
  57. min-height: 120px
  58. #_default_
  59. display: flex
  60. justify-content: center
  61. position: relative
  62. .default-ad
  63. left: 100%
  64. margin-left: 2rem
  65. position: absolute
  66. top: 0
  67. & > a
  68. margin: 0
  69. width: calc(50% - 1rem)
  70. &:not(:nth-child(2))
  71. margin-left: 2rem