2020-02-29 12:13:49 +00:00
|
|
|
.integrations-wrap {
|
|
|
|
.integration {
|
|
|
|
background: $color-white;
|
2020-05-02 04:17:36 +00:00
|
|
|
border: 1px solid $color-border;
|
|
|
|
border-radius: $space-smaller;
|
2020-06-22 07:49:26 +00:00
|
|
|
margin-bottom: $space-normal;
|
2020-02-29 12:13:49 +00:00
|
|
|
padding: $space-normal;
|
|
|
|
|
|
|
|
.integration--image {
|
|
|
|
display: flex;
|
2020-10-07 16:32:08 +00:00
|
|
|
height: 10rem;
|
2020-02-29 12:13:49 +00:00
|
|
|
margin-right: $space-normal;
|
2020-06-22 07:49:26 +00:00
|
|
|
width: 10rem;
|
2020-02-29 12:13:49 +00:00
|
|
|
|
|
|
|
img {
|
2020-06-22 07:49:26 +00:00
|
|
|
max-width: 100%;
|
|
|
|
padding: $space-medium;
|
2020-02-29 12:13:49 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.integration--title {
|
|
|
|
font-size: $font-size-large;
|
|
|
|
}
|
|
|
|
|
|
|
|
.integration--description {
|
|
|
|
padding-right: $space-medium;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-wrap {
|
|
|
|
@include flex;
|
|
|
|
@include flex-align(center, middle);
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-wrap {
|
|
|
|
padding-left: $space-large;
|
|
|
|
}
|