global.sass 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. svg
  2. max-height: 100%
  3. max-width: 100%
  4. $carbon-space: 15px
  5. #carboncontainer
  6. align-items: center
  7. display: flex
  8. justify-content: center
  9. margin-left: auto
  10. margin-right: auto
  11. max-width: 340px
  12. min-height: 120px + ($carbon-space * 2)
  13. #carbon
  14. flex-grow: 1
  15. min-height: 100px + ($carbon-space * 2)
  16. padding: 0
  17. position: relative
  18. &:hover
  19. box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $primary
  20. +tablet
  21. width: 340px
  22. #carbonads
  23. font-size: 14px
  24. text-align: left
  25. a,
  26. span
  27. display: block
  28. .carbon-wrap
  29. min-height: 130px
  30. position: relative
  31. .carbon-img
  32. bottom: 0
  33. float: left
  34. left: 0
  35. min-height: 130px
  36. padding: 15px 0 15px 15px
  37. position: absolute
  38. top: 0
  39. width: 145px
  40. img
  41. display: block
  42. height: 100px
  43. width: 130px
  44. &:hover
  45. opacity: 0.9
  46. &:active
  47. opacity: 0.8
  48. a:hover
  49. text-decoration: underline
  50. .carbon-text
  51. display: block
  52. color: $text-strong
  53. line-height: 20px
  54. padding: 15px 15px 35px 160px
  55. .carbon-poweredby
  56. bottom: 10px
  57. color: $text-light
  58. display: inline
  59. font-size: $size-small
  60. position: absolute
  61. right: 10px