<!-- Error rendering component -->
<!-- TypeError: file.split is not a function -->
<!-- Error: TypeError: file.split is not a function
at /builds/lehigh-drupal/design-systems/college-of-business/node_modules/@frctl/twig/src/adapter.js:156:24
at new Promise (<anonymous>)
at TwigAdapter.render (/builds/lehigh-drupal/design-systems/college-of-business/node_modules/@frctl/twig/src/adapter.js:134:16)
at ComponentSource._renderVariant (/builds/lehigh-drupal/design-systems/college-of-business/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
at _renderVariant.next (<anonymous>)
at onFulfilled (/builds/lehigh-drupal/design-systems/college-of-business/node_modules/co/index.js:65:19) -->
<div class="podcast-wrapper clearfix">
{% include template_path with {
position: 'right',
}
%}
</div><!-- end podcast-wrapper -->
{
"position": "right",
"images": "/images",
"template_path": {
"position": "center",
"images": "/images"
}
}
.podcast-buttons {
color: $grey_k60;
margin: $space-triple 0;
.share-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@include reset-list-nav;
@media only screen and (min-width: $break-tablet) {
justify-content: center;
}
li {
@media only screen and (min-width: $break-tablet) {
margin: 0 $space $space 0;
}
&:first-of-type {
margin: 0 $space 0 0;
@media only screen and (min-width: $break-tablet) {
margin: 0 $space $space 0;
}
}
img {
width: 200px;
}
}
}
&.center {
text-align: center;
p {
&:first-of-type {
text-align: center;
}
}
.share-buttons {
justify-content: center;
}
}
&.right {
text-align: left;
margin: $space-double 0 0 0;
@media only screen and (min-width: $break-tablet) {
text-align: center;
}
@media only screen and (min-width: $break-desktop) {
width: calc(100% * 1 / 3);
float: right;
}
}
}
No notes defined.