| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- svg
- max-height: 100%
- max-width: 100%
- $carbon-space: 15px
- #carboncontainer
- align-items: center
- display: flex
- justify-content: center
- margin-left: auto
- margin-right: auto
- max-width: 340px
- min-height: 120px + ($carbon-space * 2)
- #carbon
- flex-grow: 1
- min-height: 100px + ($carbon-space * 2)
- padding: 0
- position: relative
- &:hover
- box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $primary
- +tablet
- width: 340px
- #carbonads
- font-size: 14px
- text-align: left
- a,
- span
- display: block
- .carbon-wrap
- min-height: 130px
- position: relative
- .carbon-img
- bottom: 0
- float: left
- left: 0
- min-height: 130px
- padding: 15px 0 15px 15px
- position: absolute
- top: 0
- width: 145px
- img
- display: block
- height: 100px
- width: 130px
- &:hover
- opacity: 0.9
- &:active
- opacity: 0.8
- a:hover
- text-decoration: underline
- .carbon-text
- display: block
- color: $text-strong
- line-height: 20px
- padding: 15px 15px 35px 160px
- .carbon-poweredby
- bottom: 10px
- color: $text-light
- display: inline
- font-size: $size-small
- position: absolute
- right: 10px
|
